From 402e01a0ddd3095e3524db67e8458b8383a2b9c1 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Sat, 15 Feb 2025 12:28:43 +0000 Subject: [PATCH 001/137] create alpine model --- .idea/blade.xml | 12 +- .idea/php.xml | 1 + .idea/phpspec.xml | 3 + composer.json | 3 +- .../components/themes/classic/modal.blade.php | 207 ++++++++++-------- src/View/Components/Themes/Classic/Modal.php | 25 ++- 6 files changed, 157 insertions(+), 94 deletions(-) diff --git a/.idea/blade.xml b/.idea/blade.xml index 1429e5a2..24a5d079 100644 --- a/.idea/blade.xml +++ b/.idea/blade.xml @@ -51,6 +51,7 @@ + @@ -62,9 +63,11 @@ + + @@ -81,14 +84,19 @@ - + + + + + + @@ -110,6 +118,8 @@ + + diff --git a/.idea/php.xml b/.idea/php.xml index 62ddcaef..8ed417c8 100644 --- a/.idea/php.xml +++ b/.idea/php.xml @@ -152,6 +152,7 @@ + diff --git a/.idea/phpspec.xml b/.idea/phpspec.xml index ec7e1d44..c7cfbc2c 100644 --- a/.idea/phpspec.xml +++ b/.idea/phpspec.xml @@ -8,6 +8,9 @@ + + \ No newline at end of file diff --git a/composer.json b/composer.json index 220f8a14..c99a3f73 100644 --- a/composer.json +++ b/composer.json @@ -23,7 +23,8 @@ "ext-json": "*", "php": "^8.0", "illuminate/contracts": "^7.20|^8.19|^9.0|^10.0|^11.0", - "illuminate/support": "^7.20|^8.19|^9.0|^10.0|^11.0" + "illuminate/support": "^7.20|^8.19|^9.0|^10.0|^11.0", + "livewire/livewire": "^3.5" }, "require-dev": { "guzzlehttp/guzzle": "^7.3", diff --git a/resources/views/components/themes/classic/modal.blade.php b/resources/views/components/themes/classic/modal.blade.php index 27c5e3da..1fca8718 100644 --- a/resources/views/components/themes/classic/modal.blade.php +++ b/resources/views/components/themes/classic/modal.blade.php @@ -23,106 +23,135 @@ $hasFooter = isset($footer) && $footer->isNotEmpty(); $hasTitle = $hasHeader || $modal->getTitle(); @endphp -
merge(['id' => $id]) }} {{ $attributes->merge(['class' => 'modal']) }} - {{ $attributes->merge(['tabindex' => '-1']) }} > -
-
- - @if($hasTitle) -
attributes->class(['modal-header']) : 'class=modal-header' }}> - @if ($hasHeader) - {{ $header }} - @elseif($modal->getTitle()) -
- {{ $modal->getTitle() }} -
- - @endif -
- @else -
attributes->class(['modal-header']) : 'class=modal-header' }}> - -
- @endif - - @if($view) - {!! $view !!} - @else -
attributes->class(['modal-body']) : 'class=modal-body' }}> - @if($hasBody) - {{ $body }} - @elseif($modal->getMessage()) - {{ $modal->getMessage() }} - @endif +
+ + +
- @endif - @if( $action->label || $cancel->label && $hasFooter ) - -
attributes->class(['modal-footer']) : 'class=modal-footer' }}> - @if($hasFooter) - {{ $footer }} - @else + +
+ + + @if ($hasHeader) + {{ $header }} + @elseif($modal->getTitle()) +
+

{{ $modal->getTitle() }}

+ +
+ @endif - @if($cancel->label) - @if($cancel->link) - attributes) !!}> - {{ $cancel->label }} - - @else - - @endif + +
+

This is placeholder text. Replace it with your own content.

+
+ @if($view) + {!! $view !!} + @else +
+ @if($hasBody) + {{ $body }} + @elseif($modal->getMessage()) + {{ $modal->getMessage() }} + @endif +
@endif - @if($action->label) - @if($action->link) - attributes) !!}> - {{ $action->label }} - - @else - - @endif - @endif + +
+ @if( $action->label || $cancel->label && $hasFooter ) + +
+ @if($hasFooter) + {{ $footer }} + @else + + @if($cancel->label) + @if($cancel->link) + attributes) !!}> + {{ $cancel->label }} + + @else + + @endif + @endif + + @if($action->label) + @if($action->link) + attributes) !!}> + {{ $action->label }} + + @else + + @endif + @endif + + @endif +
- @endif + @endif
- - @endif -
-
- @endif \ No newline at end of file diff --git a/src/View/Components/Themes/Classic/Modal.php b/src/View/Components/Themes/Classic/Modal.php index ed6577b6..184ea6b4 100644 --- a/src/View/Components/Themes/Classic/Modal.php +++ b/src/View/Components/Themes/Classic/Modal.php @@ -24,7 +24,8 @@ class Modal extends Component */ public array $actionAttributes = [ 'type' => 'button', - 'class' => 'btn btn-primary', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', + '@click' => "modalOpen = false;", ]; /** @@ -32,8 +33,26 @@ class Modal extends Component */ public array $cancelAttributes = [ 'type' => 'button', - 'class' => 'btn btn-secondary', - 'data-bs-dismiss' => 'modal', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', + '@click' => "modalOpen = false;", + ]; + + /** + * Default action button attributes. + */ + public array $linkActionAttributes = [ + 'type' => 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', + '@click' => "modalOpen = false;", + ]; + + /** + * Default cancel button attributes. + */ + public array $linkCancelAttributes = [ + 'type' => 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', + '@click' => "modalOpen = false;", ]; /** From caa468f9a026d5a934155984f8992bc69d3fad20 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Sun, 16 Feb 2025 12:02:03 +0000 Subject: [PATCH 002/137] remove directives from service provider --- .idea/blade.xml | 6 +++++- src/AlertServiceProvider.php | 21 --------------------- 2 files changed, 5 insertions(+), 22 deletions(-) diff --git a/.idea/blade.xml b/.idea/blade.xml index 24a5d079..37317adf 100644 --- a/.idea/blade.xml +++ b/.idea/blade.xml @@ -5,6 +5,7 @@ + @@ -32,6 +33,7 @@ + @@ -59,6 +61,7 @@ + @@ -84,7 +87,7 @@ - + @@ -108,6 +111,7 @@ + diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php index 79ad3de4..2a3f5b5e 100644 --- a/src/AlertServiceProvider.php +++ b/src/AlertServiceProvider.php @@ -23,8 +23,6 @@ public function boot(): void $this->registerMacros(); $this->bootForConsole(); - - $this->registerBladeDirectives(); } /** @@ -99,23 +97,4 @@ protected function registerMacros(): void ->forget($tag); }); } - - /** - * Register Blade directives. - */ - public function registerBladeDirectives(): void - { - $css = asset('vendor/alert/css/alert.css'); - $js = asset('vendor/alert/js/alert.js'); - - Blade::directive( - 'alertStyles', - fn () => '' - ); - - Blade::directive( - 'alertScripts', - fn () => '' - ); - } } From 12513152bee33021615ef86a5799fd08df805526 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Sun, 16 Feb 2025 12:08:13 +0000 Subject: [PATCH 003/137] set default theme to classic --- config/alert.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/config/alert.php b/config/alert.php index f22cf77e..6be9f607 100644 --- a/config/alert.php +++ b/config/alert.php @@ -14,7 +14,7 @@ | */ - 'theme' => 'bootstrap5', + 'theme' => 'classic', /* |-------------------------------------------------------------------------- From 34a084bfa1c5eb21004607a758474d92744177e7 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Tue, 18 Feb 2025 13:10:57 +0000 Subject: [PATCH 004/137] replace classic theme with tailwind --- config/alert.php | 18 +++++++++--------- .../{classic => tailwind}/field.blade.php | 0 .../{classic => tailwind}/message.blade.php | 0 .../{classic => tailwind}/modal.blade.php | 0 .../{classic => tailwind}/notify.blade.php | 0 .../{classic => tailwind}/sticky.blade.php | 0 .../Themes/{Classic => Tailwind}/Field.php | 4 ++-- .../Themes/{Classic => Tailwind}/Message.php | 4 ++-- .../Themes/{Classic => Tailwind}/Modal.php | 4 ++-- .../Themes/{Classic => Tailwind}/Notify.php | 4 ++-- .../Themes/{Classic => Tailwind}/Sticky.php | 4 ++-- tests/Unit/Helpers/ThemeTest.php | 6 +++--- 12 files changed, 22 insertions(+), 22 deletions(-) rename resources/views/components/themes/{classic => tailwind}/field.blade.php (100%) rename resources/views/components/themes/{classic => tailwind}/message.blade.php (100%) rename resources/views/components/themes/{classic => tailwind}/modal.blade.php (100%) rename resources/views/components/themes/{classic => tailwind}/notify.blade.php (100%) rename resources/views/components/themes/{classic => tailwind}/sticky.blade.php (100%) rename src/View/Components/Themes/{Classic => Tailwind}/Field.php (82%) rename src/View/Components/Themes/{Classic => Tailwind}/Message.php (81%) rename src/View/Components/Themes/{Classic => Tailwind}/Modal.php (95%) rename src/View/Components/Themes/{Classic => Tailwind}/Notify.php (82%) rename src/View/Components/Themes/{Classic => Tailwind}/Sticky.php (89%) diff --git a/config/alert.php b/config/alert.php index 6be9f607..78f31e9d 100644 --- a/config/alert.php +++ b/config/alert.php @@ -14,7 +14,7 @@ | */ - 'theme' => 'classic', + 'theme' => 'tailwind', /* |-------------------------------------------------------------------------- @@ -25,43 +25,43 @@ | */ 'themes' => [ - 'classic' => [ - 'components' => 'Digitlimit\Alert\View\Components\Themes\Classic', + 'tailwind' => [ + 'components' => 'Digitlimit\Alert\View\Components\Themes\Tailwind', 'types' => [ 'message' => [ 'view' => 'alert-message', 'alert' => Types\Message::class, - 'component' => Themes\Classic\Message::class, + 'component' => Themes\Tailwind\Message::class, ], 'field' => [ 'view' => 'alert-field', 'alert' => Types\Field::class, - 'component' => Themes\Classic\Field::class, + 'component' => Themes\Tailwind\Field::class, ], 'bag' => [ 'view' => 'alert-field', 'alert' => Types\FieldBag::class, - 'component' => Themes\Classic\Field::class, + 'component' => Themes\Tailwind\Field::class, ], 'modal' => [ 'view' => 'alert-modal', 'alert' => Types\Modal::class, - 'component' => Themes\Classic\Modal::class, + 'component' => Themes\Tailwind\Modal::class, ], 'notify' => [ 'view' => 'alert-notify', 'alert' => Types\Notify::class, - 'component' => Themes\Classic\Notify::class, + 'component' => Themes\Tailwind\Notify::class, ], 'sticky' => [ 'view' => 'alert-sticky', 'alert' => Types\Sticky::class, - 'component' => Themes\Classic\Sticky::class, + 'component' => Themes\Tailwind\Sticky::class, ], ], ], diff --git a/resources/views/components/themes/classic/field.blade.php b/resources/views/components/themes/tailwind/field.blade.php similarity index 100% rename from resources/views/components/themes/classic/field.blade.php rename to resources/views/components/themes/tailwind/field.blade.php diff --git a/resources/views/components/themes/classic/message.blade.php b/resources/views/components/themes/tailwind/message.blade.php similarity index 100% rename from resources/views/components/themes/classic/message.blade.php rename to resources/views/components/themes/tailwind/message.blade.php diff --git a/resources/views/components/themes/classic/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php similarity index 100% rename from resources/views/components/themes/classic/modal.blade.php rename to resources/views/components/themes/tailwind/modal.blade.php diff --git a/resources/views/components/themes/classic/notify.blade.php b/resources/views/components/themes/tailwind/notify.blade.php similarity index 100% rename from resources/views/components/themes/classic/notify.blade.php rename to resources/views/components/themes/tailwind/notify.blade.php diff --git a/resources/views/components/themes/classic/sticky.blade.php b/resources/views/components/themes/tailwind/sticky.blade.php similarity index 100% rename from resources/views/components/themes/classic/sticky.blade.php rename to resources/views/components/themes/tailwind/sticky.blade.php diff --git a/src/View/Components/Themes/Classic/Field.php b/src/View/Components/Themes/Tailwind/Field.php similarity index 82% rename from src/View/Components/Themes/Classic/Field.php rename to src/View/Components/Themes/Tailwind/Field.php index 8779e962..78c406d2 100644 --- a/src/View/Components/Themes/Classic/Field.php +++ b/src/View/Components/Themes/Tailwind/Field.php @@ -1,6 +1,6 @@ toBeEmpty(); // set a valid theme - config(['alert.theme' => 'classic']); + config(['alert.theme' => 'tailwind']); expect(Theme::name()) - ->toEqual('classic') + ->toEqual('tailwind') ->and(Theme::theme()) ->toBeArray() ->not()->toBeEmpty() - ->toEqual(config('alert.themes.classic')); + ->toEqual(config('alert.themes.tailwind')); })->group('theme', 'helpers', 'theme-theme'); From 2a4277f990b622f1da00ca91ca43eb141d1a7811 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Tue, 18 Feb 2025 13:11:47 +0000 Subject: [PATCH 005/137] fux style --- src/View/Components/Themes/Tailwind/Modal.php | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index eba38025..069082d5 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -25,7 +25,7 @@ class Modal extends Component public array $actionAttributes = [ 'type' => 'button', 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', - '@click' => "modalOpen = false;", + '@click' => 'modalOpen = false;', ]; /** @@ -34,7 +34,7 @@ class Modal extends Component public array $cancelAttributes = [ 'type' => 'button', 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', - '@click' => "modalOpen = false;", + '@click' => 'modalOpen = false;', ]; /** @@ -43,7 +43,7 @@ class Modal extends Component public array $linkActionAttributes = [ 'type' => 'button', 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', - '@click' => "modalOpen = false;", + '@click' => 'modalOpen = false;', ]; /** @@ -52,7 +52,7 @@ class Modal extends Component public array $linkCancelAttributes = [ 'type' => 'button', 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', - '@click' => "modalOpen = false;", + '@click' => 'modalOpen = false;', ]; /** From 234378e36da9e7990f87d166e81b6abb8556086d Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Tue, 18 Feb 2025 13:18:41 +0000 Subject: [PATCH 006/137] fix tests --- .idea/php.xml | 208 ++++++++++++------------- .idea/phpspec.xml | 3 + .phpunit.cache/test-results | 2 +- tests/Feature/Components/ModalTest.php | 8 +- tests/Unit/Helpers/ThemeTest.php | 4 +- 5 files changed, 114 insertions(+), 111 deletions(-) diff --git a/.idea/php.xml b/.idea/php.xml index 8ed417c8..61ea1ec6 100644 --- a/.idea/php.xml +++ b/.idea/php.xml @@ -17,142 +17,142 @@ - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - + + + + + + - - - - - - + + - - + + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - + + - - + + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - + + - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/.idea/phpspec.xml b/.idea/phpspec.xml index c7cfbc2c..41f23c4c 100644 --- a/.idea/phpspec.xml +++ b/.idea/phpspec.xml @@ -11,6 +11,9 @@ + + \ No newline at end of file diff --git a/.phpunit.cache/test-results b/.phpunit.cache/test-results index d72f85c3..5517044e 100644 --- a/.phpunit.cache/test-results +++ b/.phpunit.cache/test-results @@ -1 +1 @@ -{"version":"pest_2.36.0","defects":{"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":8},"times":{"P\\Tests\\Unit\\Helpers\\AttributeTest::__pest_evaluable_it_can_generate_html_element_attribute_from_an_array":0.035,"P\\Tests\\Unit\\Helpers\\SessionKeyTest::__pest_evaluable_it_can_generate_a_session_key_from_tag_name_and_alert_type":0.001,"P\\Tests\\Feature\\Component\\ButtonTest::__pest_evaluable_it_can_create_button_component":0.001,"P\\Tests\\Feature\\Components\\FieldBagTest::__pest_evaluable_it_can_render_validation_errors_for_the_field_view_component":0.03,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_default_field_view_component":0.002,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_tagged_field_view_component":0.002,"P\\Tests\\Feature\\Components\\MessageTest::__pest_evaluable_it_can_render_a_default_message_alert":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_view_component":0.003,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_with_buttons_and_title":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_position":0.001,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_size":0.004,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_default_notify_alert":0.002,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_tagged_notify_alert":0.001,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_default_sticky_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert":0.001,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert_button":0.001,"P\\Tests\\Feature\\Traits\\LevelableTest::__pest_evaluable_it_can_sets_the_correct_levels":0.001,"P\\Tests\\Feature\\Types\\FieldTest::__pest_evaluable_it_can_create_an_alert":0,"P\\Tests\\Feature\\Types\\MessageTest::__pest_evaluable_it_can_create_a_default_alert":0,"P\\Tests\\Feature\\Types\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert_position":0.001,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_title":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_button":0,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_named_field_view_component":0.002,"P\\Tests\\Feature\\Helpers\\FieldTest::__pest_evaluable_it_can_create_an_alert_with_helper":0.001,"P\\Tests\\Feature\\Helpers\\MessageTest::__pest_evaluable_it_can_create_a_default_alert_with_helper":0,"P\\Tests\\Feature\\Helpers\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert_with_helper":0,"P\\Tests\\Feature\\Helpers\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert__with_helper":0,"P\\Tests\\Feature\\Helpers\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert__with_helper":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_name":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_all_themes":0.004,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_based_on_config":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_types":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_prefixed_alert_type":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_check_if_alert_type_exists":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_class_name":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_throw_exception_if_alert_type_does_not_exist":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":0.014}} \ No newline at end of file +{"version":"pest_2.36.0","defects":{"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":8,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_position":7,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_size":7},"times":{"P\\Tests\\Unit\\Helpers\\AttributeTest::__pest_evaluable_it_can_generate_html_element_attribute_from_an_array":0.02,"P\\Tests\\Unit\\Helpers\\SessionKeyTest::__pest_evaluable_it_can_generate_a_session_key_from_tag_name_and_alert_type":0,"P\\Tests\\Feature\\Component\\ButtonTest::__pest_evaluable_it_can_create_button_component":0,"P\\Tests\\Feature\\Components\\FieldBagTest::__pest_evaluable_it_can_render_validation_errors_for_the_field_view_component":0.026,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_default_field_view_component":0.002,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_tagged_field_view_component":0.002,"P\\Tests\\Feature\\Components\\MessageTest::__pest_evaluable_it_can_render_a_default_message_alert":0.003,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_view_component":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_with_buttons_and_title":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_position":0.008,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_size":0.002,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_default_notify_alert":0.002,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_tagged_notify_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_default_sticky_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert_button":0.001,"P\\Tests\\Feature\\Traits\\LevelableTest::__pest_evaluable_it_can_sets_the_correct_levels":0.001,"P\\Tests\\Feature\\Types\\FieldTest::__pest_evaluable_it_can_create_an_alert":0,"P\\Tests\\Feature\\Types\\MessageTest::__pest_evaluable_it_can_create_a_default_alert":0,"P\\Tests\\Feature\\Types\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert_position":0.001,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_title":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_button":0,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_named_field_view_component":0.003,"P\\Tests\\Feature\\Helpers\\FieldTest::__pest_evaluable_it_can_create_an_alert_with_helper":0.001,"P\\Tests\\Feature\\Helpers\\MessageTest::__pest_evaluable_it_can_create_a_default_alert_with_helper":0,"P\\Tests\\Feature\\Helpers\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert_with_helper":0.001,"P\\Tests\\Feature\\Helpers\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert__with_helper":0,"P\\Tests\\Feature\\Helpers\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert__with_helper":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_name":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_all_themes":0.004,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_based_on_config":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_types":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_prefixed_alert_type":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_check_if_alert_type_exists":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_class_name":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_throw_exception_if_alert_type_does_not_exist":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":0.014}} \ No newline at end of file diff --git a/tests/Feature/Components/ModalTest.php b/tests/Feature/Components/ModalTest.php index d2b894be..6a690a2b 100644 --- a/tests/Feature/Components/ModalTest.php +++ b/tests/Feature/Components/ModalTest.php @@ -31,25 +31,25 @@ })->group('view-component', 'view-component-modal-buttons-title'); it('can render a default modal a the right position', function () { - Alert::modal() + Alert::modal('Your message has been recieved, you will hear from us soon') ->centered('centered'); $view = $this ->blade(''); $view - ->assertSee('class="modal-dialog centered "', false); + ->assertSee('class="modal-centered "', false); })->group('view-component', 'view-component-modal-position'); it('can render a default modal a the right size', function () { - Alert::modal() + Alert::modal('Your message has been recieved, you will hear from us soon') ->small(); $this ->blade('') ->assertSee('class="modal-dialog modal-sm "', false); - Alert::modal() + Alert::modal('Your message has been recieved, you will hear from us soon') ->large(); $this diff --git a/tests/Unit/Helpers/ThemeTest.php b/tests/Unit/Helpers/ThemeTest.php index 575f644d..80fd6565 100644 --- a/tests/Unit/Helpers/ThemeTest.php +++ b/tests/Unit/Helpers/ThemeTest.php @@ -7,8 +7,8 @@ $theme = Helper::config()->get('alert.theme'); expect($theme) - ->toEqual('bootstrap5') - ->and(Theme::name())->toEqual('bootstrap5'); + ->toEqual('tailwind') + ->and(Theme::name())->toEqual('tailwind'); })->group('theme', 'helpers', 'theme-name'); From fa19abd5b38f91af6df659f8c7f82b287a615de2 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Tue, 18 Feb 2025 21:24:17 +0000 Subject: [PATCH 007/137] fix alpine error --- resources/views/components/themes/tailwind/modal.blade.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index 1fca8718..b2cfd9e0 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -65,7 +65,7 @@ class="absolute inset-0 w-full h-full bg-white backdrop-blur-sm bg-opacity-70"> 'w-1/4': modalSize === 'sm', // Small 'w-1/2': modalSize === 'md', // Medium 'w-3/4': modalSize === 'lg', // Large - 'w-full h-full': modalSize === 'full' // Full Screen + 'w-full h-full': modalSize === 'full', // Full Screen 'max-h-[80vh] overflow-y-auto': scrollable // Enables scrolling inside modal }" class="bg-white p-6 rounded-lg shadow-lg relative max-w-full"> From d9b347d97f73acc1af38fbeb2221cc9ed76e7397 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 01:37:53 +0000 Subject: [PATCH 008/137] refactor theme --- config/alert.php | 82 +---------------------- src/Alert.php | 1 + src/AlertServiceProvider.php | 14 +--- src/Config.php | 1 + src/{ => Contracts}/ConfigInterface.php | 2 +- src/{ => Contracts}/SessionInterface.php | 2 +- src/Contracts/ThemeInterface.php | 10 +++ src/Helpers/Helper.php | 2 +- src/Helpers/Theme.php | 16 ++++- src/Message/AbstractMessage.php | 2 +- src/Message/MessageFactory.php | 2 +- src/Session.php | 1 + src/Types/Field.php | 2 +- src/Types/FieldBag.php | 2 +- src/Types/Message.php | 2 +- src/Types/Modal.php | 2 +- src/Types/Notify.php | 2 +- src/Types/Sticky.php | 2 +- src/View/Components/Themes/Bootstrap5.php | 66 ++++++++++++++++++ src/View/Components/Themes/Tailwind.php | 64 ++++++++++++++++++ 20 files changed, 173 insertions(+), 104 deletions(-) rename src/{ => Contracts}/ConfigInterface.php (82%) rename src/{ => Contracts}/SessionInterface.php (92%) create mode 100644 src/Contracts/ThemeInterface.php create mode 100644 src/View/Components/Themes/Bootstrap5.php create mode 100644 src/View/Components/Themes/Tailwind.php diff --git a/config/alert.php b/config/alert.php index 78f31e9d..31dfa61c 100644 --- a/config/alert.php +++ b/config/alert.php @@ -25,85 +25,7 @@ | */ 'themes' => [ - 'tailwind' => [ - 'components' => 'Digitlimit\Alert\View\Components\Themes\Tailwind', - 'types' => [ - 'message' => [ - 'view' => 'alert-message', - 'alert' => Types\Message::class, - 'component' => Themes\Tailwind\Message::class, - ], - - 'field' => [ - 'view' => 'alert-field', - 'alert' => Types\Field::class, - 'component' => Themes\Tailwind\Field::class, - ], - - 'bag' => [ - 'view' => 'alert-field', - 'alert' => Types\FieldBag::class, - 'component' => Themes\Tailwind\Field::class, - ], - - 'modal' => [ - 'view' => 'alert-modal', - 'alert' => Types\Modal::class, - 'component' => Themes\Tailwind\Modal::class, - ], - - 'notify' => [ - 'view' => 'alert-notify', - 'alert' => Types\Notify::class, - 'component' => Themes\Tailwind\Notify::class, - ], - - 'sticky' => [ - 'view' => 'alert-sticky', - 'alert' => Types\Sticky::class, - 'component' => Themes\Tailwind\Sticky::class, - ], - ], - ], - 'bootstrap5' => [ - 'components' => 'Digitlimit\Alert\View\Components\Themes\Bootstrap5', - 'types' => [ - 'message' => [ - 'view' => 'alert-message', - 'alert' => Types\Message::class, - 'component' => Themes\Bootstrap5\Message::class, - ], - - 'field' => [ - 'view' => 'alert-field', - 'alert' => Types\Field::class, - 'component' => Themes\Bootstrap5\Field::class, - ], - - 'bag' => [ - 'view' => 'alert-field', - 'alert' => Types\FieldBag::class, - 'component' => Themes\Bootstrap5\Field::class, - ], - - 'modal' => [ - 'view' => 'alert-modal', - 'alert' => Types\Modal::class, - 'component' => Themes\Bootstrap5\Modal::class, - ], - - 'notify' => [ - 'view' => 'alert-notify', - 'alert' => Types\Notify::class, - 'component' => Themes\Bootstrap5\Notify::class, - ], - - 'sticky' => [ - 'view' => 'alert-sticky', - 'alert' => Types\Sticky::class, - 'component' => Themes\Bootstrap5\Sticky::class, - ], - ], - ], + 'tailwind' => Digitlimit\Alert\View\Components\Themes\Tailwind::class, + 'bootstrap5' => Digitlimit\Alert\View\Components\Themes\Bootstrap5::class, ], ]; diff --git a/src/Alert.php b/src/Alert.php index 7db6b3fc..54eef364 100644 --- a/src/Alert.php +++ b/src/Alert.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\SessionKey; use Digitlimit\Alert\Helpers\Type; use Digitlimit\Alert\Message\MessageFactory; diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php index 2a3f5b5e..9040e94a 100644 --- a/src/AlertServiceProvider.php +++ b/src/AlertServiceProvider.php @@ -2,6 +2,8 @@ namespace Digitlimit\Alert; +use Digitlimit\Alert\Contracts\ConfigInterface; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Theme; use Exception; use Illuminate\Support\Facades\Blade; @@ -73,17 +75,7 @@ protected function bootForConsole(): void */ protected function registerComponents(): void { - $theme = Theme::theme(); - - if (empty($theme)) { - throw new Exception('Invalid alert theme configuration'); - } - - Blade::componentNamespace($theme['components'], 'alert'); - - foreach ($theme['types'] as $type) { - Blade::component($type['view'], $type['component']); - } + Theme::theme()->register(); } /** diff --git a/src/Config.php b/src/Config.php index 3a40a23e..8d5958d3 100644 --- a/src/Config.php +++ b/src/Config.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert; +use Digitlimit\Alert\Contracts\ConfigInterface; use Illuminate\Config\Repository; class Config implements ConfigInterface diff --git a/src/ConfigInterface.php b/src/Contracts/ConfigInterface.php similarity index 82% rename from src/ConfigInterface.php rename to src/Contracts/ConfigInterface.php index 0ab506f1..8c84a599 100644 --- a/src/ConfigInterface.php +++ b/src/Contracts/ConfigInterface.php @@ -1,6 +1,6 @@ get('alert.themes'); } - public static function theme(): array + /** + * @throws Exception + */ + public static function theme(): ThemeInterface { $name = self::name(); $themes = self::all(); - return $themes[$name] ?? []; + $theme = $themes[$name] ?? null; + + if (!$theme) { + throw new Exception("Theme {$name} not found"); + } + + return app($theme); } } diff --git a/src/Message/AbstractMessage.php b/src/Message/AbstractMessage.php index 0b6684e8..b4c6e2da 100644 --- a/src/Message/AbstractMessage.php +++ b/src/Message/AbstractMessage.php @@ -3,8 +3,8 @@ namespace Digitlimit\Alert\Message; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\SessionKey; -use Digitlimit\Alert\SessionInterface; use Digitlimit\Alert\Traits\Levelable; /** diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php index 7c62a784..ce16244f 100644 --- a/src/Message/MessageFactory.php +++ b/src/Message/MessageFactory.php @@ -2,8 +2,8 @@ namespace Digitlimit\Alert\Message; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Type; -use Digitlimit\Alert\SessionInterface; use Exception; class MessageFactory diff --git a/src/Session.php b/src/Session.php index ac3c5666..b981105a 100644 --- a/src/Session.php +++ b/src/Session.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert; +use Digitlimit\Alert\Contracts\SessionInterface; use Illuminate\Support\Facades\Session as Store; class Session implements SessionInterface diff --git a/src/Types/Field.php b/src/Types/Field.php index 7beca47d..6113a48c 100644 --- a/src/Types/Field.php +++ b/src/Types/Field.php @@ -2,11 +2,11 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Helpers\SessionKey; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; class Field extends AbstractMessage implements MessageInterface { diff --git a/src/Types/FieldBag.php b/src/Types/FieldBag.php index afa2bf43..07166a30 100644 --- a/src/Types/FieldBag.php +++ b/src/Types/FieldBag.php @@ -2,10 +2,10 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; use Illuminate\Support\MessageBag; use Illuminate\Validation\Validator; diff --git a/src/Types/Message.php b/src/Types/Message.php index 1e7e0639..1651a183 100644 --- a/src/Types/Message.php +++ b/src/Types/Message.php @@ -2,10 +2,10 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; class Message extends AbstractMessage implements MessageInterface { diff --git a/src/Types/Modal.php b/src/Types/Modal.php index 7a1e2646..c5e6d586 100644 --- a/src/Types/Modal.php +++ b/src/Types/Modal.php @@ -3,10 +3,10 @@ namespace Digitlimit\Alert\Types; use Digitlimit\Alert\Component\Button; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; use Illuminate\View\View; class Modal extends AbstractMessage implements MessageInterface diff --git a/src/Types/Notify.php b/src/Types/Notify.php index 7e4800ae..99bc4f10 100644 --- a/src/Types/Notify.php +++ b/src/Types/Notify.php @@ -2,10 +2,10 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; class Notify extends AbstractMessage implements MessageInterface { diff --git a/src/Types/Sticky.php b/src/Types/Sticky.php index 4b1dcab6..102e96a5 100644 --- a/src/Types/Sticky.php +++ b/src/Types/Sticky.php @@ -4,11 +4,11 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Component\Button; +use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Helpers\SessionKey; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; -use Digitlimit\Alert\SessionInterface; class Sticky extends AbstractMessage implements MessageInterface { diff --git a/src/View/Components/Themes/Bootstrap5.php b/src/View/Components/Themes/Bootstrap5.php new file mode 100644 index 00000000..67473cea --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5.php @@ -0,0 +1,66 @@ + [ + 'view' => 'alert-message', + 'alert' => Types\Message::class, + 'component' => Bootstrap5\Message::class, + ], + + 'field' => [ + 'view' => 'alert-field', + 'alert' => Types\Field::class, + 'component' => Bootstrap5\Field::class, + ], + + 'bag' => [ + 'view' => 'alert-field', + 'alert' => Types\FieldBag::class, + 'component' => Bootstrap5\Field::class, + ], + + 'modal' => [ + 'view' => 'alert-modal', + 'alert' => Types\Modal::class, + 'component' => Bootstrap5\Modal::class, + ], + + 'notify' => [ + 'view' => 'alert-notify', + 'alert' => Types\Notify::class, + 'component' => Bootstrap5\Notify::class, + ], + + 'sticky' => [ + 'view' => 'alert-sticky', + 'alert' => Types\Sticky::class, + 'component' => Bootstrap5\Sticky::class, + ], + ]; + } + + /** + * Register the alert components + */ + public function register(): void + { + Blade::componentNamespace(__NAMESPACE__, 'alert'); + + foreach ($this->types() as $type) { + Blade::component($type['view'], $type['component']); + } + } +} \ No newline at end of file diff --git a/src/View/Components/Themes/Tailwind.php b/src/View/Components/Themes/Tailwind.php new file mode 100644 index 00000000..c7f36275 --- /dev/null +++ b/src/View/Components/Themes/Tailwind.php @@ -0,0 +1,64 @@ + [ + 'view' => 'alert-message', + 'alert' => Types\Message::class, + 'component' => Tailwind\Message::class, + ], + + 'field' => [ + 'view' => 'alert-field', + 'alert' => Types\Field::class, + 'component' => Tailwind\Field::class, + ], + + 'bag' => [ + 'view' => 'alert-field', + 'alert' => Types\FieldBag::class, + 'component' => Tailwind\Field::class, + ], + + 'modal' => [ + 'view' => 'alert-modal', + 'alert' => Types\Modal::class, + 'component' => Tailwind\Modal::class, + ], + + 'notify' => [ + 'view' => 'alert-notify', + 'alert' => Types\Notify::class, + 'component' => Tailwind\Notify::class, + ], + + 'sticky' => [ + 'view' => 'alert-sticky', + 'alert' => Types\Sticky::class, + 'component' => Tailwind\Sticky::class, + ], + ]; + } + + /** + * Register the alert components + */ + public function register(): void + { + foreach ($this->types() as $type) { + Livewire::component($type['view'], $type['component']); + } + } +} \ No newline at end of file From 4440bc5ea5063a6113f7afc7dff86ba9b70061ce Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:16:03 +0000 Subject: [PATCH 009/137] implement livewire modal component --- .phpunit.cache/test-results | 1 - public/css/alert.css | 850 -------- public/css/alert.min.css | 1 - public/js/alert.js | 1710 ----------------- public/js/alert.min.js | 1 - public/modal.css | 125 -- public/modal.css.map | 1 - public/modal.js | 44 - public/modal.scss | 154 -- .../themes/tailwind/modal.blade.php | 265 ++- src/AlertServiceProvider.php | 12 +- src/Contracts/ThemeInterface.php | 4 +- src/Helpers/Type.php | 4 +- src/View/Components/Themes/Bootstrap5.php | 6 +- src/View/Components/Themes/Tailwind.php | 4 +- src/View/Components/Themes/Tailwind/Field.php | 4 +- .../Components/Themes/Tailwind/Message.php | 4 +- src/View/Components/Themes/Tailwind/Modal.php | 30 +- .../Components/Themes/Tailwind/Notify.php | 4 +- .../Components/Themes/Tailwind/Sticky.php | 4 +- 20 files changed, 160 insertions(+), 3068 deletions(-) delete mode 100644 .phpunit.cache/test-results delete mode 100644 public/css/alert.css delete mode 100644 public/css/alert.min.css delete mode 100644 public/js/alert.js delete mode 100644 public/js/alert.min.js delete mode 100644 public/modal.css delete mode 100644 public/modal.css.map delete mode 100644 public/modal.js delete mode 100644 public/modal.scss diff --git a/.phpunit.cache/test-results b/.phpunit.cache/test-results deleted file mode 100644 index 5517044e..00000000 --- a/.phpunit.cache/test-results +++ /dev/null @@ -1 +0,0 @@ -{"version":"pest_2.36.0","defects":{"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":8,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_position":7,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_size":7},"times":{"P\\Tests\\Unit\\Helpers\\AttributeTest::__pest_evaluable_it_can_generate_html_element_attribute_from_an_array":0.02,"P\\Tests\\Unit\\Helpers\\SessionKeyTest::__pest_evaluable_it_can_generate_a_session_key_from_tag_name_and_alert_type":0,"P\\Tests\\Feature\\Component\\ButtonTest::__pest_evaluable_it_can_create_button_component":0,"P\\Tests\\Feature\\Components\\FieldBagTest::__pest_evaluable_it_can_render_validation_errors_for_the_field_view_component":0.026,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_default_field_view_component":0.002,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_tagged_field_view_component":0.002,"P\\Tests\\Feature\\Components\\MessageTest::__pest_evaluable_it_can_render_a_default_message_alert":0.003,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_view_component":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_with_buttons_and_title":0.002,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_position":0.008,"P\\Tests\\Feature\\Components\\ModalTest::__pest_evaluable_it_can_render_a_default_modal_a_the_right_size":0.002,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_default_notify_alert":0.002,"P\\Tests\\Feature\\Components\\NotifyTest::__pest_evaluable_it_can_render_a_tagged_notify_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_default_sticky_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert":0.002,"P\\Tests\\Feature\\Components\\StickyTest::__pest_evaluable_it_can_render_a_tagged_sticky_alert_button":0.001,"P\\Tests\\Feature\\Traits\\LevelableTest::__pest_evaluable_it_can_sets_the_correct_levels":0.001,"P\\Tests\\Feature\\Types\\FieldTest::__pest_evaluable_it_can_create_an_alert":0,"P\\Tests\\Feature\\Types\\MessageTest::__pest_evaluable_it_can_create_a_default_alert":0,"P\\Tests\\Feature\\Types\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert":0,"P\\Tests\\Feature\\Types\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert_position":0.001,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_title":0,"P\\Tests\\Feature\\Types\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert_button":0,"P\\Tests\\Feature\\Components\\FieldTest::__pest_evaluable_it_can_render_a_named_field_view_component":0.003,"P\\Tests\\Feature\\Helpers\\FieldTest::__pest_evaluable_it_can_create_an_alert_with_helper":0.001,"P\\Tests\\Feature\\Helpers\\MessageTest::__pest_evaluable_it_can_create_a_default_alert_with_helper":0,"P\\Tests\\Feature\\Helpers\\ModalTest::__pest_evaluable_it_can_create_a_modal_alert_with_helper":0.001,"P\\Tests\\Feature\\Helpers\\NotifyTest::__pest_evaluable_it_can_create_a_notify_alert__with_helper":0,"P\\Tests\\Feature\\Helpers\\StickyTest::__pest_evaluable_it_can_create_a_sticky_alert__with_helper":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_name":0,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_all_themes":0.004,"P\\Tests\\Unit\\Helpers\\ThemeTest::__pest_evaluable_it_can_get_the_correct_theme_based_on_config":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_types":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_prefixed_alert_type":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_check_if_alert_type_exists":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_class_name":0,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_throw_exception_if_alert_type_does_not_exist":0.001,"P\\Tests\\Unit\\Helpers\\TypeTest::__pest_evaluable_it_should_return_alert_type_from_prefixed_type":0.014}} \ No newline at end of file diff --git a/public/css/alert.css b/public/css/alert.css deleted file mode 100644 index fc85a191..00000000 --- a/public/css/alert.css +++ /dev/null @@ -1,850 +0,0 @@ -[data-bs-theme=light] { - --bs-blue: #0d6efd; - --bs-indigo: #6610f2; - --bs-purple: #6f42c1; - --bs-pink: #d63384; - --bs-red: #dc3545; - --bs-orange: #fd7e14; - --bs-yellow: #ffc107; - --bs-green: #198754; - --bs-teal: #20c997; - --bs-cyan: #0dcaf0; - --bs-black: #000; - --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #e9ecef; - --bs-gray-300: #dee2e6; - --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #6c757d; - --bs-gray-700: #495057; - --bs-gray-800: #343a40; - --bs-gray-900: #212529; - --bs-primary: #0d6efd; - --bs-secondary: #6c757d; - --bs-success: #198754; - --bs-info: #0dcaf0; - --bs-warning: #ffc107; - --bs-danger: #dc3545; - --bs-light: #f8f9fa; - --bs-dark: #212529; - --bs-primary-rgb: 13, 110, 253; - --bs-secondary-rgb: 108, 117, 125; - --bs-success-rgb: 25, 135, 84; - --bs-info-rgb: 13, 202, 240; - --bs-warning-rgb: 255, 193, 7; - --bs-danger-rgb: 220, 53, 69; - --bs-light-rgb: 248, 249, 250; - --bs-dark-rgb: 33, 37, 41; - --bs-primary-text-emphasis: #052c65; - --bs-secondary-text-emphasis: #2b2f32; - --bs-success-text-emphasis: #0a3622; - --bs-info-text-emphasis: #055160; - --bs-warning-text-emphasis: #664d03; - --bs-danger-text-emphasis: #58151c; - --bs-light-text-emphasis: #495057; - --bs-dark-text-emphasis: #495057; - --bs-primary-bg-subtle: #cfe2ff; - --bs-secondary-bg-subtle: #e2e3e5; - --bs-success-bg-subtle: #d1e7dd; - --bs-info-bg-subtle: #cff4fc; - --bs-warning-bg-subtle: #fff3cd; - --bs-danger-bg-subtle: #f8d7da; - --bs-light-bg-subtle: #fcfcfd; - --bs-dark-bg-subtle: #ced4da; - --bs-primary-border-subtle: #9ec5fe; - --bs-secondary-border-subtle: #c4c8cb; - --bs-success-border-subtle: #a3cfbb; - --bs-info-border-subtle: #9eeaf9; - --bs-warning-border-subtle: #ffe69c; - --bs-danger-border-subtle: #f1aeb5; - --bs-light-border-subtle: #e9ecef; - --bs-dark-border-subtle: #adb5bd; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.5; - --bs-body-color: #212529; - --bs-body-color-rgb: 33, 37, 41; - --bs-body-bg: #fff; - --bs-body-bg-rgb: 255, 255, 255; - --bs-emphasis-color: #000; - --bs-emphasis-color-rgb: 0, 0, 0; - --bs-secondary-color: rgba(33, 37, 41, 0.75); - --bs-secondary-color-rgb: 33, 37, 41; - --bs-secondary-bg: #e9ecef; - --bs-secondary-bg-rgb: 233, 236, 239; - --bs-tertiary-color: rgba(33, 37, 41, 0.5); - --bs-tertiary-color-rgb: 33, 37, 41; - --bs-tertiary-bg: #f8f9fa; - --bs-tertiary-bg-rgb: 248, 249, 250; - --bs-heading-color: inherit; - --bs-link-color: #0d6efd; - --bs-link-color-rgb: 13, 110, 253; - --bs-link-decoration: underline; - --bs-link-hover-color: #0a58ca; - --bs-link-hover-color-rgb: 10, 88, 202; - --bs-code-color: #d63384; - --bs-highlight-color: #212529; - --bs-highlight-bg: #fff3cd; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: #dee2e6; - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.25rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 1rem; - --bs-border-radius-xxl: 2rem; - --bs-border-radius-2xl: var(--bs-border-radius-xxl); - --bs-border-radius-pill: 50rem; - --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); - --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --bs-focus-ring-width: 0.25rem; - --bs-focus-ring-opacity: 0.25; - --bs-focus-ring-color: rgba(13, 110, 253, 0.25); - --bs-form-valid-color: #198754; - --bs-form-valid-border-color: #198754; - --bs-form-invalid-color: #dc3545; - --bs-form-invalid-border-color: #dc3545; -} - -[data-bs-theme=dark] { - color-scheme: dark; - --bs-body-color: #dee2e6; - --bs-body-color-rgb: 222, 226, 230; - --bs-body-bg: #212529; - --bs-body-bg-rgb: 33, 37, 41; - --bs-emphasis-color: #fff; - --bs-emphasis-color-rgb: 255, 255, 255; - --bs-secondary-color: rgba(222, 226, 230, 0.75); - --bs-secondary-color-rgb: 222, 226, 230; - --bs-secondary-bg: #343a40; - --bs-secondary-bg-rgb: 52, 58, 64; - --bs-tertiary-color: rgba(222, 226, 230, 0.5); - --bs-tertiary-color-rgb: 222, 226, 230; - --bs-tertiary-bg: #2b3035; - --bs-tertiary-bg-rgb: 43, 48, 53; - --bs-primary-text-emphasis: #6ea8fe; - --bs-secondary-text-emphasis: #a7acb1; - --bs-success-text-emphasis: #75b798; - --bs-info-text-emphasis: #6edff6; - --bs-warning-text-emphasis: #ffda6a; - --bs-danger-text-emphasis: #ea868f; - --bs-light-text-emphasis: #f8f9fa; - --bs-dark-text-emphasis: #dee2e6; - --bs-primary-bg-subtle: #031633; - --bs-secondary-bg-subtle: #161719; - --bs-success-bg-subtle: #051b11; - --bs-info-bg-subtle: #032830; - --bs-warning-bg-subtle: #332701; - --bs-danger-bg-subtle: #2c0b0e; - --bs-light-bg-subtle: #343a40; - --bs-dark-bg-subtle: #1a1d20; - --bs-primary-border-subtle: #084298; - --bs-secondary-border-subtle: #41464b; - --bs-success-border-subtle: #0f5132; - --bs-info-border-subtle: #087990; - --bs-warning-border-subtle: #997404; - --bs-danger-border-subtle: #842029; - --bs-light-border-subtle: #495057; - --bs-dark-border-subtle: #343a40; - --bs-heading-color: inherit; - --bs-link-color: #6ea8fe; - --bs-link-hover-color: #8bb9fe; - --bs-link-color-rgb: 110, 168, 254; - --bs-link-hover-color-rgb: 139, 185, 254; - --bs-code-color: #e685b5; - --bs-highlight-color: #dee2e6; - --bs-highlight-bg: #664d03; - --bs-border-color: #495057; - --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #75b798; - --bs-form-valid-border-color: #75b798; - --bs-form-invalid-color: #ea868f; - --bs-form-invalid-border-color: #ea868f; -} - -.text-primary { - --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; -} - -.text-secondary { - --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; -} - -.text-success { - --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; -} - -.text-info { - --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; -} - -.text-warning { - --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; -} - -.text-danger { - --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; -} - -.text-light { - --bs-text-opacity: 1; - color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; -} - -.text-dark { - --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; -} - -.text-black { - --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; -} - -.text-white { - --bs-text-opacity: 1; - color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; -} - -.text-body { - --bs-text-opacity: 1; - color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; -} - -.text-muted { - --bs-text-opacity: 1; - color: var(--bs-secondary-color) !important; -} - -.text-black-50 { - --bs-text-opacity: 1; - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-body-secondary { - --bs-text-opacity: 1; - color: var(--bs-secondary-color) !important; -} - -.text-body-tertiary { - --bs-text-opacity: 1; - color: var(--bs-tertiary-color) !important; -} - -.text-body-emphasis { - --bs-text-opacity: 1; - color: var(--bs-emphasis-color) !important; -} - -.text-reset { - --bs-text-opacity: 1; - color: inherit !important; -} - -.text-opacity-25 { - --bs-text-opacity: 0.25; -} - -.text-opacity-50 { - --bs-text-opacity: 0.5; -} - -.text-opacity-75 { - --bs-text-opacity: 0.75; -} - -.text-opacity-100 { - --bs-text-opacity: 1; -} - -.text-primary-emphasis { - color: var(--bs-primary-text-emphasis) !important; -} - -.text-secondary-emphasis { - color: var(--bs-secondary-text-emphasis) !important; -} - -.text-success-emphasis { - color: var(--bs-success-text-emphasis) !important; -} - -.text-info-emphasis { - color: var(--bs-info-text-emphasis) !important; -} - -.text-warning-emphasis { - color: var(--bs-warning-text-emphasis) !important; -} - -.text-danger-emphasis { - color: var(--bs-danger-text-emphasis) !important; -} - -.text-light-emphasis { - color: var(--bs-light-text-emphasis) !important; -} - -.text-dark-emphasis { - color: var(--bs-dark-text-emphasis) !important; -} - -.btn-close { - --bs-btn-close-color: #000; - --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); - --bs-btn-close-opacity: 0.5; - --bs-btn-close-hover-opacity: 0.75; - --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); - --bs-btn-close-focus-opacity: 1; - --bs-btn-close-disabled-opacity: 0.25; - --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: var(--bs-btn-close-color); - background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; - border: 0; - border-radius: 0.375rem; - opacity: var(--bs-btn-close-opacity); -} - -.btn-close:hover { - color: var(--bs-btn-close-color); - text-decoration: none; - opacity: var(--bs-btn-close-hover-opacity); -} - -.btn-close:focus { - outline: 0; - box-shadow: var(--bs-btn-close-focus-shadow); - opacity: var(--bs-btn-close-focus-opacity); -} - -.btn-close:disabled, .btn-close.disabled { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - opacity: var(--bs-btn-close-disabled-opacity); -} - -.btn-close:focus { - outline: none; - box-shadow: none; -} - -.btn-close-white { - filter: var(--bs-btn-close-white-filter); -} - -[data-bs-theme=dark] .btn-close { - filter: var(--bs-btn-close-white-filter); -} - -button, -[role=button] { - cursor: pointer; -} - -.toast { - --bs-toast-zindex: 1090; - --bs-toast-padding-x: 0.75rem; - --bs-toast-padding-y: 0.5rem; - --bs-toast-spacing: 1.5rem; - --bs-toast-max-width: 350px; - --bs-toast-font-size: 0.875rem; - --bs-toast-color: ; - --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); - --bs-toast-border-width: var(--bs-border-width); - --bs-toast-border-color: var(--bs-border-color-translucent); - --bs-toast-border-radius: var(--bs-border-radius); - --bs-toast-box-shadow: var(--bs-box-shadow); - --bs-toast-header-color: var(--bs-secondary-color); - --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); - --bs-toast-header-border-color: var(--bs-border-color-translucent); - width: var(--bs-toast-max-width); - max-width: 100%; - font-size: var(--bs-toast-font-size); - color: var(--bs-toast-color); - pointer-events: auto; - background-color: var(--bs-toast-bg); - background-clip: padding-box; - border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); - box-shadow: var(--bs-toast-box-shadow); - border-radius: var(--bs-toast-border-radius); -} - -.toast.showing { - opacity: 0; -} - -.toast:not(.show) { - display: none; -} - -.toast-container { - --bs-toast-zindex: 1090; - position: absolute; - z-index: var(--bs-toast-zindex); - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - max-width: 100%; - pointer-events: none; -} - -.toast-container > :not(:last-child) { - margin-bottom: var(--bs-toast-spacing); -} - -.toast-header { - display: flex; - align-items: center; - padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); - color: var(--bs-toast-header-color); - background-color: var(--bs-toast-header-bg); - background-clip: padding-box; - border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); - border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); -} - -.toast-header .btn-close { - margin-right: calc(-0.5 * var(--bs-toast-padding-x)); - margin-left: var(--bs-toast-padding-x); -} - -.toast-body { - padding: var(--bs-toast-padding-x); - word-wrap: break-word; -} - -.form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: var(--bs-secondary-color); -} - -.alert { - --bs-alert-bg: transparent; - --bs-alert-padding-x: 1rem; - --bs-alert-padding-y: 1rem; - --bs-alert-margin-bottom: 1rem; - --bs-alert-color: inherit; - --bs-alert-border-color: transparent; - --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); - --bs-alert-border-radius: var(--bs-border-radius); - --bs-alert-link-color: inherit; - position: relative; - padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); - margin-bottom: var(--bs-alert-margin-bottom); - color: var(--bs-alert-color); - background-color: var(--bs-alert-bg); - border: var(--bs-alert-border); - border-radius: var(--bs-alert-border-radius); -} - -.alert-heading { - color: inherit; -} - -.alert-link { - font-weight: 700; - color: var(--bs-alert-link-color); -} - -.alert-dismissible { - padding-right: 3rem; -} - -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; -} - -.alert-primary { - --bs-alert-color: var(--bs-primary-text-emphasis); - --bs-alert-bg: var(--bs-primary-bg-subtle); - --bs-alert-border-color: var(--bs-primary-border-subtle); - --bs-alert-link-color: var(--bs-primary-text-emphasis); -} - -.alert-secondary { - --bs-alert-color: var(--bs-secondary-text-emphasis); - --bs-alert-bg: var(--bs-secondary-bg-subtle); - --bs-alert-border-color: var(--bs-secondary-border-subtle); - --bs-alert-link-color: var(--bs-secondary-text-emphasis); -} - -.alert-success { - --bs-alert-color: var(--bs-success-text-emphasis); - --bs-alert-bg: var(--bs-success-bg-subtle); - --bs-alert-border-color: var(--bs-success-border-subtle); - --bs-alert-link-color: var(--bs-success-text-emphasis); -} - -.alert-info { - --bs-alert-color: var(--bs-info-text-emphasis); - --bs-alert-bg: var(--bs-info-bg-subtle); - --bs-alert-border-color: var(--bs-info-border-subtle); - --bs-alert-link-color: var(--bs-info-text-emphasis); -} - -.alert-warning { - --bs-alert-color: var(--bs-warning-text-emphasis); - --bs-alert-bg: var(--bs-warning-bg-subtle); - --bs-alert-border-color: var(--bs-warning-border-subtle); - --bs-alert-link-color: var(--bs-warning-text-emphasis); -} - -.alert-danger { - --bs-alert-color: var(--bs-danger-text-emphasis); - --bs-alert-bg: var(--bs-danger-bg-subtle); - --bs-alert-border-color: var(--bs-danger-border-subtle); - --bs-alert-link-color: var(--bs-danger-text-emphasis); -} - -.alert-light { - --bs-alert-color: var(--bs-light-text-emphasis); - --bs-alert-bg: var(--bs-light-bg-subtle); - --bs-alert-border-color: var(--bs-light-border-subtle); - --bs-alert-link-color: var(--bs-light-text-emphasis); -} - -.alert-dark { - --bs-alert-color: var(--bs-dark-text-emphasis); - --bs-alert-bg: var(--bs-dark-bg-subtle); - --bs-alert-border-color: var(--bs-dark-border-subtle); - --bs-alert-link-color: var(--bs-dark-text-emphasis); -} - -.modal { - --bs-modal-zindex: 1055; - --bs-modal-width: 500px; - --bs-modal-padding: 1rem; - --bs-modal-margin: 0.5rem; - --bs-modal-color: ; - --bs-modal-bg: var(--bs-body-bg); - --bs-modal-border-color: var(--bs-border-color-translucent); - --bs-modal-border-width: var(--bs-border-width); - --bs-modal-border-radius: var(--bs-border-radius-lg); - --bs-modal-box-shadow: var(--bs-box-shadow-sm); - --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); - --bs-modal-header-padding-x: 1rem; - --bs-modal-header-padding-y: 1rem; - --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: var(--bs-border-color); - --bs-modal-header-border-width: var(--bs-border-width); - --bs-modal-title-line-height: 1.5; - --bs-modal-footer-gap: 0.5rem; - --bs-modal-footer-bg: ; - --bs-modal-footer-border-color: var(--bs-border-color); - --bs-modal-footer-border-width: var(--bs-border-width); - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-modal-zindex); - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; -} - -.modal-dialog { - position: relative; - width: auto; - margin: var(--bs-modal-margin); - pointer-events: none; -} - -.modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); -} - -@media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } -} -.modal.show .modal-dialog { - transform: none; -} - -.modal.modal-static .modal-dialog { - transform: scale(1.02); -} - -.modal-dialog-scrollable { - height: calc(100% - var(--bs-modal-margin) * 2); -} - -.modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; -} - -.modal-dialog-scrollable .modal-body { - overflow-y: auto; -} - -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--bs-modal-margin) * 2); -} - -.modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - color: var(--bs-modal-color); - pointer-events: auto; - background-color: var(--bs-modal-bg); - background-clip: padding-box; - border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); - border-radius: var(--bs-modal-border-radius); - outline: 0; -} - -.modal-backdrop { - --bs-backdrop-zindex: 1050; - --bs-backdrop-bg: #000; - --bs-backdrop-opacity: 0.5; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-backdrop-zindex); - width: 100vw; - height: 100vh; - background-color: var(--bs-backdrop-bg); -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop.show { - opacity: var(--bs-backdrop-opacity); -} - -.modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - padding: var(--bs-modal-header-padding); - border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); - border-top-left-radius: var(--bs-modal-inner-border-radius); - border-top-right-radius: var(--bs-modal-inner-border-radius); -} - -.modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); - margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; -} - -.modal-title { - margin-bottom: 0; - line-height: var(--bs-modal-title-line-height); -} - -.modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--bs-modal-padding); -} - -.modal-footer { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); - background-color: var(--bs-modal-footer-bg); - border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); - border-bottom-right-radius: var(--bs-modal-inner-border-radius); - border-bottom-left-radius: var(--bs-modal-inner-border-radius); -} - -.modal-footer > * { - margin: calc(var(--bs-modal-footer-gap) * 0.5); -} - -@media (min-width: 576px) { - .modal { - --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: var(--bs-box-shadow); - } - .modal-dialog { - max-width: var(--bs-modal-width); - margin-right: auto; - margin-left: auto; - } - .modal-sm { - --bs-modal-width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg, - .modal-xl { - --bs-modal-width: 800px; - } -} -@media (min-width: 1200px) { - .modal-xl { - --bs-modal-width: 1140px; - } -} -.modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; -} - -.modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0; -} - -.modal-fullscreen .modal-header, -.modal-fullscreen .modal-footer { - border-radius: 0; -} - -.modal-fullscreen .modal-body { - overflow-y: auto; -} - -@media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-header, - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-md-down .modal-header, - .modal-fullscreen-md-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-header, - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-header, - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; - } -} -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-header, - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } -} \ No newline at end of file diff --git a/public/css/alert.min.css b/public/css/alert.min.css deleted file mode 100644 index 25c2ac72..00000000 --- a/public/css/alert.min.css +++ /dev/null @@ -1 +0,0 @@ -[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13,110,253,.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222,226,230,.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222,226,230,.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:hsla(0,0%,100%,.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:hsla(0,0%,100%,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13,110,253,.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;box-sizing:content-box;height:1em;opacity:var(--bs-btn-close-opacity);padding:.25em;width:1em}.btn-close,.btn-close:hover{color:var(--bs-btn-close-color)}.btn-close:hover{opacity:var(--bs-btn-close-hover-opacity);text-decoration:none}.btn-close:focus{box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity);outline:0}.btn-close.disabled,.btn-close:disabled{opacity:var(--bs-btn-close-disabled-opacity);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-close:focus{box-shadow:none;outline:none}.btn-close-white,[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}[role=button],button{cursor:pointer}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb),0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb),0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);background-clip:padding-box;background-color:var(--bs-toast-bg);border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);border-radius:var(--bs-toast-border-radius);box-shadow:var(--bs-toast-box-shadow);color:var(--bs-toast-color);font-size:var(--bs-toast-font-size);max-width:100%;pointer-events:auto;width:var(--bs-toast-max-width)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;max-width:100%;pointer-events:none;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--bs-toast-zindex)}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{align-items:center;background-clip:padding-box;background-color:var(--bs-toast-header-bg);border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));color:var(--bs-toast-header-color);display:flex;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x)}.toast-header .btn-close{margin-left:var(--bs-toast-padding-x);margin-right:calc(var(--bs-toast-padding-x)*-.5)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.form-text{color:var(--bs-secondary-color);font-size:.875em;margin-top:.25rem}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius);color:var(--bs-alert-color);margin-bottom:var(--bs-alert-margin-bottom);padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);position:relative}.alert-heading{color:inherit}.alert-link{color:var(--bs-alert-link-color);font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{padding:1.25rem 1rem;position:absolute;right:0;top:0;z-index:2}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-dialog{margin:var(--bs-modal-margin);pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal-content{background-clip:padding-box;background-color:var(--bs-modal-bg);border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);color:var(--bs-modal-color);display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;background-color:var(--bs-backdrop-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--bs-backdrop-zindex)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{align-items:center;border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius);display:flex;flex-shrink:0;padding:var(--bs-modal-header-padding)}.modal-header .btn-close{margin:calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)}.modal-title{line-height:var(--bs-modal-title-line-height);margin-bottom:0}.modal-body{flex:1 1 auto;padding:var(--bs-modal-padding);position:relative}.modal-footer{align-items:center;background-color:var(--bs-modal-footer-bg);border-bottom-left-radius:var(--bs-modal-inner-border-radius);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{margin-left:auto;margin-right:auto;max-width:var(--bs-modal-width)}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}} \ No newline at end of file diff --git a/public/js/alert.js b/public/js/alert.js deleted file mode 100644 index 00c364b3..00000000 --- a/public/js/alert.js +++ /dev/null @@ -1,1710 +0,0 @@ -var DigitlimitAlert = (function (exports) { - 'use strict'; - - /** - * -------------------------------------------------------------------------- - * Bootstrap dom/data.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - /** - * Constants - */ - - const elementMap = new Map(); - var Data = { - set(element, key, instance) { - if (!elementMap.has(element)) { - elementMap.set(element, new Map()); - } - const instanceMap = elementMap.get(element); - - // make it clear we only want one instance per element - // can be removed later when multiple key/instances are fine to be used - if (!instanceMap.has(key) && instanceMap.size !== 0) { - // eslint-disable-next-line no-console - console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`); - return; - } - instanceMap.set(key, instance); - }, - get(element, key) { - if (elementMap.has(element)) { - return elementMap.get(element).get(key) || null; - } - return null; - }, - remove(element, key) { - if (!elementMap.has(element)) { - return; - } - const instanceMap = elementMap.get(element); - instanceMap.delete(key); - - // free up element references if there are no instances left for an element - if (instanceMap.size === 0) { - elementMap.delete(element); - } - } - }; - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/index.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - const MILLISECONDS_MULTIPLIER = 1000; - const TRANSITION_END = 'transitionend'; - - /** - * Properly escape IDs selectors to handle weird IDs - * @param {string} selector - * @returns {string} - */ - const parseSelector = selector => { - if (selector && window.CSS && window.CSS.escape) { - // document.querySelector needs escaping to handle IDs (html5+) containing for instance / - selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`); - } - return selector; - }; - - // Shout-out Angus Croll (https://goo.gl/pxwQGp) - const toType = object => { - if (object === null || object === undefined) { - return `${object}`; - } - return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase(); - }; - const getTransitionDurationFromElement = element => { - if (!element) { - return 0; - } - - // Get transition-duration of the element - let { - transitionDuration, - transitionDelay - } = window.getComputedStyle(element); - const floatTransitionDuration = Number.parseFloat(transitionDuration); - const floatTransitionDelay = Number.parseFloat(transitionDelay); - - // Return 0 if element or transition duration is not found - if (!floatTransitionDuration && !floatTransitionDelay) { - return 0; - } - - // If multiple durations are defined, take the first - transitionDuration = transitionDuration.split(',')[0]; - transitionDelay = transitionDelay.split(',')[0]; - return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER; - }; - const triggerTransitionEnd = element => { - element.dispatchEvent(new Event(TRANSITION_END)); - }; - const isElement = object => { - if (!object || typeof object !== 'object') { - return false; - } - if (typeof object.jquery !== 'undefined') { - object = object[0]; - } - return typeof object.nodeType !== 'undefined'; - }; - const getElement = object => { - // it's a jQuery object or a node element - if (isElement(object)) { - return object.jquery ? object[0] : object; - } - if (typeof object === 'string' && object.length > 0) { - return document.querySelector(parseSelector(object)); - } - return null; - }; - const isVisible = element => { - if (!isElement(element) || element.getClientRects().length === 0) { - return false; - } - const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'; - // Handle `details` element as its content may falsie appear visible when it is closed - const closedDetails = element.closest('details:not([open])'); - if (!closedDetails) { - return elementIsVisible; - } - if (closedDetails !== element) { - const summary = element.closest('summary'); - if (summary && summary.parentNode !== closedDetails) { - return false; - } - if (summary === null) { - return false; - } - } - return elementIsVisible; - }; - const isDisabled = element => { - if (!element || element.nodeType !== Node.ELEMENT_NODE) { - return true; - } - if (element.classList.contains('disabled')) { - return true; - } - if (typeof element.disabled !== 'undefined') { - return element.disabled; - } - return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'; - }; - - /** - * Trick to restart an element's animation - * - * @param {HTMLElement} element - * @return void - * - * @see https://www.harrytheo.com/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation - */ - const reflow = element => { - element.offsetHeight; // eslint-disable-line no-unused-expressions - }; - const getjQuery = () => { - if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) { - return window.jQuery; - } - return null; - }; - const DOMContentLoadedCallbacks = []; - const onDOMContentLoaded = callback => { - if (document.readyState === 'loading') { - // add listener on the first call when the document is in loading state - if (!DOMContentLoadedCallbacks.length) { - document.addEventListener('DOMContentLoaded', () => { - for (const callback of DOMContentLoadedCallbacks) { - callback(); - } - }); - } - DOMContentLoadedCallbacks.push(callback); - } else { - callback(); - } - }; - const isRTL = () => document.documentElement.dir === 'rtl'; - const defineJQueryPlugin = plugin => { - onDOMContentLoaded(() => { - const $ = getjQuery(); - /* istanbul ignore if */ - if ($) { - const name = plugin.NAME; - const JQUERY_NO_CONFLICT = $.fn[name]; - $.fn[name] = plugin.jQueryInterface; - $.fn[name].Constructor = plugin; - $.fn[name].noConflict = () => { - $.fn[name] = JQUERY_NO_CONFLICT; - return plugin.jQueryInterface; - }; - } - }); - }; - const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => { - return typeof possibleCallback === 'function' ? possibleCallback.call(...args) : defaultValue; - }; - const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => { - if (!waitForTransition) { - execute(callback); - return; - } - const durationPadding = 5; - const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding; - let called = false; - const handler = ({ - target - }) => { - if (target !== transitionElement) { - return; - } - called = true; - transitionElement.removeEventListener(TRANSITION_END, handler); - execute(callback); - }; - transitionElement.addEventListener(TRANSITION_END, handler); - setTimeout(() => { - if (!called) { - triggerTransitionEnd(transitionElement); - } - }, emulatedDuration); - }; - - /** - * -------------------------------------------------------------------------- - * Bootstrap dom/event-handler.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const namespaceRegex = /[^.]*(?=\..*)\.|.*/; - const stripNameRegex = /\..*/; - const stripUidRegex = /::\d+$/; - const eventRegistry = {}; // Events storage - let uidEvent = 1; - const customEvents = { - mouseenter: 'mouseover', - mouseleave: 'mouseout' - }; - const nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']); - - /** - * Private methods - */ - - function makeEventUid(element, uid) { - return uid && `${uid}::${uidEvent++}` || element.uidEvent || uidEvent++; - } - function getElementEvents(element) { - const uid = makeEventUid(element); - element.uidEvent = uid; - eventRegistry[uid] = eventRegistry[uid] || {}; - return eventRegistry[uid]; - } - function bootstrapHandler(element, fn) { - return function handler(event) { - hydrateObj(event, { - delegateTarget: element - }); - if (handler.oneOff) { - EventHandler.off(element, event.type, fn); - } - return fn.apply(element, [event]); - }; - } - function bootstrapDelegationHandler(element, selector, fn) { - return function handler(event) { - const domElements = element.querySelectorAll(selector); - for (let { - target - } = event; target && target !== this; target = target.parentNode) { - for (const domElement of domElements) { - if (domElement !== target) { - continue; - } - hydrateObj(event, { - delegateTarget: target - }); - if (handler.oneOff) { - EventHandler.off(element, event.type, selector, fn); - } - return fn.apply(target, [event]); - } - } - }; - } - function findHandler(events, callable, delegationSelector = null) { - return Object.values(events).find(event => event.callable === callable && event.delegationSelector === delegationSelector); - } - function normalizeParameters(originalTypeEvent, handler, delegationFunction) { - const isDelegated = typeof handler === 'string'; - // TODO: tooltip passes `false` instead of selector, so we need to check - const callable = isDelegated ? delegationFunction : handler || delegationFunction; - let typeEvent = getTypeEvent(originalTypeEvent); - if (!nativeEvents.has(typeEvent)) { - typeEvent = originalTypeEvent; - } - return [isDelegated, callable, typeEvent]; - } - function addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) { - if (typeof originalTypeEvent !== 'string' || !element) { - return; - } - let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction); - - // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position - // this prevents the handler from being dispatched the same way as mouseover or mouseout does - if (originalTypeEvent in customEvents) { - const wrapFunction = fn => { - return function (event) { - if (!event.relatedTarget || event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget)) { - return fn.call(this, event); - } - }; - }; - callable = wrapFunction(callable); - } - const events = getElementEvents(element); - const handlers = events[typeEvent] || (events[typeEvent] = {}); - const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null); - if (previousFunction) { - previousFunction.oneOff = previousFunction.oneOff && oneOff; - return; - } - const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, '')); - const fn = isDelegated ? bootstrapDelegationHandler(element, handler, callable) : bootstrapHandler(element, callable); - fn.delegationSelector = isDelegated ? handler : null; - fn.callable = callable; - fn.oneOff = oneOff; - fn.uidEvent = uid; - handlers[uid] = fn; - element.addEventListener(typeEvent, fn, isDelegated); - } - function removeHandler(element, events, typeEvent, handler, delegationSelector) { - const fn = findHandler(events[typeEvent], handler, delegationSelector); - if (!fn) { - return; - } - element.removeEventListener(typeEvent, fn, Boolean(delegationSelector)); - delete events[typeEvent][fn.uidEvent]; - } - function removeNamespacedHandlers(element, events, typeEvent, namespace) { - const storeElementEvent = events[typeEvent] || {}; - for (const [handlerKey, event] of Object.entries(storeElementEvent)) { - if (handlerKey.includes(namespace)) { - removeHandler(element, events, typeEvent, event.callable, event.delegationSelector); - } - } - } - function getTypeEvent(event) { - // allow to get the native events from namespaced events ('click.bs.button' --> 'click') - event = event.replace(stripNameRegex, ''); - return customEvents[event] || event; - } - const EventHandler = { - on(element, event, handler, delegationFunction) { - addHandler(element, event, handler, delegationFunction, false); - }, - one(element, event, handler, delegationFunction) { - addHandler(element, event, handler, delegationFunction, true); - }, - off(element, originalTypeEvent, handler, delegationFunction) { - if (typeof originalTypeEvent !== 'string' || !element) { - return; - } - const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction); - const inNamespace = typeEvent !== originalTypeEvent; - const events = getElementEvents(element); - const storeElementEvent = events[typeEvent] || {}; - const isNamespace = originalTypeEvent.startsWith('.'); - if (typeof callable !== 'undefined') { - // Simplest case: handler is passed, remove that listener ONLY. - if (!Object.keys(storeElementEvent).length) { - return; - } - removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null); - return; - } - if (isNamespace) { - for (const elementEvent of Object.keys(events)) { - removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1)); - } - } - for (const [keyHandlers, event] of Object.entries(storeElementEvent)) { - const handlerKey = keyHandlers.replace(stripUidRegex, ''); - if (!inNamespace || originalTypeEvent.includes(handlerKey)) { - removeHandler(element, events, typeEvent, event.callable, event.delegationSelector); - } - } - }, - trigger(element, event, args) { - if (typeof event !== 'string' || !element) { - return null; - } - const $ = getjQuery(); - const typeEvent = getTypeEvent(event); - const inNamespace = event !== typeEvent; - let jQueryEvent = null; - let bubbles = true; - let nativeDispatch = true; - let defaultPrevented = false; - if (inNamespace && $) { - jQueryEvent = $.Event(event, args); - $(element).trigger(jQueryEvent); - bubbles = !jQueryEvent.isPropagationStopped(); - nativeDispatch = !jQueryEvent.isImmediatePropagationStopped(); - defaultPrevented = jQueryEvent.isDefaultPrevented(); - } - const evt = hydrateObj(new Event(event, { - bubbles, - cancelable: true - }), args); - if (defaultPrevented) { - evt.preventDefault(); - } - if (nativeDispatch) { - element.dispatchEvent(evt); - } - if (evt.defaultPrevented && jQueryEvent) { - jQueryEvent.preventDefault(); - } - return evt; - } - }; - function hydrateObj(obj, meta = {}) { - for (const [key, value] of Object.entries(meta)) { - try { - obj[key] = value; - } catch { - Object.defineProperty(obj, key, { - configurable: true, - get() { - return value; - } - }); - } - } - return obj; - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap dom/manipulator.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - function normalizeData(value) { - if (value === 'true') { - return true; - } - if (value === 'false') { - return false; - } - if (value === Number(value).toString()) { - return Number(value); - } - if (value === '' || value === 'null') { - return null; - } - if (typeof value !== 'string') { - return value; - } - try { - return JSON.parse(decodeURIComponent(value)); - } catch { - return value; - } - } - function normalizeDataKey(key) { - return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`); - } - const Manipulator = { - setDataAttribute(element, key, value) { - element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value); - }, - removeDataAttribute(element, key) { - element.removeAttribute(`data-bs-${normalizeDataKey(key)}`); - }, - getDataAttributes(element) { - if (!element) { - return {}; - } - const attributes = {}; - const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig')); - for (const key of bsKeys) { - let pureKey = key.replace(/^bs/, ''); - pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1); - attributes[pureKey] = normalizeData(element.dataset[key]); - } - return attributes; - }, - getDataAttribute(element, key) { - return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`)); - } - }; - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/config.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Class definition - */ - - class Config { - // Getters - static get Default() { - return {}; - } - static get DefaultType() { - return {}; - } - static get NAME() { - throw new Error('You have to implement the static method "NAME", for each component!'); - } - _getConfig(config) { - config = this._mergeConfigObj(config); - config = this._configAfterMerge(config); - this._typeCheckConfig(config); - return config; - } - _configAfterMerge(config) { - return config; - } - _mergeConfigObj(config, element) { - const jsonConfig = isElement(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse - - return { - ...this.constructor.Default, - ...(typeof jsonConfig === 'object' ? jsonConfig : {}), - ...(isElement(element) ? Manipulator.getDataAttributes(element) : {}), - ...(typeof config === 'object' ? config : {}) - }; - } - _typeCheckConfig(config, configTypes = this.constructor.DefaultType) { - for (const [property, expectedTypes] of Object.entries(configTypes)) { - const value = config[property]; - const valueType = isElement(value) ? 'element' : toType(value); - if (!new RegExp(expectedTypes).test(valueType)) { - throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${property}" provided type "${valueType}" but expected type "${expectedTypes}".`); - } - } - } - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap base-component.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const VERSION = '5.3.3'; - - /** - * Class definition - */ - - class BaseComponent extends Config { - constructor(element, config) { - super(); - element = getElement(element); - if (!element) { - return; - } - this._element = element; - this._config = this._getConfig(config); - Data.set(this._element, this.constructor.DATA_KEY, this); - } - - // Public - dispose() { - Data.remove(this._element, this.constructor.DATA_KEY); - EventHandler.off(this._element, this.constructor.EVENT_KEY); - for (const propertyName of Object.getOwnPropertyNames(this)) { - this[propertyName] = null; - } - } - _queueCallback(callback, element, isAnimated = true) { - executeAfterTransition(callback, element, isAnimated); - } - _getConfig(config) { - config = this._mergeConfigObj(config, this._element); - config = this._configAfterMerge(config); - this._typeCheckConfig(config); - return config; - } - - // Static - static getInstance(element) { - return Data.get(getElement(element), this.DATA_KEY); - } - static getOrCreateInstance(element, config = {}) { - return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null); - } - static get VERSION() { - return VERSION; - } - static get DATA_KEY() { - return `bs.${this.NAME}`; - } - static get EVENT_KEY() { - return `.${this.DATA_KEY}`; - } - static eventName(name) { - return `${name}${this.EVENT_KEY}`; - } - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap dom/selector-engine.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - const getSelector = element => { - let selector = element.getAttribute('data-bs-target'); - if (!selector || selector === '#') { - let hrefAttribute = element.getAttribute('href'); - - // The only valid content that could double as a selector are IDs or classes, - // so everything starting with `#` or `.`. If a "real" URL is used as the selector, - // `document.querySelector` will rightfully complain it is invalid. - // See https://github.com/twbs/bootstrap/issues/32273 - if (!hrefAttribute || !hrefAttribute.includes('#') && !hrefAttribute.startsWith('.')) { - return null; - } - - // Just in case some CMS puts out a full URL with the anchor appended - if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) { - hrefAttribute = `#${hrefAttribute.split('#')[1]}`; - } - selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null; - } - return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null; - }; - const SelectorEngine = { - find(selector, element = document.documentElement) { - return [].concat(...Element.prototype.querySelectorAll.call(element, selector)); - }, - findOne(selector, element = document.documentElement) { - return Element.prototype.querySelector.call(element, selector); - }, - children(element, selector) { - return [].concat(...element.children).filter(child => child.matches(selector)); - }, - parents(element, selector) { - const parents = []; - let ancestor = element.parentNode.closest(selector); - while (ancestor) { - parents.push(ancestor); - ancestor = ancestor.parentNode.closest(selector); - } - return parents; - }, - prev(element, selector) { - let previous = element.previousElementSibling; - while (previous) { - if (previous.matches(selector)) { - return [previous]; - } - previous = previous.previousElementSibling; - } - return []; - }, - // TODO: this is now unused; remove later along with prev() - next(element, selector) { - let next = element.nextElementSibling; - while (next) { - if (next.matches(selector)) { - return [next]; - } - next = next.nextElementSibling; - } - return []; - }, - focusableChildren(element) { - const focusables = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]'].map(selector => `${selector}:not([tabindex^="-"])`).join(','); - return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el)); - }, - getSelectorFromElement(element) { - const selector = getSelector(element); - if (selector) { - return SelectorEngine.findOne(selector) ? selector : null; - } - return null; - }, - getElementFromSelector(element) { - const selector = getSelector(element); - return selector ? SelectorEngine.findOne(selector) : null; - }, - getMultipleElementsFromSelector(element) { - const selector = getSelector(element); - return selector ? SelectorEngine.find(selector) : []; - } - }; - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/component-functions.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - const enableDismissTrigger = (component, method = 'hide') => { - const clickEvent = `click.dismiss${component.EVENT_KEY}`; - const name = component.NAME; - EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) { - if (['A', 'AREA'].includes(this.tagName)) { - event.preventDefault(); - } - if (isDisabled(this)) { - return; - } - const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`); - const instance = component.getOrCreateInstance(target); - - // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method - instance[method](); - }); - }; - - /** - * -------------------------------------------------------------------------- - * Bootstrap alert.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME$5 = 'alert'; - const DATA_KEY$4 = 'bs.alert'; - const EVENT_KEY$4 = `.${DATA_KEY$4}`; - const EVENT_CLOSE = `close${EVENT_KEY$4}`; - const EVENT_CLOSED = `closed${EVENT_KEY$4}`; - const CLASS_NAME_FADE$3 = 'fade'; - const CLASS_NAME_SHOW$3 = 'show'; - - /** - * Class definition - */ - - class Alert extends BaseComponent { - // Getters - static get NAME() { - return NAME$5; - } - - // Public - close() { - const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE); - if (closeEvent.defaultPrevented) { - return; - } - this._element.classList.remove(CLASS_NAME_SHOW$3); - const isAnimated = this._element.classList.contains(CLASS_NAME_FADE$3); - this._queueCallback(() => this._destroyElement(), this._element, isAnimated); - } - - // Private - _destroyElement() { - this._element.remove(); - EventHandler.trigger(this._element, EVENT_CLOSED); - this.dispose(); - } - - // Static - static jQueryInterface(config) { - return this.each(function () { - const data = Alert.getOrCreateInstance(this); - if (typeof config !== 'string') { - return; - } - if (data[config] === undefined || config.startsWith('_') || config === 'constructor') { - throw new TypeError(`No method named "${config}"`); - } - data[config](this); - }); - } - } - - /** - * Data API implementation - */ - - enableDismissTrigger(Alert, 'close'); - - /** - * jQuery - */ - - defineJQueryPlugin(Alert); - - /** - * -------------------------------------------------------------------------- - * Bootstrap button.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME$4 = 'button'; - const DATA_KEY$3 = 'bs.button'; - const EVENT_KEY$3 = `.${DATA_KEY$3}`; - const DATA_API_KEY$1 = '.data-api'; - const CLASS_NAME_ACTIVE = 'active'; - const SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="button"]'; - const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$3}${DATA_API_KEY$1}`; - - /** - * Class definition - */ - - class Button extends BaseComponent { - // Getters - static get NAME() { - return NAME$4; - } - - // Public - toggle() { - // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method - this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE)); - } - - // Static - static jQueryInterface(config) { - return this.each(function () { - const data = Button.getOrCreateInstance(this); - if (config === 'toggle') { - data[config](); - } - }); - } - } - - /** - * Data API implementation - */ - - EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, event => { - event.preventDefault(); - const button = event.target.closest(SELECTOR_DATA_TOGGLE$1); - const data = Button.getOrCreateInstance(button); - data.toggle(); - }); - - /** - * jQuery - */ - - defineJQueryPlugin(Button); - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/backdrop.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME$3 = 'backdrop'; - const CLASS_NAME_FADE$2 = 'fade'; - const CLASS_NAME_SHOW$2 = 'show'; - const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$3}`; - const Default$3 = { - className: 'modal-backdrop', - clickCallback: null, - isAnimated: false, - isVisible: true, - // if false, we use the backdrop helper without adding any element to the dom - rootElement: 'body' // give the choice to place backdrop under different elements - }; - const DefaultType$3 = { - className: 'string', - clickCallback: '(function|null)', - isAnimated: 'boolean', - isVisible: 'boolean', - rootElement: '(element|string)' - }; - - /** - * Class definition - */ - - class Backdrop extends Config { - constructor(config) { - super(); - this._config = this._getConfig(config); - this._isAppended = false; - this._element = null; - } - - // Getters - static get Default() { - return Default$3; - } - static get DefaultType() { - return DefaultType$3; - } - static get NAME() { - return NAME$3; - } - - // Public - show(callback) { - if (!this._config.isVisible) { - execute(callback); - return; - } - this._append(); - const element = this._getElement(); - if (this._config.isAnimated) { - reflow(element); - } - element.classList.add(CLASS_NAME_SHOW$2); - this._emulateAnimation(() => { - execute(callback); - }); - } - hide(callback) { - if (!this._config.isVisible) { - execute(callback); - return; - } - this._getElement().classList.remove(CLASS_NAME_SHOW$2); - this._emulateAnimation(() => { - this.dispose(); - execute(callback); - }); - } - dispose() { - if (!this._isAppended) { - return; - } - EventHandler.off(this._element, EVENT_MOUSEDOWN); - this._element.remove(); - this._isAppended = false; - } - - // Private - _getElement() { - if (!this._element) { - const backdrop = document.createElement('div'); - backdrop.className = this._config.className; - if (this._config.isAnimated) { - backdrop.classList.add(CLASS_NAME_FADE$2); - } - this._element = backdrop; - } - return this._element; - } - _configAfterMerge(config) { - // use getElement() with the default "body" to get a fresh Element on each instantiation - config.rootElement = getElement(config.rootElement); - return config; - } - _append() { - if (this._isAppended) { - return; - } - const element = this._getElement(); - this._config.rootElement.append(element); - EventHandler.on(element, EVENT_MOUSEDOWN, () => { - execute(this._config.clickCallback); - }); - this._isAppended = true; - } - _emulateAnimation(callback) { - executeAfterTransition(callback, this._getElement(), this._config.isAnimated); - } - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/focustrap.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME$2 = 'focustrap'; - const DATA_KEY$2 = 'bs.focustrap'; - const EVENT_KEY$2 = `.${DATA_KEY$2}`; - const EVENT_FOCUSIN$1 = `focusin${EVENT_KEY$2}`; - const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY$2}`; - const TAB_KEY = 'Tab'; - const TAB_NAV_FORWARD = 'forward'; - const TAB_NAV_BACKWARD = 'backward'; - const Default$2 = { - autofocus: true, - trapElement: null // The element to trap focus inside of - }; - const DefaultType$2 = { - autofocus: 'boolean', - trapElement: 'element' - }; - - /** - * Class definition - */ - - class FocusTrap extends Config { - constructor(config) { - super(); - this._config = this._getConfig(config); - this._isActive = false; - this._lastTabNavDirection = null; - } - - // Getters - static get Default() { - return Default$2; - } - static get DefaultType() { - return DefaultType$2; - } - static get NAME() { - return NAME$2; - } - - // Public - activate() { - if (this._isActive) { - return; - } - if (this._config.autofocus) { - this._config.trapElement.focus(); - } - EventHandler.off(document, EVENT_KEY$2); // guard against infinite focus loop - EventHandler.on(document, EVENT_FOCUSIN$1, event => this._handleFocusin(event)); - EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event)); - this._isActive = true; - } - deactivate() { - if (!this._isActive) { - return; - } - this._isActive = false; - EventHandler.off(document, EVENT_KEY$2); - } - - // Private - _handleFocusin(event) { - const { - trapElement - } = this._config; - if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) { - return; - } - const elements = SelectorEngine.focusableChildren(trapElement); - if (elements.length === 0) { - trapElement.focus(); - } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) { - elements[elements.length - 1].focus(); - } else { - elements[0].focus(); - } - } - _handleKeydown(event) { - if (event.key !== TAB_KEY) { - return; - } - this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD; - } - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap util/scrollBar.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'; - const SELECTOR_STICKY_CONTENT = '.sticky-top'; - const PROPERTY_PADDING = 'padding-right'; - const PROPERTY_MARGIN = 'margin-right'; - - /** - * Class definition - */ - - class ScrollBarHelper { - constructor() { - this._element = document.body; - } - - // Public - getWidth() { - // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes - const documentWidth = document.documentElement.clientWidth; - return Math.abs(window.innerWidth - documentWidth); - } - hide() { - const width = this.getWidth(); - this._disableOverFlow(); - // give padding to element to balance the hidden scrollbar width - this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width); - // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth - this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width); - this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width); - } - reset() { - this._resetElementAttributes(this._element, 'overflow'); - this._resetElementAttributes(this._element, PROPERTY_PADDING); - this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING); - this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN); - } - isOverflowing() { - return this.getWidth() > 0; - } - - // Private - _disableOverFlow() { - this._saveInitialAttribute(this._element, 'overflow'); - this._element.style.overflow = 'hidden'; - } - _setElementAttributes(selector, styleProperty, callback) { - const scrollbarWidth = this.getWidth(); - const manipulationCallBack = element => { - if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) { - return; - } - this._saveInitialAttribute(element, styleProperty); - const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty); - element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`); - }; - this._applyManipulationCallback(selector, manipulationCallBack); - } - _saveInitialAttribute(element, styleProperty) { - const actualValue = element.style.getPropertyValue(styleProperty); - if (actualValue) { - Manipulator.setDataAttribute(element, styleProperty, actualValue); - } - } - _resetElementAttributes(selector, styleProperty) { - const manipulationCallBack = element => { - const value = Manipulator.getDataAttribute(element, styleProperty); - // We only want to remove the property if the value is `null`; the value can also be zero - if (value === null) { - element.style.removeProperty(styleProperty); - return; - } - Manipulator.removeDataAttribute(element, styleProperty); - element.style.setProperty(styleProperty, value); - }; - this._applyManipulationCallback(selector, manipulationCallBack); - } - _applyManipulationCallback(selector, callBack) { - if (isElement(selector)) { - callBack(selector); - return; - } - for (const sel of SelectorEngine.find(selector, this._element)) { - callBack(sel); - } - } - } - - /** - * -------------------------------------------------------------------------- - * Bootstrap modal.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME$1 = 'modal'; - const DATA_KEY$1 = 'bs.modal'; - const EVENT_KEY$1 = `.${DATA_KEY$1}`; - const DATA_API_KEY = '.data-api'; - const ESCAPE_KEY = 'Escape'; - const EVENT_HIDE$1 = `hide${EVENT_KEY$1}`; - const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$1}`; - const EVENT_HIDDEN$1 = `hidden${EVENT_KEY$1}`; - const EVENT_SHOW$1 = `show${EVENT_KEY$1}`; - const EVENT_SHOWN$1 = `shown${EVENT_KEY$1}`; - const EVENT_RESIZE = `resize${EVENT_KEY$1}`; - const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$1}`; - const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$1}`; - const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$1}`; - const EVENT_CLICK_DATA_API = `click${EVENT_KEY$1}${DATA_API_KEY}`; - const CLASS_NAME_OPEN = 'modal-open'; - const CLASS_NAME_FADE$1 = 'fade'; - const CLASS_NAME_SHOW$1 = 'show'; - const CLASS_NAME_STATIC = 'modal-static'; - const OPEN_SELECTOR = '.modal.show'; - const SELECTOR_DIALOG = '.modal-dialog'; - const SELECTOR_MODAL_BODY = '.modal-body'; - const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="modal"]'; - const Default$1 = { - backdrop: true, - focus: true, - keyboard: true - }; - const DefaultType$1 = { - backdrop: '(boolean|string)', - focus: 'boolean', - keyboard: 'boolean' - }; - - /** - * Class definition - */ - - class Modal extends BaseComponent { - constructor(element, config) { - super(element, config); - this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element); - this._backdrop = this._initializeBackDrop(); - this._focustrap = this._initializeFocusTrap(); - this._isShown = false; - this._isTransitioning = false; - this._scrollBar = new ScrollBarHelper(); - this._addEventListeners(); - } - - // Getters - static get Default() { - return Default$1; - } - static get DefaultType() { - return DefaultType$1; - } - static get NAME() { - return NAME$1; - } - - // Public - toggle(relatedTarget) { - return this._isShown ? this.hide() : this.show(relatedTarget); - } - show(relatedTarget) { - if (this._isShown || this._isTransitioning) { - return; - } - const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$1, { - relatedTarget - }); - if (showEvent.defaultPrevented) { - return; - } - this._isShown = true; - this._isTransitioning = true; - this._scrollBar.hide(); - document.body.classList.add(CLASS_NAME_OPEN); - this._adjustDialog(); - this._backdrop.show(() => this._showElement(relatedTarget)); - } - hide() { - if (!this._isShown || this._isTransitioning) { - return; - } - const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$1); - if (hideEvent.defaultPrevented) { - return; - } - this._isShown = false; - this._isTransitioning = true; - this._focustrap.deactivate(); - this._element.classList.remove(CLASS_NAME_SHOW$1); - this._queueCallback(() => this._hideModal(), this._element, this._isAnimated()); - } - dispose() { - EventHandler.off(window, EVENT_KEY$1); - EventHandler.off(this._dialog, EVENT_KEY$1); - this._backdrop.dispose(); - this._focustrap.deactivate(); - super.dispose(); - } - handleUpdate() { - this._adjustDialog(); - } - - // Private - _initializeBackDrop() { - return new Backdrop({ - isVisible: Boolean(this._config.backdrop), - // 'static' option will be translated to true, and booleans will keep their value, - isAnimated: this._isAnimated() - }); - } - _initializeFocusTrap() { - return new FocusTrap({ - trapElement: this._element - }); - } - _showElement(relatedTarget) { - // try to append dynamic modal - if (!document.body.contains(this._element)) { - document.body.append(this._element); - } - this._element.style.display = 'block'; - this._element.removeAttribute('aria-hidden'); - this._element.setAttribute('aria-modal', true); - this._element.setAttribute('role', 'dialog'); - this._element.scrollTop = 0; - const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog); - if (modalBody) { - modalBody.scrollTop = 0; - } - reflow(this._element); - this._element.classList.add(CLASS_NAME_SHOW$1); - const transitionComplete = () => { - if (this._config.focus) { - this._focustrap.activate(); - } - this._isTransitioning = false; - EventHandler.trigger(this._element, EVENT_SHOWN$1, { - relatedTarget - }); - }; - this._queueCallback(transitionComplete, this._dialog, this._isAnimated()); - } - _addEventListeners() { - EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => { - if (event.key !== ESCAPE_KEY) { - return; - } - if (this._config.keyboard) { - this.hide(); - return; - } - this._triggerBackdropTransition(); - }); - EventHandler.on(window, EVENT_RESIZE, () => { - if (this._isShown && !this._isTransitioning) { - this._adjustDialog(); - } - }); - EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => { - // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks - EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => { - if (this._element !== event.target || this._element !== event2.target) { - return; - } - if (this._config.backdrop === 'static') { - this._triggerBackdropTransition(); - return; - } - if (this._config.backdrop) { - this.hide(); - } - }); - }); - } - _hideModal() { - this._element.style.display = 'none'; - this._element.setAttribute('aria-hidden', true); - this._element.removeAttribute('aria-modal'); - this._element.removeAttribute('role'); - this._isTransitioning = false; - this._backdrop.hide(() => { - document.body.classList.remove(CLASS_NAME_OPEN); - this._resetAdjustments(); - this._scrollBar.reset(); - EventHandler.trigger(this._element, EVENT_HIDDEN$1); - }); - } - _isAnimated() { - return this._element.classList.contains(CLASS_NAME_FADE$1); - } - _triggerBackdropTransition() { - const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED); - if (hideEvent.defaultPrevented) { - return; - } - const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; - const initialOverflowY = this._element.style.overflowY; - // return if the following background transition hasn't yet completed - if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) { - return; - } - if (!isModalOverflowing) { - this._element.style.overflowY = 'hidden'; - } - this._element.classList.add(CLASS_NAME_STATIC); - this._queueCallback(() => { - this._element.classList.remove(CLASS_NAME_STATIC); - this._queueCallback(() => { - this._element.style.overflowY = initialOverflowY; - }, this._dialog); - }, this._dialog); - this._element.focus(); - } - - /** - * The following methods are used to handle overflowing modals - */ - - _adjustDialog() { - const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; - const scrollbarWidth = this._scrollBar.getWidth(); - const isBodyOverflowing = scrollbarWidth > 0; - if (isBodyOverflowing && !isModalOverflowing) { - const property = isRTL() ? 'paddingLeft' : 'paddingRight'; - this._element.style[property] = `${scrollbarWidth}px`; - } - if (!isBodyOverflowing && isModalOverflowing) { - const property = isRTL() ? 'paddingRight' : 'paddingLeft'; - this._element.style[property] = `${scrollbarWidth}px`; - } - } - _resetAdjustments() { - this._element.style.paddingLeft = ''; - this._element.style.paddingRight = ''; - } - - // Static - static jQueryInterface(config, relatedTarget) { - return this.each(function () { - const data = Modal.getOrCreateInstance(this, config); - if (typeof config !== 'string') { - return; - } - if (typeof data[config] === 'undefined') { - throw new TypeError(`No method named "${config}"`); - } - data[config](relatedTarget); - }); - } - } - - /** - * Data API implementation - */ - - EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) { - const target = SelectorEngine.getElementFromSelector(this); - if (['A', 'AREA'].includes(this.tagName)) { - event.preventDefault(); - } - EventHandler.one(target, EVENT_SHOW$1, showEvent => { - if (showEvent.defaultPrevented) { - // only register focus restorer if modal will actually get shown - return; - } - EventHandler.one(target, EVENT_HIDDEN$1, () => { - if (isVisible(this)) { - this.focus(); - } - }); - }); - - // avoid conflict when clicking modal toggler while another one is open - const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR); - if (alreadyOpen) { - Modal.getInstance(alreadyOpen).hide(); - } - const data = Modal.getOrCreateInstance(target); - data.toggle(this); - }); - enableDismissTrigger(Modal); - - /** - * jQuery - */ - - defineJQueryPlugin(Modal); - - /** - * -------------------------------------------------------------------------- - * Bootstrap toast.js - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - * -------------------------------------------------------------------------- - */ - - - /** - * Constants - */ - - const NAME = 'toast'; - const DATA_KEY = 'bs.toast'; - const EVENT_KEY = `.${DATA_KEY}`; - const EVENT_MOUSEOVER = `mouseover${EVENT_KEY}`; - const EVENT_MOUSEOUT = `mouseout${EVENT_KEY}`; - const EVENT_FOCUSIN = `focusin${EVENT_KEY}`; - const EVENT_FOCUSOUT = `focusout${EVENT_KEY}`; - const EVENT_HIDE = `hide${EVENT_KEY}`; - const EVENT_HIDDEN = `hidden${EVENT_KEY}`; - const EVENT_SHOW = `show${EVENT_KEY}`; - const EVENT_SHOWN = `shown${EVENT_KEY}`; - const CLASS_NAME_FADE = 'fade'; - const CLASS_NAME_HIDE = 'hide'; // @deprecated - kept here only for backwards compatibility - const CLASS_NAME_SHOW = 'show'; - const CLASS_NAME_SHOWING = 'showing'; - const DefaultType = { - animation: 'boolean', - autohide: 'boolean', - delay: 'number' - }; - const Default = { - animation: true, - autohide: true, - delay: 5000 - }; - - /** - * Class definition - */ - - class Toast extends BaseComponent { - constructor(element, config) { - super(element, config); - this._timeout = null; - this._hasMouseInteraction = false; - this._hasKeyboardInteraction = false; - this._setListeners(); - } - - // Getters - static get Default() { - return Default; - } - static get DefaultType() { - return DefaultType; - } - static get NAME() { - return NAME; - } - - // Public - show() { - const showEvent = EventHandler.trigger(this._element, EVENT_SHOW); - if (showEvent.defaultPrevented) { - return; - } - this._clearTimeout(); - if (this._config.animation) { - this._element.classList.add(CLASS_NAME_FADE); - } - const complete = () => { - this._element.classList.remove(CLASS_NAME_SHOWING); - EventHandler.trigger(this._element, EVENT_SHOWN); - this._maybeScheduleHide(); - }; - this._element.classList.remove(CLASS_NAME_HIDE); // @deprecated - reflow(this._element); - this._element.classList.add(CLASS_NAME_SHOW, CLASS_NAME_SHOWING); - this._queueCallback(complete, this._element, this._config.animation); - } - hide() { - if (!this.isShown()) { - return; - } - const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE); - if (hideEvent.defaultPrevented) { - return; - } - const complete = () => { - this._element.classList.add(CLASS_NAME_HIDE); // @deprecated - this._element.classList.remove(CLASS_NAME_SHOWING, CLASS_NAME_SHOW); - EventHandler.trigger(this._element, EVENT_HIDDEN); - }; - this._element.classList.add(CLASS_NAME_SHOWING); - this._queueCallback(complete, this._element, this._config.animation); - } - dispose() { - this._clearTimeout(); - if (this.isShown()) { - this._element.classList.remove(CLASS_NAME_SHOW); - } - super.dispose(); - } - isShown() { - return this._element.classList.contains(CLASS_NAME_SHOW); - } - - // Private - - _maybeScheduleHide() { - if (!this._config.autohide) { - return; - } - if (this._hasMouseInteraction || this._hasKeyboardInteraction) { - return; - } - this._timeout = setTimeout(() => { - this.hide(); - }, this._config.delay); - } - _onInteraction(event, isInteracting) { - switch (event.type) { - case 'mouseover': - case 'mouseout': - { - this._hasMouseInteraction = isInteracting; - break; - } - case 'focusin': - case 'focusout': - { - this._hasKeyboardInteraction = isInteracting; - break; - } - } - if (isInteracting) { - this._clearTimeout(); - return; - } - const nextElement = event.relatedTarget; - if (this._element === nextElement || this._element.contains(nextElement)) { - return; - } - this._maybeScheduleHide(); - } - _setListeners() { - EventHandler.on(this._element, EVENT_MOUSEOVER, event => this._onInteraction(event, true)); - EventHandler.on(this._element, EVENT_MOUSEOUT, event => this._onInteraction(event, false)); - EventHandler.on(this._element, EVENT_FOCUSIN, event => this._onInteraction(event, true)); - EventHandler.on(this._element, EVENT_FOCUSOUT, event => this._onInteraction(event, false)); - } - _clearTimeout() { - clearTimeout(this._timeout); - this._timeout = null; - } - - // Static - static jQueryInterface(config) { - return this.each(function () { - const data = Toast.getOrCreateInstance(this, config); - if (typeof config === 'string') { - if (typeof data[config] === 'undefined') { - throw new TypeError(`No method named "${config}"`); - } - data[config](this); - } - }); - } - } - - /** - * Data API implementation - */ - - enableDismissTrigger(Toast); - - /** - * jQuery - */ - - defineJQueryPlugin(Toast); - - exports.Alert = Alert; - exports.Button = Button; - exports.Modal = Modal; - exports.Toast = Toast; - - return exports; - -})({}); diff --git a/public/js/alert.min.js b/public/js/alert.min.js deleted file mode 100644 index b4cf5796..00000000 --- a/public/js/alert.min.js +++ /dev/null @@ -1 +0,0 @@ -var DigitlimitAlert=function(t){"use strict";const e=new Map;var i={set(t,i,s){e.has(t)||e.set(t,new Map);const n=e.get(t);n.has(i)||0===n.size?n.set(i,s):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,i)=>e.has(t)&&e.get(t).get(i)||null,remove(t,i){if(!e.has(t))return;const s=e.get(t);s.delete(i),0===s.size&&e.delete(t)}};const s="transitionend",n=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),o=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),r=t=>o(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(n(t)):null,a=t=>{if(!o(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},l=t=>!t||t.nodeType!==Node.ELEMENT_NODE||(!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled"))),c=t=>{t.offsetHeight},u=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,h=[],d=()=>"rtl"===document.documentElement.dir,m=t=>{var e;e=()=>{const e=u();if(e){const i=t.NAME,s=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=s,t.jQueryInterface)}},"loading"===document.readyState?(h.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of h)t()})),h.push(e)):e()},f=(t,e=[],i=t)=>"function"==typeof t?t.call(...e):i,g=(t,e,i=!0)=>{if(!i)return void f(t);const n=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let o=!1;const r=({target:i})=>{i===e&&(o=!0,e.removeEventListener(s,r),f(t))};e.addEventListener(s,r),setTimeout((()=>{o||e.dispatchEvent(new Event(s))}),n)},_=/[^.]*(?=\..*)\.|.*/,p=/\..*/,b=/::\d+$/,y={};let v=1;const E={mouseenter:"mouseover",mouseleave:"mouseout"},A=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function w(t,e){return e&&`${e}::${v++}`||t.uidEvent||v++}function k(t){const e=w(t);return t.uidEvent=e,y[e]=y[e]||{},y[e]}function T(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function C(t,e,i){const s="string"==typeof e,n=s?i:e||i;let o=N(t);return A.has(o)||(o=t),[s,n,o]}function $(t,e,i,s,n){if("string"!=typeof e||!t)return;let[o,r,a]=C(e,i,s);if(e in E){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=k(t),c=l[a]||(l[a]={}),u=T(c,r,o?i:null);if(u)return void(u.oneOff=u.oneOff&&n);const h=w(r,e.replace(_,"")),d=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return L(n,{delegateTarget:r}),s.oneOff&&O.off(t,n.type,e,i),i.apply(r,[n])}}(t,i,r):function(t,e){return function i(s){return L(s,{delegateTarget:t}),i.oneOff&&O.off(t,s.type,e),e.apply(t,[s])}}(t,r);d.delegationSelector=o?i:null,d.callable=r,d.oneOff=n,d.uidEvent=h,c[h]=d,t.addEventListener(a,d,o)}function D(t,e,i,s,n){const o=T(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}function S(t,e,i,s){const n=e[i]||{};for(const[o,r]of Object.entries(n))o.includes(s)&&D(t,e,i,r.callable,r.delegationSelector)}function N(t){return t=t.replace(p,""),E[t]||t}const O={on(t,e,i,s){$(t,e,i,s,!1)},one(t,e,i,s){$(t,e,i,s,!0)},off(t,e,i,s){if("string"!=typeof e||!t)return;const[n,o,r]=C(e,i,s),a=r!==e,l=k(t),c=l[r]||{},u=e.startsWith(".");if(void 0===o){if(u)for(const i of Object.keys(l))S(t,l,i,e.slice(1));for(const[i,s]of Object.entries(c)){const n=i.replace(b,"");a&&!e.includes(n)||D(t,l,r,s.callable,s.delegationSelector)}}else{if(!Object.keys(c).length)return;D(t,l,r,o,n?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const s=u();let n=null,o=!0,r=!0,a=!1;e!==N(e)&&s&&(n=s.Event(e,i),s(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());const l=L(new Event(e,{bubbles:o,cancelable:!0}),i);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function L(t,e={}){for(const[i,s]of Object.entries(e))try{t[i]=s}catch{Object.defineProperty(t,i,{configurable:!0,get:()=>s})}return t}function j(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch{return t}}function I(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const M={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${I(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${I(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const s of i){let i=s.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1),e[i]=j(t.dataset[s])}return e},getDataAttribute:(t,e)=>j(t.getAttribute(`data-bs-${I(e)}`))};class x{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=o(e)?M.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...o(e)?M.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[s,n]of Object.entries(e)){const e=t[s],r=o(e)?"element":null==(i=e)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(r))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${s}" provided type "${r}" but expected type "${n}".`)}var i}}class P extends x{constructor(t,e){super(),(t=r(t))&&(this._element=t,this._config=this._getConfig(e),i.set(this._element,this.constructor.DATA_KEY,this))}dispose(){i.remove(this._element,this.constructor.DATA_KEY),O.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){g(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return i.get(r(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.3"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const F=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e?e.split(",").map((t=>n(t))).join(","):null},q={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let s=t.parentNode.closest(e);for(;s;)i.push(s),s=s.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!l(t)&&a(t)))},getSelectorFromElement(t){const e=F(t);return e&&q.findOne(e)?e:null},getElementFromSelector(t){const e=F(t);return e?q.findOne(e):null},getMultipleElementsFromSelector(t){const e=F(t);return e?q.find(e):[]}},K=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,s=t.NAME;O.on(document,i,`[data-bs-dismiss="${s}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),l(this))return;const n=q.getElementFromSelector(this)||this.closest(`.${s}`);t.getOrCreateInstance(n)[e]()}))},W=".bs.alert",B=`close${W}`,V=`closed${W}`;class Y extends P{static get NAME(){return"alert"}close(){if(O.trigger(this._element,B).defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),O.trigger(this._element,V),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}K(Y,"close"),m(Y);const z='[data-bs-toggle="button"]';class R extends P{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=R.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}O.on(document,"click.bs.button.data-api",z,(t=>{t.preventDefault();const e=t.target.closest(z);R.getOrCreateInstance(e).toggle()})),m(R);const H="backdrop",Q="show",U=`mousedown.bs.${H}`,J={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Z={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class G extends x{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return J}static get DefaultType(){return Z}static get NAME(){return H}show(t){if(!this._config.isVisible)return void f(t);this._append();const e=this._getElement();this._config.isAnimated&&c(e),e.classList.add(Q),this._emulateAnimation((()=>{f(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(Q),this._emulateAnimation((()=>{this.dispose(),f(t)}))):f(t)}dispose(){this._isAppended&&(O.off(this._element,U),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=r(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),O.on(t,U,(()=>{f(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){g(t,this._getElement(),this._config.isAnimated)}}const X=".bs.focustrap",tt=`focusin${X}`,et=`keydown.tab${X}`,it="backward",st={autofocus:!0,trapElement:null},nt={autofocus:"boolean",trapElement:"element"};class ot extends x{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return st}static get DefaultType(){return nt}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),O.off(document,X),O.on(document,tt,(t=>this._handleFocusin(t))),O.on(document,et,(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,O.off(document,X))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=q.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===it?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?it:"forward")}}const rt=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",at=".sticky-top",lt="padding-right",ct="margin-right";class ut{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,lt,(e=>e+t)),this._setElementAttributes(rt,lt,(e=>e+t)),this._setElementAttributes(at,ct,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,lt),this._resetElementAttributes(rt,lt),this._resetElementAttributes(at,ct)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const s=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+s)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&M.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=M.getDataAttribute(t,e);null!==i?(M.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(o(t))e(t);else for(const i of q.find(t,this._element))e(i)}}const ht=".bs.modal",dt=`hide${ht}`,mt=`hidePrevented${ht}`,ft=`hidden${ht}`,gt=`show${ht}`,_t=`shown${ht}`,pt=`resize${ht}`,bt=`click.dismiss${ht}`,yt=`mousedown.dismiss${ht}`,vt=`keydown.dismiss${ht}`,Et=`click${ht}.data-api`,At="modal-open",wt="show",kt="modal-static",Tt={backdrop:!0,focus:!0,keyboard:!0},Ct={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class $t extends P{constructor(t,e){super(t,e),this._dialog=q.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new ut,this._addEventListeners()}static get Default(){return Tt}static get DefaultType(){return Ct}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){if(this._isShown||this._isTransitioning)return;O.trigger(this._element,gt,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(At),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){if(!this._isShown||this._isTransitioning)return;O.trigger(this._element,dt).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(wt),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated()))}dispose(){O.off(window,ht),O.off(this._dialog,ht),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new G({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new ot({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=q.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),c(this._element),this._element.classList.add(wt);this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,O.trigger(this._element,_t,{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){O.on(this._element,vt,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),O.on(window,pt,(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),O.on(this._element,yt,(t=>{O.one(this._element,bt,(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(At),this._resetAdjustments(),this._scrollBar.reset(),O.trigger(this._element,ft)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(O.trigger(this._element,mt).defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(kt)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(kt),this._queueCallback((()=>{this._element.classList.remove(kt),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=d()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=d()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=$t.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}O.on(document,Et,'[data-bs-toggle="modal"]',(function(t){const e=q.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),O.one(e,gt,(t=>{t.defaultPrevented||O.one(e,ft,(()=>{a(this)&&this.focus()}))}));const i=q.findOne(".modal.show");i&&$t.getInstance(i).hide();$t.getOrCreateInstance(e).toggle(this)})),K($t),m($t);const Dt=".bs.toast",St=`mouseover${Dt}`,Nt=`mouseout${Dt}`,Ot=`focusin${Dt}`,Lt=`focusout${Dt}`,jt=`hide${Dt}`,It=`hidden${Dt}`,Mt=`show${Dt}`,xt=`shown${Dt}`,Pt="hide",Ft="show",qt="showing",Kt={animation:"boolean",autohide:"boolean",delay:"number"},Wt={animation:!0,autohide:!0,delay:5e3};class Bt extends P{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return Wt}static get DefaultType(){return Kt}static get NAME(){return"toast"}show(){if(O.trigger(this._element,Mt).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");this._element.classList.remove(Pt),c(this._element),this._element.classList.add(Ft,qt),this._queueCallback((()=>{this._element.classList.remove(qt),O.trigger(this._element,xt),this._maybeScheduleHide()}),this._element,this._config.animation)}hide(){if(!this.isShown())return;if(O.trigger(this._element,jt).defaultPrevented)return;this._element.classList.add(qt),this._queueCallback((()=>{this._element.classList.add(Pt),this._element.classList.remove(qt,Ft),O.trigger(this._element,It)}),this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(Ft),super.dispose()}isShown(){return this._element.classList.contains(Ft)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){O.on(this._element,St,(t=>this._onInteraction(t,!0))),O.on(this._element,Nt,(t=>this._onInteraction(t,!1))),O.on(this._element,Ot,(t=>this._onInteraction(t,!0))),O.on(this._element,Lt,(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=Bt.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return K(Bt),m(Bt),t.Alert=Y,t.Button=R,t.Modal=$t,t.Toast=Bt,t}({}); diff --git a/public/modal.css b/public/modal.css deleted file mode 100644 index f9c954cd..00000000 --- a/public/modal.css +++ /dev/null @@ -1,125 +0,0 @@ -.btn { - padding: 10px 20px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - transition: background-color 0.3s ease; -} -.btn-primary { - background-color: #007bff; - color: white; -} -.btn-primary:hover { - background-color: rgb(0, 98.4, 204); -} -.btn-secondary { - background-color: #6c757d; - color: white; -} -.btn-secondary:hover { - background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); -} -.btn-close { - background: none; - border: none; - font-size: 24px; - cursor: pointer; -} -.btn-close:hover { - color: #ff0000; -} - -.modal-overlay { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; -} - -.modal { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1001; -} -.modal .modal-dialog { - position: relative; - width: 90%; - max-width: 500px; - margin: auto; - background-color: white; - border-radius: 8px; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); - overflow: hidden; -} -.modal .modal-dialog.modal-size-small { - max-width: 300px; -} -.modal .modal-dialog.modal-size-large { - max-width: 800px; -} -.modal .modal-dialog.modal-size-extra-large { - max-width: 1140px; -} -.modal .modal-dialog.modal-fullscreen { - width: 100vw; - height: 100vh; - max-width: none; - border-radius: 0; - margin: 0; -} -.modal .modal-dialog.modal-centered { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -.modal .modal-dialog.modal-scrollable { - max-height: 90vh; - overflow-y: auto; -} -.modal .modal-dialog .modal-content { - width: 100%; - height: 100%; -} -.modal .modal-dialog .modal-content .modal-header { - padding: 16px; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - align-items: center; -} -.modal .modal-dialog .modal-content .modal-header .modal-title { - margin: 0; - font-size: 20px; -} -.modal .modal-dialog .modal-content .modal-body { - padding: 16px; -} -.modal .modal-dialog .modal-content .modal-footer { - padding: 16px; - border-top: 1px solid #ddd; - display: flex; - justify-content: flex-end; - gap: 8px; -} - -@media (max-width: 768px) { - .modal .modal-dialog { - width: 95%; - max-width: none; - } - .modal .modal-dialog.modal-fullscreen { - width: 100vw; - height: 100vh; - } -} - -/*# sourceMappingURL=modal.css.map */ diff --git a/public/modal.css.map b/public/modal.css.map deleted file mode 100644 index bd9b886a..00000000 --- a/public/modal.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["modal.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAOR;EACE;IACE;IACA;;EAEA;IACE;IACA","file":"modal.css"} \ No newline at end of file diff --git a/public/modal.js b/public/modal.js deleted file mode 100644 index eb1e50ce..00000000 --- a/public/modal.js +++ /dev/null @@ -1,44 +0,0 @@ -class Modal { - constructor(modalId) { - this.modal = document.getElementById(modalId); - this.overlay = document.createElement('div'); - this.overlay.classList.add('modal-overlay'); - document.body.appendChild(this.overlay); - - this.init(); - } - - // Initialize event listeners - init() { - // Close modal when clicking the overlay - this.overlay.addEventListener('click', () => this.close()); - - // Close modal when clicking the close button - const closeButtons = this.modal.querySelectorAll('[data-dismiss="modal"]'); - closeButtons.forEach(button => { - button.addEventListener('click', () => this.close()); - }); - } - - // Open the modal - open() { - this.modal.style.display = 'block'; - this.overlay.style.display = 'block'; - document.body.style.overflow = 'hidden'; // Prevent scrolling - } - - // Close the modal - close() { - this.modal.style.display = 'none'; - this.overlay.style.display = 'none'; - document.body.style.overflow = 'auto'; // Restore scrolling - } -} - -// Initialize the modal -const modal = new Modal('exampleModal'); - -// Open modal when the button is clicked -document.getElementById('open-modal-btn').addEventListener('click', () => { - modal.open(); -}); \ No newline at end of file diff --git a/public/modal.scss b/public/modal.scss deleted file mode 100644 index 1e5f7825..00000000 --- a/public/modal.scss +++ /dev/null @@ -1,154 +0,0 @@ -@use "sass:color"; - -// Base styles for buttons -.btn { - padding: 10px 20px; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - transition: background-color 0.3s ease; - - &-primary { - background-color: #007bff; - color: white; - &:hover { - background-color: color.adjust(#007bff, $lightness: -10%); - } - } - - &-secondary { - background-color: #6c757d; - color: white; - &:hover { - background-color: color.adjust(#6c757d, $lightness: -10%); - } - } - - &-close { - background: none; - border: none; - font-size: 24px; - cursor: pointer; - &:hover { - color: #ff0000; - } - } -} - -// Modal overlay -.modal-overlay { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; -} - -// Modal container -.modal { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1001; - - // Modal dialog - .modal-dialog { - position: relative; - width: 90%; // Default width for responsiveness - max-width: 500px; // Default max width - margin: auto; - background-color: white; - border-radius: 8px; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); - overflow: hidden; - - // Modal sizes - &.modal-size-small { - max-width: 300px; - } - - &.modal-size-large { - max-width: 800px; - } - - &.modal-size-extra-large { - max-width: 1140px; - } - - // Fullscreen modal - &.modal-fullscreen { - width: 100vw; - height: 100vh; - max-width: none; - border-radius: 0; - margin: 0; - } - - // Centered modal - &.modal-centered { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - // Scrollable modal - &.modal-scrollable { - max-height: 90vh; - overflow-y: auto; - } - - // Modal content - .modal-content { - width: 100%; - height: 100%; - - // Modal header - .modal-header { - padding: 16px; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - align-items: center; - - .modal-title { - margin: 0; - font-size: 20px; - } - } - - // Modal body - .modal-body { - padding: 16px; - } - - // Modal footer - .modal-footer { - padding: 16px; - border-top: 1px solid #ddd; - display: flex; - justify-content: flex-end; - gap: 8px; - } - } - } -} - -// Responsive adjustments -@media (max-width: 768px) { - .modal .modal-dialog { - width: 95%; // Wider on smaller screens - max-width: none; - - &.modal-fullscreen { - width: 100vw; - height: 100vh; - } - } -} \ No newline at end of file diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index b2cfd9e0..55534865 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -1,157 +1,148 @@ -@php - $tag = $attributes->get('tag', $defaultTag); - $id = $attributes->get('id'); - $modal = $alert->tagged('modal', $tag); +
+ @php + $modal = $this->modal(); + $header = $header ?? null; + $body = $body ?? null; + $footer = $footer ?? null; + @endphp - $cancel = $modal->cancel ?? ''; - $action = $modal->action ?? ''; - $view = $modal->view ?? ''; - $theme = $attributes->get('theme', 'light'); -@endphp + @if($modal) + @php + $id = $id ?? $modal->id; + $cancel = $modal->cancel ?? ''; + $action = $modal->action ?? ''; + $view = $modal->view ?? ''; -@props([ - 'header', - 'body', - 'footer' -]) + $hasBody = !is_null($body); + $hasHeader = !is_null($header); + $hasFooter = !is_null($footer); -@if($modal) - @php - $id = $id ?? $modal->id; - $hasBody = isset($body) && $body->isNotEmpty(); - $hasHeader = isset($header) && $header->isNotEmpty(); - $hasFooter = isset($footer) && $footer->isNotEmpty(); - $hasTitle = $hasHeader || $modal->getTitle(); - @endphp -
getTitle(); + @endphp +
+
- {{ $attributes->merge(['id' => $id]) }} - {{ $attributes->merge(['class' => 'modal']) }} - > -
+ +
+
- -
-
+ +
-
+ class="bg-white p-6 rounded-lg shadow-lg relative max-w-full"> - - @if ($hasHeader) - {{ $header }} - @elseif($modal->getTitle()) -
-

{{ $modal->getTitle() }}

- -
- @endif + + @if ($hasHeader) + {{ $header }} + @elseif($modal->getTitle()) +
+

{{ $modal->getTitle() }}

+ +
+ @endif - -
-

This is placeholder text. Replace it with your own content.

-
- @if($view) - {!! $view !!} - @else -
- @if($hasBody) - {{ $body }} - @elseif($modal->getMessage()) - {{ $modal->getMessage() }} - @endif -
- @endif + + @if($view) + {!! $view !!} + @else +
+ @if($hasBody) + {{ $body }} + @elseif($modal->getMessage()) + {{ $modal->getMessage() }} + @endif +
+ @endif - -
- - -
- @if( $action->label || $cancel->label && $hasFooter ) + +
+ + +
+ @if( $action->label || $cancel->label && $hasFooter ) -
- @if($hasFooter) - {{ $footer }} - @else +
+ @if($hasFooter) + {{ $footer }} + @else - @if($cancel->label) - @if($cancel->link) - attributes) !!}> - {{ $cancel->label }} - - @else - - @endif - @endif + @if($cancel->label) + @if($cancel->link) + attributes) !!}> + {{ $cancel->label }} + + @else + + @endif + @endif - @if($action->label) - @if($action->link) - attributes) !!}> - {{ $action->label }} - - @else - - @endif - @endif + @if($action->label) + @if($action->link) + attributes) !!}> + {{ $action->label }} + + @else + + @endif + @endif - @endif -
+ @endif +
- @endif -
-
-
-@endif \ No newline at end of file + @endif +
+
+
+ @endif +
diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php index 9040e94a..092385d4 100644 --- a/src/AlertServiceProvider.php +++ b/src/AlertServiceProvider.php @@ -20,7 +20,7 @@ public function boot(): void { $this->loadViewsFrom(__DIR__.'/../resources/views', 'alert'); - $this->registerComponents(); + Theme::theme()->boot(); $this->registerMacros(); @@ -68,16 +68,6 @@ protected function bootForConsole(): void ], 'alert.assets'); } - /** - * Register alert components. - * - * @throws Exception - */ - protected function registerComponents(): void - { - Theme::theme()->register(); - } - /** * Register some helper macros. */ diff --git a/src/Contracts/ThemeInterface.php b/src/Contracts/ThemeInterface.php index 2e588203..e374e3e2 100644 --- a/src/Contracts/ThemeInterface.php +++ b/src/Contracts/ThemeInterface.php @@ -6,5 +6,5 @@ interface ThemeInterface { public function types(): array; - public function register(): void; -} \ No newline at end of file + public function boot(): void; +} diff --git a/src/Helpers/Type.php b/src/Helpers/Type.php index f3029018..be732d3a 100644 --- a/src/Helpers/Type.php +++ b/src/Helpers/Type.php @@ -16,9 +16,7 @@ class Type */ public static function types(): array { - $theme = Theme::theme(); - - return $theme['types'] ?? []; + return Theme::theme()->types(); } /** diff --git a/src/View/Components/Themes/Bootstrap5.php b/src/View/Components/Themes/Bootstrap5.php index 67473cea..75317c5c 100644 --- a/src/View/Components/Themes/Bootstrap5.php +++ b/src/View/Components/Themes/Bootstrap5.php @@ -51,11 +51,11 @@ public function types(): array ], ]; } - + /** * Register the alert components */ - public function register(): void + public function boot(): void { Blade::componentNamespace(__NAMESPACE__, 'alert'); @@ -63,4 +63,4 @@ public function register(): void Blade::component($type['view'], $type['component']); } } -} \ No newline at end of file +} diff --git a/src/View/Components/Themes/Tailwind.php b/src/View/Components/Themes/Tailwind.php index c7f36275..20663932 100644 --- a/src/View/Components/Themes/Tailwind.php +++ b/src/View/Components/Themes/Tailwind.php @@ -55,10 +55,10 @@ public function types(): array /** * Register the alert components */ - public function register(): void + public function boot(): void { foreach ($this->types() as $type) { Livewire::component($type['view'], $type['component']); } } -} \ No newline at end of file +} diff --git a/src/View/Components/Themes/Tailwind/Field.php b/src/View/Components/Themes/Tailwind/Field.php index 78c406d2..d3e2bad9 100644 --- a/src/View/Components/Themes/Tailwind/Field.php +++ b/src/View/Components/Themes/Tailwind/Field.php @@ -4,7 +4,7 @@ use Digitlimit\Alert\Alert; use Illuminate\Contracts\View\View; -use Illuminate\View\Component; +use Livewire\Component; class Field extends Component { @@ -21,7 +21,7 @@ class Field extends Component /** * Create a new component instance. */ - public function __construct(Alert $alert) + public function mount(Alert $alert) { $this->alert = $alert; } diff --git a/src/View/Components/Themes/Tailwind/Message.php b/src/View/Components/Themes/Tailwind/Message.php index 7e9ef7c7..dc5a0c2e 100644 --- a/src/View/Components/Themes/Tailwind/Message.php +++ b/src/View/Components/Themes/Tailwind/Message.php @@ -4,7 +4,7 @@ use Digitlimit\Alert\Alert; use Illuminate\Contracts\View\View; -use Illuminate\View\Component; +use Livewire\Component; class Message extends Component { @@ -21,7 +21,7 @@ class Message extends Component /** * Create a new component instance. */ - public function __construct(Alert $alert) + public function mount(Alert $alert) { $this->alert = $alert; } diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index 069082d5..e2fa3611 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -5,19 +5,16 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Helpers\Attribute; use Illuminate\Contracts\View\View; -use Illuminate\View\Component; +use Livewire\Component; +use Digitlimit\Alert\Types\Modal as AlertModal; class Modal extends Component { - /** - * Set the default tag. - */ + protected ?AlertModal $modal; + public string $defaultTag = Alert::DEFAULT_TAG; - /** - * Alert instance. - */ - public Alert $alert; + public string $tag; /** * Default action button attributes. @@ -55,12 +52,15 @@ class Modal extends Component '@click' => 'modalOpen = false;', ]; - /** - * Create a new component instance. - */ - public function __construct(Alert $alert) + public function modal(): ?AlertModal { - $this->alert = $alert; + return $this->modal; + } + + public function mount(Alert $alert) + {modal('modal'); + $this->tag = $this->tag ?? $this->defaultTag; + $this->modal = $alert->tagged('modal', $this->tag); } /** @@ -74,7 +74,7 @@ public function render(): View /** * Merge and convert array attributes to HTML string attributes. */ - public function actionAttributes(array $attributes): string + public function actionAttributes(array $attributes = []): string { $newAttributes = array_merge( $this->actionAttributes, @@ -87,7 +87,7 @@ public function actionAttributes(array $attributes): string /** * Merge and convert array attributes to HTML string attributes. */ - public function cancelAttributes(array $attributes): string + public function cancelAttributes(array $attributes = []): string { $newAttributes = array_merge( $this->cancelAttributes, diff --git a/src/View/Components/Themes/Tailwind/Notify.php b/src/View/Components/Themes/Tailwind/Notify.php index bd9aa7aa..ed642a7a 100644 --- a/src/View/Components/Themes/Tailwind/Notify.php +++ b/src/View/Components/Themes/Tailwind/Notify.php @@ -4,7 +4,7 @@ use Digitlimit\Alert\Alert; use Illuminate\Contracts\View\View; -use Illuminate\View\Component; +use Livewire\Component; class Notify extends Component { @@ -21,7 +21,7 @@ class Notify extends Component /** * Create a new component instance. */ - public function __construct(Alert $alert) + public function mount(Alert $alert) { $this->alert = $alert; } diff --git a/src/View/Components/Themes/Tailwind/Sticky.php b/src/View/Components/Themes/Tailwind/Sticky.php index b0b3ed0e..b857df0f 100644 --- a/src/View/Components/Themes/Tailwind/Sticky.php +++ b/src/View/Components/Themes/Tailwind/Sticky.php @@ -5,7 +5,7 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Helpers\Attribute; use Illuminate\Contracts\View\View; -use Illuminate\View\Component; +use Livewire\Component; class Sticky extends Component { @@ -30,7 +30,7 @@ class Sticky extends Component /** * Create a new component instance. */ - public function __construct(Alert $alert) + public function mount(Alert $alert) { $this->alert = $alert; } From b26ba9bcd74e87019700c05483a4024394fc2349 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:17:24 +0000 Subject: [PATCH 010/137] remove unused js and scss --- resources/js/alert.js | 6 - resources/js/src/alert.js | 86 --- resources/js/src/base-component.js | 78 --- resources/js/src/button.js | 71 --- resources/js/src/dom/data.js | 54 -- resources/js/src/dom/event-handler.js | 316 ---------- resources/js/src/dom/manipulator.js | 70 --- resources/js/src/dom/selector-engine.js | 125 ---- resources/js/src/modal.js | 68 --- resources/js/src/toast.js | 605 ------------------- resources/js/src/util/backdrop.js | 150 ----- resources/js/src/util/component-functions.js | 34 -- resources/js/src/util/config.js | 64 -- resources/js/src/util/focustrap.js | 114 ---- resources/js/src/util/index.js | 305 ---------- resources/js/src/util/sanitizer.js | 116 ---- resources/js/src/util/scrollbar.js | 113 ---- resources/js/src/util/swipe.js | 145 ----- resources/js/src/util/template-factory.js | 159 ----- resources/scss/alert.scss | 9 - resources/scss/components/_field.scss | 5 - resources/scss/components/_message.scss | 94 --- resources/scss/components/_modal.scss | 230 ------- resources/scss/components/_toast.scss | 197 ------ resources/scss/shared/_button.scss | 54 -- resources/scss/shared/_text.scss | 137 ----- resources/scss/shared/_variables-dark.scss | 55 -- resources/scss/shared/_variables.scss | 119 ---- resources/views/index.blade.php | 38 -- 29 files changed, 3617 deletions(-) delete mode 100644 resources/js/alert.js delete mode 100644 resources/js/src/alert.js delete mode 100644 resources/js/src/base-component.js delete mode 100644 resources/js/src/button.js delete mode 100644 resources/js/src/dom/data.js delete mode 100644 resources/js/src/dom/event-handler.js delete mode 100644 resources/js/src/dom/manipulator.js delete mode 100644 resources/js/src/dom/selector-engine.js delete mode 100644 resources/js/src/modal.js delete mode 100644 resources/js/src/toast.js delete mode 100644 resources/js/src/util/backdrop.js delete mode 100644 resources/js/src/util/component-functions.js delete mode 100644 resources/js/src/util/config.js delete mode 100644 resources/js/src/util/focustrap.js delete mode 100644 resources/js/src/util/index.js delete mode 100644 resources/js/src/util/sanitizer.js delete mode 100644 resources/js/src/util/scrollbar.js delete mode 100644 resources/js/src/util/swipe.js delete mode 100644 resources/js/src/util/template-factory.js delete mode 100644 resources/scss/alert.scss delete mode 100644 resources/scss/components/_field.scss delete mode 100644 resources/scss/components/_message.scss delete mode 100644 resources/scss/components/_modal.scss delete mode 100644 resources/scss/components/_toast.scss delete mode 100644 resources/scss/shared/_button.scss delete mode 100644 resources/scss/shared/_text.scss delete mode 100644 resources/scss/shared/_variables-dark.scss delete mode 100644 resources/scss/shared/_variables.scss delete mode 100644 resources/views/index.blade.php diff --git a/resources/js/alert.js b/resources/js/alert.js deleted file mode 100644 index b540dc8b..00000000 --- a/resources/js/alert.js +++ /dev/null @@ -1,6 +0,0 @@ -import '../scss/alert.scss' - -export { default as Alert } from './src/alert.js' -export { default as Button } from './src/button.js' -export { default as Modal } from './src/modal.js' -export { default as Toast } from './src/toast.js' \ No newline at end of file diff --git a/resources/js/src/alert.js b/resources/js/src/alert.js deleted file mode 100644 index 7cc105bc..00000000 --- a/resources/js/src/alert.js +++ /dev/null @@ -1,86 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * alert.js - * -------------------------------------------------------------------------- - */ - -import BaseComponent from './base-component.js' -import EventHandler from './dom/event-handler.js' -import { enableDismissTrigger } from './util/component-functions.js' -import { defineJQueryPlugin } from './util/index.js' - -/** - * Constants - */ - -const NAME = 'alert' -const DATA_KEY = 'dl.alert' -const EVENT_KEY = `.${DATA_KEY}` - -const EVENT_CLOSE = `close${EVENT_KEY}` -const EVENT_CLOSED = `closed${EVENT_KEY}` -const CLASS_NAME_FADE = 'fade' -const CLASS_NAME_SHOW = 'show' - -/** - * Class definition - */ - -class Alert extends BaseComponent { - // Getters - static get NAME() { - return NAME - } - - // Public - close() { - const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE) - - if (closeEvent.defaultPrevented) { - return - } - - this._element.classList.remove(CLASS_NAME_SHOW) - - const isAnimated = this._element.classList.contains(CLASS_NAME_FADE) - this._queueCallback(() => this._destroyElement(), this._element, isAnimated) - } - - // Private - _destroyElement() { - this._element.remove() - EventHandler.trigger(this._element, EVENT_CLOSED) - this.dispose() - } - - // Static - static jQueryInterface(config) { - return this.each(function () { - const data = Alert.getOrCreateInstance(this) - - if (typeof config !== 'string') { - return - } - - if (data[config] === undefined || config.startsWith('_') || config === 'constructor') { - throw new TypeError(`No method named "${config}"`) - } - - data[config](this) - }) - } -} - -/** - * Data API implementation - */ - -enableDismissTrigger(Alert, 'close') - -/** - * jQuery - */ - -defineJQueryPlugin(Alert) - -export default Alert diff --git a/resources/js/src/base-component.js b/resources/js/src/base-component.js deleted file mode 100644 index 70f51f85..00000000 --- a/resources/js/src/base-component.js +++ /dev/null @@ -1,78 +0,0 @@ -import Data from './dom/data.js' -import EventHandler from './dom/event-handler.js' -import Config from './util/config.js' -import { executeAfterTransition, getElement } from './util/index.js' - -/** - * Constants - */ - -const VERSION = '5.3.3' - -/** - * Class definition - */ - -class BaseComponent extends Config { - constructor(element, config) { - super() - - element = getElement(element) - if (!element) { - return - } - - this._element = element - this._config = this._getConfig(config) - - Data.set(this._element, this.constructor.DATA_KEY, this) - } - - // Public - dispose() { - Data.remove(this._element, this.constructor.DATA_KEY) - EventHandler.off(this._element, this.constructor.EVENT_KEY) - - for (const propertyName of Object.getOwnPropertyNames(this)) { - this[propertyName] = null - } - } - - _queueCallback(callback, element, isAnimated = true) { - executeAfterTransition(callback, element, isAnimated) - } - - _getConfig(config) { - config = this._mergeConfigObj(config, this._element) - config = this._configAfterMerge(config) - this._typeCheckConfig(config) - return config - } - - // Static - static getInstance(element) { - return Data.get(getElement(element), this.DATA_KEY) - } - - static getOrCreateInstance(element, config = {}) { - return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null) - } - - static get VERSION() { - return VERSION - } - - static get DATA_KEY() { - return `dl.${this.NAME}` - } - - static get EVENT_KEY() { - return `.${this.DATA_KEY}` - } - - static eventName(name) { - return `${name}${this.EVENT_KEY}` - } -} - -export default BaseComponent diff --git a/resources/js/src/button.js b/resources/js/src/button.js deleted file mode 100644 index 23d4b2b1..00000000 --- a/resources/js/src/button.js +++ /dev/null @@ -1,71 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * button.js - * -------------------------------------------------------------------------- - */ - -import BaseComponent from './base-component.js' -import EventHandler from './dom/event-handler.js' -import { defineJQueryPlugin } from './util/index.js' - -/** - * Constants - */ - -const NAME = 'button' -const DATA_KEY = 'dl.button' -const EVENT_KEY = `.${DATA_KEY}` -const DATA_API_KEY = '.data-api' - -const CLASS_NAME_ACTIVE = 'active' -const SELECTOR_DATA_TOGGLE = '[data-dl-toggle="button"]' -const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}` - -/** - * Class definition - */ - -class Button extends BaseComponent { - // Getters - static get NAME() { - return NAME - } - - // Public - toggle() { - // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method - this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE)) - } - - // Static - static jQueryInterface(config) { - return this.each(function () { - const data = Button.getOrCreateInstance(this) - - if (config === 'toggle') { - data[config]() - } - }) - } -} - -/** - * Data API implementation - */ - -EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, event => { - event.preventDefault() - - const button = event.target.closest(SELECTOR_DATA_TOGGLE) - const data = Button.getOrCreateInstance(button) - - data.toggle() -}) - -/** - * jQuery - */ - -defineJQueryPlugin(Button) - -export default Button diff --git a/resources/js/src/dom/data.js b/resources/js/src/dom/data.js deleted file mode 100644 index 4d51412a..00000000 --- a/resources/js/src/dom/data.js +++ /dev/null @@ -1,54 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * dom/data.js - * -------------------------------------------------------------------------- - */ - -/** - * Constants - */ - -const elementMap = new Map() - -export default { - set(element, key, instance) { - if (!elementMap.has(element)) { - elementMap.set(element, new Map()) - } - - const instanceMap = elementMap.get(element) - - // make it clear we only want one instance per element - // can be removed later when multiple key/instances are fine to be used - if (!instanceMap.has(key) && instanceMap.size !== 0) { - // eslint-disable-next-line no-console - console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`) - return - } - - instanceMap.set(key, instance) - }, - - get(element, key) { - if (elementMap.has(element)) { - return elementMap.get(element).get(key) || null - } - - return null - }, - - remove(element, key) { - if (!elementMap.has(element)) { - return - } - - const instanceMap = elementMap.get(element) - - instanceMap.delete(key) - - // free up element references if there are no instances left for an element - if (instanceMap.size === 0) { - elementMap.delete(element) - } - } -} diff --git a/resources/js/src/dom/event-handler.js b/resources/js/src/dom/event-handler.js deleted file mode 100644 index a0e4f2d2..00000000 --- a/resources/js/src/dom/event-handler.js +++ /dev/null @@ -1,316 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * dom/event-handler.js - * -------------------------------------------------------------------------- - */ - -import { getjQuery } from '../util/index.js' - -/** - * Constants - */ - -const namespaceRegex = /[^.]*(?=\..*)\.|.*/ -const stripNameRegex = /\..*/ -const stripUidRegex = /::\d+$/ -const eventRegistry = {} // Events storage -let uidEvent = 1 -const customEvents = { - mouseenter: 'mouseover', - mouseleave: 'mouseout' -} - -const nativeEvents = new Set([ - 'click', - 'dblclick', - 'mouseup', - 'mousedown', - 'contextmenu', - 'mousewheel', - 'DOMMouseScroll', - 'mouseover', - 'mouseout', - 'mousemove', - 'selectstart', - 'selectend', - 'keydown', - 'keypress', - 'keyup', - 'orientationchange', - 'touchstart', - 'touchmove', - 'touchend', - 'touchcancel', - 'pointerdown', - 'pointermove', - 'pointerup', - 'pointerleave', - 'pointercancel', - 'gesturestart', - 'gesturechange', - 'gestureend', - 'focus', - 'blur', - 'change', - 'reset', - 'select', - 'submit', - 'focusin', - 'focusout', - 'load', - 'unload', - 'beforeunload', - 'resize', - 'move', - 'DOMContentLoaded', - 'readystatechange', - 'error', - 'abort', - 'scroll' -]) - -/** - * Private methods - */ - -function makeEventUid(element, uid) { - return (uid && `${uid}::${uidEvent++}`) || element.uidEvent || uidEvent++ -} - -function getElementEvents(element) { - const uid = makeEventUid(element) - - element.uidEvent = uid - eventRegistry[uid] = eventRegistry[uid] || {} - - return eventRegistry[uid] -} - -function bootstrapHandler(element, fn) { - return function handler(event) { - hydrateObj(event, { delegateTarget: element }) - - if (handler.oneOff) { - EventHandler.off(element, event.type, fn) - } - - return fn.apply(element, [event]) - } -} - -function bootstrapDelegationHandler(element, selector, fn) { - return function handler(event) { - const domElements = element.querySelectorAll(selector) - - for (let { target } = event; target && target !== this; target = target.parentNode) { - for (const domElement of domElements) { - if (domElement !== target) { - continue - } - - hydrateObj(event, { delegateTarget: target }) - - if (handler.oneOff) { - EventHandler.off(element, event.type, selector, fn) - } - - return fn.apply(target, [event]) - } - } - } -} - -function findHandler(events, callable, delegationSelector = null) { - return Object.values(events) - .find(event => event.callable === callable && event.delegationSelector === delegationSelector) -} - -function normalizeParameters(originalTypeEvent, handler, delegationFunction) { - const isDelegated = typeof handler === 'string' - // TODO: tooltip passes `false` instead of selector, so we need to check - const callable = isDelegated ? delegationFunction : (handler || delegationFunction) - let typeEvent = getTypeEvent(originalTypeEvent) - - if (!nativeEvents.has(typeEvent)) { - typeEvent = originalTypeEvent - } - - return [isDelegated, callable, typeEvent] -} - -function addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) { - if (typeof originalTypeEvent !== 'string' || !element) { - return - } - - let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction) - - // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position - // this prevents the handler from being dispatched the same way as mouseover or mouseout does - if (originalTypeEvent in customEvents) { - const wrapFunction = fn => { - return function (event) { - if (!event.relatedTarget || (event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget))) { - return fn.call(this, event) - } - } - } - - callable = wrapFunction(callable) - } - - const events = getElementEvents(element) - const handlers = events[typeEvent] || (events[typeEvent] = {}) - const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null) - - if (previousFunction) { - previousFunction.oneOff = previousFunction.oneOff && oneOff - - return - } - - const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, '')) - const fn = isDelegated ? - bootstrapDelegationHandler(element, handler, callable) : - bootstrapHandler(element, callable) - - fn.delegationSelector = isDelegated ? handler : null - fn.callable = callable - fn.oneOff = oneOff - fn.uidEvent = uid - handlers[uid] = fn - - element.addEventListener(typeEvent, fn, isDelegated) -} - -function removeHandler(element, events, typeEvent, handler, delegationSelector) { - const fn = findHandler(events[typeEvent], handler, delegationSelector) - - if (!fn) { - return - } - - element.removeEventListener(typeEvent, fn, Boolean(delegationSelector)) - delete events[typeEvent][fn.uidEvent] -} - -function removeNamespacedHandlers(element, events, typeEvent, namespace) { - const storeElementEvent = events[typeEvent] || {} - - for (const [handlerKey, event] of Object.entries(storeElementEvent)) { - if (handlerKey.includes(namespace)) { - removeHandler(element, events, typeEvent, event.callable, event.delegationSelector) - } - } -} - -function getTypeEvent(event) { - // allow to get the native events from namespaced events ('click.dl.button' --> 'click') - event = event.replace(stripNameRegex, '') - return customEvents[event] || event -} - -const EventHandler = { - on(element, event, handler, delegationFunction) { - addHandler(element, event, handler, delegationFunction, false) - }, - - one(element, event, handler, delegationFunction) { - addHandler(element, event, handler, delegationFunction, true) - }, - - off(element, originalTypeEvent, handler, delegationFunction) { - if (typeof originalTypeEvent !== 'string' || !element) { - return - } - - const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction) - const inNamespace = typeEvent !== originalTypeEvent - const events = getElementEvents(element) - const storeElementEvent = events[typeEvent] || {} - const isNamespace = originalTypeEvent.startsWith('.') - - if (typeof callable !== 'undefined') { - // Simplest case: handler is passed, remove that listener ONLY. - if (!Object.keys(storeElementEvent).length) { - return - } - - removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null) - return - } - - if (isNamespace) { - for (const elementEvent of Object.keys(events)) { - removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1)) - } - } - - for (const [keyHandlers, event] of Object.entries(storeElementEvent)) { - const handlerKey = keyHandlers.replace(stripUidRegex, '') - - if (!inNamespace || originalTypeEvent.includes(handlerKey)) { - removeHandler(element, events, typeEvent, event.callable, event.delegationSelector) - } - } - }, - - trigger(element, event, args) { - if (typeof event !== 'string' || !element) { - return null - } - - const $ = getjQuery() - const typeEvent = getTypeEvent(event) - const inNamespace = event !== typeEvent - - let jQueryEvent = null - let bubbles = true - let nativeDispatch = true - let defaultPrevented = false - - if (inNamespace && $) { - jQueryEvent = $.Event(event, args) - - $(element).trigger(jQueryEvent) - bubbles = !jQueryEvent.isPropagationStopped() - nativeDispatch = !jQueryEvent.isImmediatePropagationStopped() - defaultPrevented = jQueryEvent.isDefaultPrevented() - } - - const evt = hydrateObj(new Event(event, { bubbles, cancelable: true }), args) - - if (defaultPrevented) { - evt.preventDefault() - } - - if (nativeDispatch) { - element.dispatchEvent(evt) - } - - if (evt.defaultPrevented && jQueryEvent) { - jQueryEvent.preventDefault() - } - - return evt - } -} - -function hydrateObj(obj, meta = {}) { - for (const [key, value] of Object.entries(meta)) { - try { - obj[key] = value - } catch { - Object.defineProperty(obj, key, { - configurable: true, - get() { - return value - } - }) - } - } - - return obj -} - -export default EventHandler diff --git a/resources/js/src/dom/manipulator.js b/resources/js/src/dom/manipulator.js deleted file mode 100644 index bc18f412..00000000 --- a/resources/js/src/dom/manipulator.js +++ /dev/null @@ -1,70 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * dom/manipulator.js - * -------------------------------------------------------------------------- - */ - -function normalizeData(value) { - if (value === 'true') { - return true - } - - if (value === 'false') { - return false - } - - if (value === Number(value).toString()) { - return Number(value) - } - - if (value === '' || value === 'null') { - return null - } - - if (typeof value !== 'string') { - return value - } - - try { - return JSON.parse(decodeURIComponent(value)) - } catch { - return value - } -} - -function normalizeDataKey(key) { - return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`) -} - -const Manipulator = { - setDataAttribute(element, key, value) { - element.setAttribute(`data-dl-${normalizeDataKey(key)}`, value) - }, - - removeDataAttribute(element, key) { - element.removeAttribute(`data-dl-${normalizeDataKey(key)}`) - }, - - getDataAttributes(element) { - if (!element) { - return {} - } - - const attributes = {} - const dlKeys = Object.keys(element.dataset).filter(key => key.startsWith('dl') && !key.startsWith('dlConfig')) - - for (const key of dlKeys) { - let pureKey = key.replace(/^dl/, '') - pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1) - attributes[pureKey] = normalizeData(element.dataset[key]) - } - - return attributes - }, - - getDataAttribute(element, key) { - return normalizeData(element.getAttribute(`data-dl-${normalizeDataKey(key)}`)) - } -} - -export default Manipulator diff --git a/resources/js/src/dom/selector-engine.js b/resources/js/src/dom/selector-engine.js deleted file mode 100644 index b50d6805..00000000 --- a/resources/js/src/dom/selector-engine.js +++ /dev/null @@ -1,125 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * dom/selector-engine.js - * -------------------------------------------------------------------------- - */ - -import { isDisabled, isVisible, parseSelector } from '../util/index.js' - -const getSelector = element => { - let selector = element.getAttribute('data-dl-target') - - if (!selector || selector === '#') { - let hrefAttribute = element.getAttribute('href') - - // The only valid content that could double as a selector are IDs or classes, - // so everything starting with `#` or `.`. If a "real" URL is used as the selector, - // `document.querySelector` will rightfully complain it is invalid. - // See https://github.com/twdl/bootstrap/issues/32273 - if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) { - return null - } - - // Just in case some CMS puts out a full URL with the anchor appended - if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) { - hrefAttribute = `#${hrefAttribute.split('#')[1]}` - } - - selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null - } - - return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null -} - -const SelectorEngine = { - find(selector, element = document.documentElement) { - return [].concat(...Element.prototype.querySelectorAll.call(element, selector)) - }, - - findOne(selector, element = document.documentElement) { - return Element.prototype.querySelector.call(element, selector) - }, - - children(element, selector) { - return [].concat(...element.children).filter(child => child.matches(selector)) - }, - - parents(element, selector) { - const parents = [] - let ancestor = element.parentNode.closest(selector) - - while (ancestor) { - parents.push(ancestor) - ancestor = ancestor.parentNode.closest(selector) - } - - return parents - }, - - prev(element, selector) { - let previous = element.previousElementSibling - - while (previous) { - if (previous.matches(selector)) { - return [previous] - } - - previous = previous.previousElementSibling - } - - return [] - }, - // TODO: this is now unused; remove later along with prev() - next(element, selector) { - let next = element.nextElementSibling - - while (next) { - if (next.matches(selector)) { - return [next] - } - - next = next.nextElementSibling - } - - return [] - }, - - focusableChildren(element) { - const focusables = [ - 'a', - 'button', - 'input', - 'textarea', - 'select', - 'details', - '[tabindex]', - '[contenteditable="true"]' - ].map(selector => `${selector}:not([tabindex^="-"])`).join(',') - - return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el)) - }, - - getSelectorFromElement(element) { - const selector = getSelector(element) - - if (selector) { - return SelectorEngine.findOne(selector) ? selector : null - } - - return null - }, - - getElementFromSelector(element) { - const selector = getSelector(element) - - return selector ? SelectorEngine.findOne(selector) : null - }, - - getMultipleElementsFromSelector(element) { - const selector = getSelector(element) - - return selector ? SelectorEngine.find(selector) : [] - } -} - -export default SelectorEngine diff --git a/resources/js/src/modal.js b/resources/js/src/modal.js deleted file mode 100644 index a37e0087..00000000 --- a/resources/js/src/modal.js +++ /dev/null @@ -1,68 +0,0 @@ -class Modal { - constructor(trigger, options = {}) { - this.options = { - size: options.size || "medium", - position: options.position || "center", - content: options.content || "This is a modal", - }; - this.trigger = trigger; - this.modal = document.querySelector(`[data-modal=${trigger}]`); - this.init(); - } - - init() { - if (!this.modal) { - console.error(`Modal with trigger [data-modal=${this.trigger}] not found.`); - return; - } - - console.log('modal', this.modal); - const contentWrapper = this.modal.querySelector('.content-wrapper'); - const close = this.modal.querySelector('.close'); - - if (close) { - close.addEventListener('click', () => this.close()); - } - - this.modal.addEventListener('click', () => this.close()); - - if (contentWrapper) { - contentWrapper.addEventListener('click', (e) => e.stopPropagation()); - } - } - - open() { - if (this.modal) { - this.modal.classList.add("open"); - } - } - - close() { - if (this.modal) { - this.modal.classList.remove("open"); - } - } - - toggle() { - if (this.modal) { - this.modal.classList.toggle("open"); - } - } - - resize(size) { - if (this.modal) { - this.modal.classList.remove("small", "medium", "large"); - this.modal.classList.add(size); - } - } - - reposition(position) { - if (this.modal) { - this.modal.classList.remove("top", "bottom", "left", "right", "center"); - this.modal.classList.add(position); - } - } -} - -// Exporting module -export default Modal; diff --git a/resources/js/src/toast.js b/resources/js/src/toast.js deleted file mode 100644 index ed897907..00000000 --- a/resources/js/src/toast.js +++ /dev/null @@ -1,605 +0,0 @@ -class Toast -{ - $container; - previousToast; - listener; - toastId = 0; - toastType = { - error: 'error', - info: 'info', - success: 'success', - warning: 'warning' - }; - - constructor() { - this.init(); - } - - init() { - const toasts = document.querySelectorAll('.toastr'); - - toasts.forEach(toastr => { - const id = toastr.getAttribute('id'); - const toast = this.firstEl('.toast'); - - if (!id || !toast) { - console.error('Toast not found.'); - return; - } - - const progress = this.firstEl('.toast-progress', toast); - const close = this.firstEl('.toast-close-button', toast); - const title = this.firstEl('.toast-title', toast)?.innerText ?? ''; - const message = this.firstEl('.toast-message', toast)?.innerText ?? ''; - const type = this.getToastType(toast) ?? 'info'; - const iconClass = this.getOptions().iconClasses[type]; - - this.$container = toast - - this.notify({ - iconClass, - type, - message, - title, - optionsOverride: { - containerId: id, - } - }); - }); - } - - getToastType(element) { - if (element.classList.contains('toast-success')) return 'success'; - if (element.classList.contains('toast-error')) return 'error'; - if (element.classList.contains('toast-info')) return 'info'; - if (element.classList.contains('toast-warning')) return 'warning'; - return 'info'; // Default type - } - - closeBtnEl() { - const button = document.createElement("button"); - - button.setAttribute("type", "button"); - - button.innerHTML = "×"; - - return button; - } - - fadeOut(el, duration, callback) { - el.style.opacity = 1; - (function fade() { - if ((el.style.opacity -= .1) < 0) { - el.style.display = "none"; - } else { - requestAnimationFrame(fade); - callback(); - } - })(); - }; - - fadeIn(el, duration) { - el.style.opacity = 0; - - const increment = 1 / (duration / 16); - - (function fade() { - let val = parseFloat(el.style.opacity); - - if (!((val += increment) > 1)) { - el.style.opacity = val; - requestAnimationFrame(fade); - } - })(); - }; - - el(selector, context = document) { - if(selector.startsWith('.')) { - return context.getElementsByClassName(selector.substring(1)); - } - - if(selector.startsWith('<') && selector.endsWith('>')) { - return context.createElement(selector.substring(1, selector.length - 2)); - } - - if(selector.startsWith('#')) { - return context.getElementById(selector.substring(1)); - } - - return context.querySelector(selector); - } - - firstEl(selector, context = document) { - return this.el(selector, context)[0] ?? null; - } - - toastr() { - return { - clear: this.clear, - remove: this.remove, - error: this.error, - getContainer: this.getContainer, - info: this.info, - options: {}, - subscribe: this.subscribe, - success: this.success, - version: '1.0.0', - warning: this.warning - } - } - - error(message, title, optionsOverride) { - return this.notify({ - type: this.toastType.error, - iconClass: this.getOptions().iconClasses.error, - message: message, - optionsOverride: optionsOverride, - title: title - }); - } - - getContainer(options, create) { - if (!options) { options = this.getOptions(); } - this.$container = this.$container ?? document.getElementById(options.containerId); - - if (this.$container) { - return this.$container; - } - - if (create) { - this.$container = this.createContainer(options); - } - return this.$container; - } - - info(message, title, optionsOverride) { - return this.notify({ - type: this.toastType.info, - iconClass: this.getOptions().iconClasses.info, - message: message, - optionsOverride: optionsOverride, - title: title - }); - } - - subscribe(callback) { - this.listener = callback; - } - - success(message, title, optionsOverride) { - return this.notify({ - type: this.toastType.success, - iconClass: this.getOptions().iconClasses.success, - message: message, - optionsOverride: optionsOverride, - title: title - }); - } - - warning(message, title, optionsOverride) { - return this.notify({ - type: this.toastType.warning, - iconClass: this.getOptions().iconClasses.warning, - message: message, - optionsOverride: optionsOverride, - title: title - }); - } - - clear($toastElement, clearOptions) - { - const options = this.getOptions(); - - if (!this.$container) { - this.getContainer(options); - } - - if (!this.clearToast($toastElement, options, clearOptions)) { - this.clearContainer(options); - } - } - - remove($toastElement) { - let options = this.getOptions(); - if (!this.$container) { - this.getContainer(options); - } - - if ($toastElement && this.el(':focus', $toastElement).length === 0) { - this.removeToast($toastElement); - return; - } - - if (this.$container.children().length) { - this.$container.remove(); - } - } - - // internal functions - - clearContainer (options) { - const toastsToClear = this.$container.children(); - for (let i = toastsToClear.length - 1; i >= 0; i--) { - this.clearToast(this.el(toastsToClear[i]), options); - } - } - - clearToast ($toastElement, options, clearOptions) { - let force = clearOptions && clearOptions.force ? clearOptions.force : false; - if ($toastElement && (force || this.el(':focus', $toastElement).length === 0)) { - $toastElement[options.hideMethod]({ - duration: options.hideDuration, - easing: options.hideEasing, - complete: () =>{ - this.removeToast($toastElement); - } - }); - return true; - } - return false; - } - - createContainer(options) { - this.$container = this.el('
'); - this.$container.setAttribute('id', options.containerId); - this.$container.classList.add(options.positionClass); - - this.el(options.target).appendChild(this.$container); - return this.$container; - } - - getDefaults() { - return { - tapToDismiss: true, - toastClass: 'toast', - containerId: 'toast-container', - debug: false, - - showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery - showDuration: 300, - showEasing: 'swing', //swing and linear are built into jQuery - onShown: undefined, - hideMethod: 'fadeOut', - hideDuration: 1000, - hideEasing: 'swing', - onHidden: undefined, - closeMethod: false, - closeDuration: false, - closeEasing: false, - closeOnHover: true, - - extendedTimeOut: 1000, - iconClasses: { - error: 'toast-error', - info: 'toast-info', - success: 'toast-success', - warning: 'toast-warning' - }, - iconClass: 'toast-info', - positionClass: 'toast-top-right', - timeOut: 5000, // Set timeOut and extendedTimeOut to 0 to make it sticky - titleClass: 'toast-title', - messageClass: 'toast-message', - escapeHtml: false, - target: 'body', - closeHtml: '', - closeClass: 'toast-close-button', - newestOnTop: true, - preventDuplicates: false, - progressBar: false, - progressClass: 'toast-progress', - rtl: false - }; - } - - publish(args) { - if (!this.listener) { return; } - this.listener(args); - } - - notify(map) - { - let options = this.getOptions(); - let iconClass = map.iconClass || options.iconClass; - - if (typeof (map.optionsOverride) !== 'undefined') { - options = Object.assign(options, map.optionsOverride); - iconClass = map.optionsOverride.iconClass || iconClass; - } - - if (this.shouldExit(options, map)) { - return; - } - - this.toastId++; - this.$container = this.getContainer(options, true); - - let intervalId = null; - let $toastElement = this.el('
'); - let $titleElement = this.el('
'); - let $messageElement = this.el('
'); - let $progressElement = this.el('
'); - let $closeElement = this.closeBtnEl(); - let progressBar = { - intervalId: null, - hideEta: null, - maxHideTime: null - }; - let response = { - toastId: this.toastId, - state: 'visible', - startTime: new Date(), - options: options, - map: map - }; - - // personalize toast - this.setIcon(options, map, $toastElement); - this.setTitle(options, map, $titleElement, $toastElement); - this.setMessage(options, map, $messageElement, $toastElement); - this.setCloseButton(options, $toastElement, $closeElement); - this.setProgressBar(options, $toastElement, $progressElement); - this.setRTL(options, $toastElement); - this.setSequence(options, $toastElement); - this.setAria(map, $toastElement); - - this.displayToast(options, $toastElement, intervalId, progressBar, response); - - this.handleEvents(options, $toastElement, $closeElement, intervalId, progressBar, response); - - this.publish(response); - - // console.log(response); - - return $toastElement; - } - - - //-------------------------- - escapeHtml(source) { - if (source == null) { - source = ''; - } - - return source - .replace(/&/g, '&') - .replace(/"/g, '"') - .replace(/'/g, ''') - .replace(//g, '>'); - } - - - setAria(map, $toastElement) { - let ariaValue = ''; - switch (map.iconClass) { - case 'toast-success': - case 'toast-info': - ariaValue = 'polite'; - break; - default: - ariaValue = 'assertive'; - } - - $toastElement.setAttribute('aria-live', ariaValue); - - return $toastElement; - } - - handleEvents(options, $toastElement, $closeElement, intervalId, progressBar, response) - { - if (options.closeOnHover) { - $toastElement.addEventListener( - "mouseleave", - () => this.delayedHideToast(null, options, $toastElement, intervalId, progressBar, response) - ); - } - - if (!options.onclick && options.tapToDismiss) { - $toastElement.addEventListener( - 'click', - () => this.hideToast(null, options, $toastElement, intervalId, progressBar, response) - ); - } - - if (options.closeButton && $closeElement) { - $closeElement.click((event) => { - if (event.stopPropagation) { - event.stopPropagation(); - } else if (event.cancelBubble !== undefined && event.cancelBubble !== true) { - event.cancelBubble = true; - } - - if (options.onCloseClick) { - options.onCloseClick(event); - } - - // this.hideToast(true, options, $toastElement, intervalId, progressBar, response); // TODO: used arrow function to bind this - }); - } - - if (options.onclick) { - $toastElement.click((event) => { - options.onclick(event); - this.hideToast(null, options, $toastElement, intervalId, progressBar, response); // TODO: used arrow function to bind this - }); - } - } - - displayToast(options, $toastElement, intervalId, progressBar, response) { - $toastElement.style.display = "none"; - - // $toastElement[options.showMethod]( - // {duration: options.showDuration, easing: options.showEasing, complete: options.onShown} - // ); - - this.fadeIn($toastElement, options.showDuration); - - if (options.timeOut > 0) { - intervalId = setTimeout( - () => this.hideToast(null, options, $toastElement, intervalId, progressBar, response), - options.timeOut - ); - - progressBar.maxHideTime = parseFloat(options.timeOut); - progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime; - if (options.progressBar) { - progressBar.intervalId = setInterval(this.updateProgress, 10); - } - } - } - - setIcon(options, map, $toastElement) { - if (map.iconClass) { - $toastElement.classList.add(options.toastClass); - $toastElement.classList.add(map.iconClass); - } - } - - setSequence(options, $toastElement) { - if (options.newestOnTop) { - this.$container.insertBefore($toastElement, this.$container.firstChild); - } else { - this.$container.appendChild($toastElement); - } - } - - setTitle(options, map, $titleElement, $toastElement) { - if (map.title) { - let suffix = map.title; - if (options.escapeHtml) { - suffix = this.escapeHtml(map.title); - } - - $titleElement.append(suffix); - $titleElement.classList.add(options.titleClass); - $toastElement.append($titleElement); - } - } - - setMessage(options, map, $messageElement, $toastElement) { - if (map.message) { - let suffix = map.message; - if (options.escapeHtml) { - suffix = this.escapeHtml(map.message); - } - - $messageElement.append(suffix); - $messageElement.classList.add(options.messageClass); - $toastElement.append($messageElement); - } - } - - setCloseButton(options, $toastElement, $closeElement) { - if (options.closeButton) { - $closeElement.classList.add(options.closeClass); - $closeElement.setAttribute('role', 'button'); - $toastElement.prepend($closeElement); - } - } - - setProgressBar(options, $toastElement, $progressElement,) { - if (options.progressBar) { - $progressElement.classList.add(options.progressClass); - - $toastElement.prepend($progressElement); - } - } - - setRTL(options, $toastElement) { - if (options.rtl) { - $toastElement.classList.add('rtl'); - } - } - - shouldExit(options, map) { - if (options.preventDuplicates) { - if (map.message === this.previousToast) { - return true; - } else { - this.previousToast = map.message; - } - } - return false; - } - - hideToast(override, options, $toastElement, intervalId, progressBar, response) { - let method = override && options.closeMethod !== false ? options.closeMethod : options.hideMethod; - - let duration = override && options.closeDuration !== false ? - options.closeDuration : options.hideDuration; - - let easing = override && options.closeEasing !== false ? options.closeEasing : options.hideEasing; - if ($toastElement.querySelector(':focus') && !override) { - return; - } - - clearTimeout(progressBar.intervalId); - - return this.fadeOut($toastElement, duration, () => { - this.removeToast($toastElement); - - clearTimeout(intervalId); - - if (options.onHidden && response.state !== 'hidden') { - options.onHidden(); - } - - response.state = 'hidden'; - response.endTime = new Date(); - - this.publish(response); - }); - } - - delayedHideToast(override, options, $toastElement, intervalId, progressBar, response) { - if (options.timeOut > 0 || options.extendedTimeOut > 0) { - intervalId = setTimeout( - this.hideToast(override, options, $toastElement, intervalId, progressBar, response), - options.extendedTimeOut - ); - progressBar.maxHideTime = parseFloat(options.extendedTimeOut); - progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime; - } - } - - stickAround() { - clearTimeout(intervalId); - progressBar.hideEta = 0; - $toastElement.stop(true, true)[options.showMethod]( - {duration: options.showDuration, easing: options.showEasing} - ); - } - - updateProgress() { - var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100; - $progressElement.width(percentage + '%'); - } - //------------------------- - - - - - - - - getOptions() { - return Object.assign({}, this.getDefaults(), this.toastr.options); - } - - removeToast($toastElement) { - if (!this.$container) { - this.$container = this.getContainer(); - } - - $toastElement.remove(); - $toastElement = null; - - if (this.$container) { - this.$container.remove(); - this.previousToast = undefined; - } - } -} - -export default Toast; \ No newline at end of file diff --git a/resources/js/src/util/backdrop.js b/resources/js/src/util/backdrop.js deleted file mode 100644 index d744b030..00000000 --- a/resources/js/src/util/backdrop.js +++ /dev/null @@ -1,150 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/backdrop.js - * -------------------------------------------------------------------------- - */ - -import EventHandler from '../dom/event-handler.js' -import Config from './config.js' -import { - execute, executeAfterTransition, getElement, reflow -} from './index.js' - -/** - * Constants - */ - -const NAME = 'backdrop' -const CLASS_NAME_FADE = 'fade' -const CLASS_NAME_SHOW = 'show' -const EVENT_MOUSEDOWN = `mousedown.dl.${NAME}` - -const Default = { - className: 'modal-backdrop', - clickCallback: null, - isAnimated: false, - isVisible: true, // if false, we use the backdrop helper without adding any element to the dom - rootElement: 'body' // give the choice to place backdrop under different elements -} - -const DefaultType = { - className: 'string', - clickCallback: '(function|null)', - isAnimated: 'boolean', - isVisible: 'boolean', - rootElement: '(element|string)' -} - -/** - * Class definition - */ - -class Backdrop extends Config { - constructor(config) { - super() - this._config = this._getConfig(config) - this._isAppended = false - this._element = null - } - - // Getters - static get Default() { - return Default - } - - static get DefaultType() { - return DefaultType - } - - static get NAME() { - return NAME - } - - // Public - show(callback) { - if (!this._config.isVisible) { - execute(callback) - return - } - - this._append() - - const element = this._getElement() - if (this._config.isAnimated) { - reflow(element) - } - - element.classList.add(CLASS_NAME_SHOW) - - this._emulateAnimation(() => { - execute(callback) - }) - } - - hide(callback) { - if (!this._config.isVisible) { - execute(callback) - return - } - - this._getElement().classList.remove(CLASS_NAME_SHOW) - - this._emulateAnimation(() => { - this.dispose() - execute(callback) - }) - } - - dispose() { - if (!this._isAppended) { - return - } - - EventHandler.off(this._element, EVENT_MOUSEDOWN) - - this._element.remove() - this._isAppended = false - } - - // Private - _getElement() { - if (!this._element) { - const backdrop = document.createElement('div') - backdrop.className = this._config.className - if (this._config.isAnimated) { - backdrop.classList.add(CLASS_NAME_FADE) - } - - this._element = backdrop - } - - return this._element - } - - _configAfterMerge(config) { - // use getElement() with the default "body" to get a fresh Element on each instantiation - config.rootElement = getElement(config.rootElement) - return config - } - - _append() { - if (this._isAppended) { - return - } - - const element = this._getElement() - this._config.rootElement.append(element) - - EventHandler.on(element, EVENT_MOUSEDOWN, () => { - execute(this._config.clickCallback) - }) - - this._isAppended = true - } - - _emulateAnimation(callback) { - executeAfterTransition(callback, this._getElement(), this._config.isAnimated) - } -} - -export default Backdrop diff --git a/resources/js/src/util/component-functions.js b/resources/js/src/util/component-functions.js deleted file mode 100644 index bcb6cfdd..00000000 --- a/resources/js/src/util/component-functions.js +++ /dev/null @@ -1,34 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/component-functions.js - * -------------------------------------------------------------------------- - */ - -import EventHandler from '../dom/event-handler.js' -import SelectorEngine from '../dom/selector-engine.js' -import { isDisabled } from './index.js' - -const enableDismissTrigger = (component, method = 'hide') => { - const clickEvent = `click.dismiss${component.EVENT_KEY}` - const name = component.NAME - - EventHandler.on(document, clickEvent, `[data-dl-dismiss="${name}"]`, function (event) { - if (['A', 'AREA'].includes(this.tagName)) { - event.preventDefault() - } - - if (isDisabled(this)) { - return - } - - const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`) - const instance = component.getOrCreateInstance(target) - - // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method - instance[method]() - }) -} - -export { - enableDismissTrigger -} diff --git a/resources/js/src/util/config.js b/resources/js/src/util/config.js deleted file mode 100644 index 36e71944..00000000 --- a/resources/js/src/util/config.js +++ /dev/null @@ -1,64 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/config.js - * -------------------------------------------------------------------------- - */ - -import Manipulator from '../dom/manipulator.js' -import { isElement, toType } from './index.js' - -/** - * Class definition - */ - -class Config { - // Getters - static get Default() { - return {} - } - - static get DefaultType() { - return {} - } - - static get NAME() { - throw new Error('You have to implement the static method "NAME", for each component!') - } - - _getConfig(config) { - config = this._mergeConfigObj(config) - config = this._configAfterMerge(config) - this._typeCheckConfig(config) - return config - } - - _configAfterMerge(config) { - return config - } - - _mergeConfigObj(config, element) { - const jsonConfig = isElement(element) ? Manipulator.getDataAttribute(element, 'config') : {} // try to parse - - return { - ...this.constructor.Default, - ...(typeof jsonConfig === 'object' ? jsonConfig : {}), - ...(isElement(element) ? Manipulator.getDataAttributes(element) : {}), - ...(typeof config === 'object' ? config : {}) - } - } - - _typeCheckConfig(config, configTypes = this.constructor.DefaultType) { - for (const [property, expectedTypes] of Object.entries(configTypes)) { - const value = config[property] - const valueType = isElement(value) ? 'element' : toType(value) - - if (!new RegExp(expectedTypes).test(valueType)) { - throw new TypeError( - `${this.constructor.NAME.toUpperCase()}: Option "${property}" provided type "${valueType}" but expected type "${expectedTypes}".` - ) - } - } - } -} - -export default Config diff --git a/resources/js/src/util/focustrap.js b/resources/js/src/util/focustrap.js deleted file mode 100644 index 0e961794..00000000 --- a/resources/js/src/util/focustrap.js +++ /dev/null @@ -1,114 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/focustrap.js - * -------------------------------------------------------------------------- - */ - -import EventHandler from '../dom/event-handler.js' -import SelectorEngine from '../dom/selector-engine.js' -import Config from './config.js' - -/** - * Constants - */ - -const NAME = 'focustrap' -const DATA_KEY = 'dl.focustrap' -const EVENT_KEY = `.${DATA_KEY}` -const EVENT_FOCUSIN = `focusin${EVENT_KEY}` -const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY}` - -const TAB_KEY = 'Tab' -const TAB_NAV_FORWARD = 'forward' -const TAB_NAV_BACKWARD = 'backward' - -const Default = { - autofocus: true, - trapElement: null // The element to trap focus inside of -} - -const DefaultType = { - autofocus: 'boolean', - trapElement: 'element' -} - -/** - * Class definition - */ - -class FocusTrap extends Config { - constructor(config) { - super() - this._config = this._getConfig(config) - this._isActive = false - this._lastTabNavDirection = null - } - - // Getters - static get Default() { - return Default - } - - static get DefaultType() { - return DefaultType - } - - static get NAME() { - return NAME - } - - // Public - activate() { - if (this._isActive) { - return - } - - if (this._config.autofocus) { - this._config.trapElement.focus() - } - - EventHandler.off(document, EVENT_KEY) // guard against infinite focus loop - EventHandler.on(document, EVENT_FOCUSIN, event => this._handleFocusin(event)) - EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event)) - - this._isActive = true - } - - deactivate() { - if (!this._isActive) { - return - } - - this._isActive = false - EventHandler.off(document, EVENT_KEY) - } - - // Private - _handleFocusin(event) { - const { trapElement } = this._config - - if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) { - return - } - - const elements = SelectorEngine.focusableChildren(trapElement) - - if (elements.length === 0) { - trapElement.focus() - } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) { - elements[elements.length - 1].focus() - } else { - elements[0].focus() - } - } - - _handleKeydown(event) { - if (event.key !== TAB_KEY) { - return - } - - this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD - } -} - -export default FocusTrap diff --git a/resources/js/src/util/index.js b/resources/js/src/util/index.js deleted file mode 100644 index 124687cb..00000000 --- a/resources/js/src/util/index.js +++ /dev/null @@ -1,305 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * Bootstrap util/index.js - * -------------------------------------------------------------------------- - */ - -const MAX_UID = 1_000_000 -const MILLISECONDS_MULTIPLIER = 1000 -const TRANSITION_END = 'transitionend' - -/** - * Properly escape IDs selectors to handle weird IDs - * @param {string} selector - * @returns {string} - */ -const parseSelector = selector => { - if (selector && window.CSS && window.CSS.escape) { - // document.querySelector needs escaping to handle IDs (html5+) containing for instance / - selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`) - } - - return selector -} - -// Shout-out Angus Croll (https://goo.gl/pxwQGp) -const toType = object => { - if (object === null || object === undefined) { - return `${object}` - } - - return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase() -} - -/** - * Public Util API - */ - -const getUID = prefix => { - do { - prefix += Math.floor(Math.random() * MAX_UID) - } while (document.getElementById(prefix)) - - return prefix -} - -const getTransitionDurationFromElement = element => { - if (!element) { - return 0 - } - - // Get transition-duration of the element - let { transitionDuration, transitionDelay } = window.getComputedStyle(element) - - const floatTransitionDuration = Number.parseFloat(transitionDuration) - const floatTransitionDelay = Number.parseFloat(transitionDelay) - - // Return 0 if element or transition duration is not found - if (!floatTransitionDuration && !floatTransitionDelay) { - return 0 - } - - // If multiple durations are defined, take the first - transitionDuration = transitionDuration.split(',')[0] - transitionDelay = transitionDelay.split(',')[0] - - return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER -} - -const triggerTransitionEnd = element => { - element.dispatchEvent(new Event(TRANSITION_END)) -} - -const isElement = object => { - if (!object || typeof object !== 'object') { - return false - } - - if (typeof object.jquery !== 'undefined') { - object = object[0] - } - - return typeof object.nodeType !== 'undefined' -} - -const getElement = object => { - // it's a jQuery object or a node element - if (isElement(object)) { - return object.jquery ? object[0] : object - } - - if (typeof object === 'string' && object.length > 0) { - return document.querySelector(parseSelector(object)) - } - - return null -} - -const isVisible = element => { - if (!isElement(element) || element.getClientRects().length === 0) { - return false - } - - const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible' - // Handle `details` element as its content may falsie appear visible when it is closed - const closedDetails = element.closest('details:not([open])') - - if (!closedDetails) { - return elementIsVisible - } - - if (closedDetails !== element) { - const summary = element.closest('summary') - if (summary && summary.parentNode !== closedDetails) { - return false - } - - if (summary === null) { - return false - } - } - - return elementIsVisible -} - -const isDisabled = element => { - if (!element || element.nodeType !== Node.ELEMENT_NODE) { - return true - } - - if (element.classList.contains('disabled')) { - return true - } - - if (typeof element.disabled !== 'undefined') { - return element.disabled - } - - return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false' -} - -const findShadowRoot = element => { - if (!document.documentElement.attachShadow) { - return null - } - - // Can find the shadow root otherwise it'll return the document - if (typeof element.getRootNode === 'function') { - const root = element.getRootNode() - return root instanceof ShadowRoot ? root : null - } - - if (element instanceof ShadowRoot) { - return element - } - - // when we don't find a shadow root - if (!element.parentNode) { - return null - } - - return findShadowRoot(element.parentNode) -} - -const noop = () => {} - -/** - * Trick to restart an element's animation - * - * @param {HTMLElement} element - * @return void - * - * @see https://www.harrytheo.com/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation - */ -const reflow = element => { - element.offsetHeight // eslint-disable-line no-unused-expressions -} - -const getjQuery = () => { - if (window.jQuery && !document.body.hasAttribute('data-dl-no-jquery')) { - return window.jQuery - } - - return null -} - -const DOMContentLoadedCallbacks = [] - -const onDOMContentLoaded = callback => { - if (document.readyState === 'loading') { - // add listener on the first call when the document is in loading state - if (!DOMContentLoadedCallbacks.length) { - document.addEventListener('DOMContentLoaded', () => { - for (const callback of DOMContentLoadedCallbacks) { - callback() - } - }) - } - - DOMContentLoadedCallbacks.push(callback) - } else { - callback() - } -} - -const isRTL = () => document.documentElement.dir === 'rtl' - -const defineJQueryPlugin = plugin => { - onDOMContentLoaded(() => { - const $ = getjQuery() - /* istanbul ignore if */ - if ($) { - const name = plugin.NAME - const JQUERY_NO_CONFLICT = $.fn[name] - $.fn[name] = plugin.jQueryInterface - $.fn[name].Constructor = plugin - $.fn[name].noConflict = () => { - $.fn[name] = JQUERY_NO_CONFLICT - return plugin.jQueryInterface - } - } - }) -} - -const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => { - return typeof possibleCallback === 'function' ? possibleCallback.call(...args) : defaultValue -} - -const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => { - if (!waitForTransition) { - execute(callback) - return - } - - const durationPadding = 5 - const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding - - let called = false - - const handler = ({ target }) => { - if (target !== transitionElement) { - return - } - - called = true - transitionElement.removeEventListener(TRANSITION_END, handler) - execute(callback) - } - - transitionElement.addEventListener(TRANSITION_END, handler) - setTimeout(() => { - if (!called) { - triggerTransitionEnd(transitionElement) - } - }, emulatedDuration) -} - -/** - * Return the previous/next element of a list. - * - * @param {array} list The list of elements - * @param activeElement The active element - * @param shouldGetNext Choose to get next or previous element - * @param isCycleAllowed - * @return {Element|elem} The proper element - */ -const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => { - const listLength = list.length - let index = list.indexOf(activeElement) - - // if the element does not exist in the list return an element - // depending on the direction and if cycle is allowed - if (index === -1) { - return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0] - } - - index += shouldGetNext ? 1 : -1 - - if (isCycleAllowed) { - index = (index + listLength) % listLength - } - - return list[Math.max(0, Math.min(index, listLength - 1))] -} - -export { - defineJQueryPlugin, - execute, - executeAfterTransition, - findShadowRoot, - getElement, - getjQuery, - getNextActiveElement, - getTransitionDurationFromElement, - getUID, - isDisabled, - isElement, - isRTL, - isVisible, - noop, - onDOMContentLoaded, - parseSelector, - reflow, - triggerTransitionEnd, - toType -} diff --git a/resources/js/src/util/sanitizer.js b/resources/js/src/util/sanitizer.js deleted file mode 100644 index e5b1da0f..00000000 --- a/resources/js/src/util/sanitizer.js +++ /dev/null @@ -1,116 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/sanitizer.js - * -------------------------------------------------------------------------- - */ - -// js-docs-start allow-list -const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i - -export const DefaultAllowlist = { - // Global attributes allowed on any supplied element below. - '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN], - a: ['target', 'href', 'title', 'rel'], - area: [], - b: [], - br: [], - col: [], - code: [], - dd: [], - div: [], - dl: [], - dt: [], - em: [], - hr: [], - h1: [], - h2: [], - h3: [], - h4: [], - h5: [], - h6: [], - i: [], - img: ['src', 'srcset', 'alt', 'title', 'width', 'height'], - li: [], - ol: [], - p: [], - pre: [], - s: [], - small: [], - span: [], - sub: [], - sup: [], - strong: [], - u: [], - ul: [] -} -// js-docs-end allow-list - -const uriAttributes = new Set([ - 'background', - 'cite', - 'href', - 'itemtype', - 'longdesc', - 'poster', - 'src', - 'xlink:href' -]) - -/** - * A pattern that recognizes URLs that are safe wrt. XSS in URL navigation - * contexts. - * - * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38 - */ -// eslint-disable-next-line unicorn/better-regex -const SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i - -const allowedAttribute = (attribute, allowedAttributeList) => { - const attributeName = attribute.nodeName.toLowerCase() - - if (allowedAttributeList.includes(attributeName)) { - if (uriAttributes.has(attributeName)) { - return Boolean(SAFE_URL_PATTERN.test(attribute.nodeValue)) - } - - return true - } - - // Check if a regular expression validates the attribute. - return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp) - .some(regex => regex.test(attributeName)) -} - -export function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) { - if (!unsafeHtml.length) { - return unsafeHtml - } - - if (sanitizeFunction && typeof sanitizeFunction === 'function') { - return sanitizeFunction(unsafeHtml) - } - - const domParser = new window.DOMParser() - const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html') - const elements = [].concat(...createdDocument.body.querySelectorAll('*')) - - for (const element of elements) { - const elementName = element.nodeName.toLowerCase() - - if (!Object.keys(allowList).includes(elementName)) { - element.remove() - continue - } - - const attributeList = [].concat(...element.attributes) - const allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || []) - - for (const attribute of attributeList) { - if (!allowedAttribute(attribute, allowedAttributes)) { - element.removeAttribute(attribute.nodeName) - } - } - } - - return createdDocument.body.innerHTML -} diff --git a/resources/js/src/util/scrollbar.js b/resources/js/src/util/scrollbar.js deleted file mode 100644 index bffde2fc..00000000 --- a/resources/js/src/util/scrollbar.js +++ /dev/null @@ -1,113 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/scrollBar.js - * -------------------------------------------------------------------------- - */ - -import Manipulator from '../dom/manipulator.js' -import SelectorEngine from '../dom/selector-engine.js' -import { isElement } from './index.js' - -/** - * Constants - */ - -const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top' -const SELECTOR_STICKY_CONTENT = '.sticky-top' -const PROPERTY_PADDING = 'padding-right' -const PROPERTY_MARGIN = 'margin-right' - -/** - * Class definition - */ - -class ScrollBarHelper { - constructor() { - this._element = document.body - } - - // Public - getWidth() { - // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes - const documentWidth = document.documentElement.clientWidth - return Math.adl(window.innerWidth - documentWidth) - } - - hide() { - const width = this.getWidth() - this._disableOverFlow() - // give padding to element to balance the hidden scrollbar width - this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width) - // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth - this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width) - this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width) - } - - reset() { - this._resetElementAttributes(this._element, 'overflow') - this._resetElementAttributes(this._element, PROPERTY_PADDING) - this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING) - this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN) - } - - isOverflowing() { - return this.getWidth() > 0 - } - - // Private - _disableOverFlow() { - this._saveInitialAttribute(this._element, 'overflow') - this._element.style.overflow = 'hidden' - } - - _setElementAttributes(selector, styleProperty, callback) { - const scrollbarWidth = this.getWidth() - const manipulationCallBack = element => { - if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) { - return - } - - this._saveInitialAttribute(element, styleProperty) - const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty) - element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`) - } - - this._applyManipulationCallback(selector, manipulationCallBack) - } - - _saveInitialAttribute(element, styleProperty) { - const actualValue = element.style.getPropertyValue(styleProperty) - if (actualValue) { - Manipulator.setDataAttribute(element, styleProperty, actualValue) - } - } - - _resetElementAttributes(selector, styleProperty) { - const manipulationCallBack = element => { - const value = Manipulator.getDataAttribute(element, styleProperty) - // We only want to remove the property if the value is `null`; the value can also be zero - if (value === null) { - element.style.removeProperty(styleProperty) - return - } - - Manipulator.removeDataAttribute(element, styleProperty) - element.style.setProperty(styleProperty, value) - } - - this._applyManipulationCallback(selector, manipulationCallBack) - } - - _applyManipulationCallback(selector, callBack) { - if (isElement(selector)) { - callBack(selector) - return - } - - for (const sel of SelectorEngine.find(selector, this._element)) { - callBack(sel) - } - } -} - -export default ScrollBarHelper diff --git a/resources/js/src/util/swipe.js b/resources/js/src/util/swipe.js deleted file mode 100644 index deaf0909..00000000 --- a/resources/js/src/util/swipe.js +++ /dev/null @@ -1,145 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/swipe.js - * -------------------------------------------------------------------------- - */ - -import EventHandler from '../dom/event-handler.js' -import Config from './config.js' -import { execute } from './index.js' - -/** - * Constants - */ - -const NAME = 'swipe' -const EVENT_KEY = '.dl.swipe' -const EVENT_TOUCHSTART = `touchstart${EVENT_KEY}` -const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}` -const EVENT_TOUCHEND = `touchend${EVENT_KEY}` -const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}` -const EVENT_POINTERUP = `pointerup${EVENT_KEY}` -const POINTER_TYPE_TOUCH = 'touch' -const POINTER_TYPE_PEN = 'pen' -const CLASS_NAME_POINTER_EVENT = 'pointer-event' -const SWIPE_THRESHOLD = 40 - -const Default = { - endCallback: null, - leftCallback: null, - rightCallback: null -} - -const DefaultType = { - endCallback: '(function|null)', - leftCallback: '(function|null)', - rightCallback: '(function|null)' -} - -/** - * Class definition - */ - -class Swipe extends Config { - constructor(element, config) { - super() - this._element = element - - if (!element || !Swipe.isSupported()) { - return - } - - this._config = this._getConfig(config) - this._deltaX = 0 - this._supportPointerEvents = Boolean(window.PointerEvent) - this._initEvents() - } - - // Getters - static get Default() { - return Default - } - - static get DefaultType() { - return DefaultType - } - - static get NAME() { - return NAME - } - - // Public - dispose() { - EventHandler.off(this._element, EVENT_KEY) - } - - // Private - _start(event) { - if (!this._supportPointerEvents) { - this._deltaX = event.touches[0].clientX - - return - } - - if (this._eventIsPointerPenTouch(event)) { - this._deltaX = event.clientX - } - } - - _end(event) { - if (this._eventIsPointerPenTouch(event)) { - this._deltaX = event.clientX - this._deltaX - } - - this._handleSwipe() - execute(this._config.endCallback) - } - - _move(event) { - this._deltaX = event.touches && event.touches.length > 1 ? - 0 : - event.touches[0].clientX - this._deltaX - } - - _handleSwipe() { - const absDeltaX = Math.abs(this._deltaX) - - if (absDeltaX <= SWIPE_THRESHOLD) { - return - } - - const direction = absDeltaX / this._deltaX - - this._deltaX = 0 - - if (!direction) { - return - } - - execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback) - } - - _initEvents() { - if (this._supportPointerEvents) { - EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event)) - EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event)) - - this._element.classList.add(CLASS_NAME_POINTER_EVENT) - } else { - EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event)) - EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event)) - EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event)) - } - } - - _eventIsPointerPenTouch(event) { - return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH) - } - - // Static - static isSupported() { - return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0 - } -} - -export default Swipe diff --git a/resources/js/src/util/template-factory.js b/resources/js/src/util/template-factory.js deleted file mode 100644 index 9b56d7e3..00000000 --- a/resources/js/src/util/template-factory.js +++ /dev/null @@ -1,159 +0,0 @@ -/** - * -------------------------------------------------------------------------- - * util/template-factory.js - * -------------------------------------------------------------------------- - */ - -import SelectorEngine from '../dom/selector-engine.js' -import Config from './config.js' -import { DefaultAllowlist, sanitizeHtml } from './sanitizer.js' -import { execute, getElement, isElement } from './index.js' - -/** - * Constants - */ - -const NAME = 'TemplateFactory' - -const Default = { - allowList: DefaultAllowlist, - content: {}, // { selector : text , selector2 : text2 , } - extraClass: '', - html: false, - sanitize: true, - sanitizeFn: null, - template: '
' -} - -const DefaultType = { - allowList: 'object', - content: 'object', - extraClass: '(string|function)', - html: 'boolean', - sanitize: 'boolean', - sanitizeFn: '(null|function)', - template: 'string' -} - -const DefaultContentType = { - entry: '(string|element|function|null)', - selector: '(string|element)' -} - -/** - * Class definition - */ - -class TemplateFactory extends Config { - constructor(config) { - super() - this._config = this._getConfig(config) - } - - // Getters - static get Default() { - return Default - } - - static get DefaultType() { - return DefaultType - } - - static get NAME() { - return NAME - } - - // Public - getContent() { - return Object.values(this._config.content) - .map(config => this._resolvePossibleFunction(config)) - .filter(Boolean) - } - - hasContent() { - return this.getContent().length > 0 - } - - changeContent(content) { - this._checkContent(content) - this._config.content = { ...this._config.content, ...content } - return this - } - - toHtml() { - const templateWrapper = document.createElement('div') - templateWrapper.innerHTML = this._maybeSanitize(this._config.template) - - for (const [selector, text] of Object.entries(this._config.content)) { - this._setContent(templateWrapper, text, selector) - } - - const template = templateWrapper.children[0] - const extraClass = this._resolvePossibleFunction(this._config.extraClass) - - if (extraClass) { - template.classList.add(...extraClass.split(' ')) - } - - return template - } - - // Private - _typeCheckConfig(config) { - super._typeCheckConfig(config) - this._checkContent(config.content) - } - - _checkContent(arg) { - for (const [selector, content] of Object.entries(arg)) { - super._typeCheckConfig({ selector, entry: content }, DefaultContentType) - } - } - - _setContent(template, content, selector) { - const templateElement = SelectorEngine.findOne(selector, template) - - if (!templateElement) { - return - } - - content = this._resolvePossibleFunction(content) - - if (!content) { - templateElement.remove() - return - } - - if (isElement(content)) { - this._putElementInTemplate(getElement(content), templateElement) - return - } - - if (this._config.html) { - templateElement.innerHTML = this._maybeSanitize(content) - return - } - - templateElement.textContent = content - } - - _maybeSanitize(arg) { - return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg - } - - _resolvePossibleFunction(arg) { - return execute(arg, [undefined, this]) - } - - _putElementInTemplate(element, templateElement) { - if (this._config.html) { - templateElement.innerHTML = '' - templateElement.append(element) - return - } - - templateElement.textContent = element.textContent - } -} - -export default TemplateFactory diff --git a/resources/scss/alert.scss b/resources/scss/alert.scss deleted file mode 100644 index a3c62fef..00000000 --- a/resources/scss/alert.scss +++ /dev/null @@ -1,9 +0,0 @@ -@use "shared/variables"; -@use "shared/variables-dark"; -@use "shared/text"; -@use "shared/button"; -@use "components/notify"; -@use "components/field"; -@use "components/message"; -@use "components/modal"; - diff --git a/resources/scss/components/_field.scss b/resources/scss/components/_field.scss deleted file mode 100644 index 29c97a32..00000000 --- a/resources/scss/components/_field.scss +++ /dev/null @@ -1,5 +0,0 @@ -.form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: var(--dl-secondary-color); -} \ No newline at end of file diff --git a/resources/scss/components/_message.scss b/resources/scss/components/_message.scss deleted file mode 100644 index cf01d408..00000000 --- a/resources/scss/components/_message.scss +++ /dev/null @@ -1,94 +0,0 @@ -.alert { - --dl-alert-bg: transparent; - --dl-alert-padding-x: 1rem; - --dl-alert-padding-y: 1rem; - --dl-alert-margin-bottom: 1rem; - --dl-alert-color: inherit; - --dl-alert-border-color: transparent; - --dl-alert-border: var(--dl-border-width) solid var(--dl-alert-border-color); - --dl-alert-border-radius: var(--dl-border-radius); - --dl-alert-link-color: inherit; - position: relative; - padding: var(--dl-alert-padding-y) var(--dl-alert-padding-x); - margin-bottom: var(--dl-alert-margin-bottom); - color: var(--dl-alert-color); - background-color: var(--dl-alert-bg); - border: var(--dl-alert-border); - border-radius: var(--dl-alert-border-radius); -} - -.alert-heading { - color: inherit; -} - -.alert-link { - font-weight: 700; - color: var(--dl-alert-link-color); -} - -.alert-dismissible { - padding-right: 3rem; -} -.alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; -} - -.alert-primary { - --dl-alert-color: var(--dl-primary-text-emphasis); - --dl-alert-bg: var(--dl-primary-bg-subtle); - --dl-alert-border-color: var(--dl-primary-border-subtle); - --dl-alert-link-color: var(--dl-primary-text-emphasis); -} - -.alert-secondary { - --dl-alert-color: var(--dl-secondary-text-emphasis); - --dl-alert-bg: var(--dl-secondary-bg-subtle); - --dl-alert-border-color: var(--dl-secondary-border-subtle); - --dl-alert-link-color: var(--dl-secondary-text-emphasis); -} - -.alert-success { - --dl-alert-color: var(--dl-success-text-emphasis); - --dl-alert-bg: var(--dl-success-bg-subtle); - --dl-alert-border-color: var(--dl-success-border-subtle); - --dl-alert-link-color: var(--dl-success-text-emphasis); -} - -.alert-info { - --dl-alert-color: var(--dl-info-text-emphasis); - --dl-alert-bg: var(--dl-info-bg-subtle); - --dl-alert-border-color: var(--dl-info-border-subtle); - --dl-alert-link-color: var(--dl-info-text-emphasis); -} - -.alert-warning { - --dl-alert-color: var(--dl-warning-text-emphasis); - --dl-alert-bg: var(--dl-warning-bg-subtle); - --dl-alert-border-color: var(--dl-warning-border-subtle); - --dl-alert-link-color: var(--dl-warning-text-emphasis); -} - -.alert-danger { - --dl-alert-color: var(--dl-danger-text-emphasis); - --dl-alert-bg: var(--dl-danger-bg-subtle); - --dl-alert-border-color: var(--dl-danger-border-subtle); - --dl-alert-link-color: var(--dl-danger-text-emphasis); -} - -.alert-light { - --dl-alert-color: var(--dl-light-text-emphasis); - --dl-alert-bg: var(--dl-light-bg-subtle); - --dl-alert-border-color: var(--dl-light-border-subtle); - --dl-alert-link-color: var(--dl-light-text-emphasis); -} - -.alert-dark { - --dl-alert-color: var(--dl-dark-text-emphasis); - --dl-alert-bg: var(--dl-dark-bg-subtle); - --dl-alert-border-color: var(--dl-dark-border-subtle); - --dl-alert-link-color: var(--dl-dark-text-emphasis); -} \ No newline at end of file diff --git a/resources/scss/components/_modal.scss b/resources/scss/components/_modal.scss deleted file mode 100644 index a38fdc45..00000000 --- a/resources/scss/components/_modal.scss +++ /dev/null @@ -1,230 +0,0 @@ -$base-duration: 0.25s; - -// Colors -$primary: slategray; -$accent: tomato; -$white: whitesmoke; -$green: #2ecc71; -$red: #e74c3c; - -.modal { - position: fixed; - top: 0; - left: 0; - display: flex; - align-items: center; - justify-content: center; - height: 0vh; - background-color: transparent; - overflow: hidden; - transition: background-color $base-duration ease; - z-index: 9999; - - button { - cursor: pointer; - } - - &.open { - position: fixed; - width: 100%; - height: 100vh; - background-color: rgba(0, 0, 0, 0.5); - transition: background-color $base-duration; - - > .content-wrapper { - transform: scale(1.0); - } - } - - .content-wrapper { - position: relative; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - margin: 0; - padding: 2.5rem; - background-color: white; - border-radius: 0.3125rem; - box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5); - transform: scale(0.0); - transition: transform $base-duration; - transition-delay: 0.15s; - max-height: 80vh; - overflow-y: auto; - - &.small { - width: 30%; - padding: 1.5rem; - } - - &.medium { - width: 50%; - padding: 2rem; - } - - &.large { - width: 70%; - padding: 2.5rem; - } - - &.fullscreen { - width: 100%; - height: 100%; - border-radius: 0; - max-height: 100%; - padding: 2rem; - } - - @media (max-width: 768px) { - &.small { - width: 80%; - padding: 1rem; - } - - &.medium { - width: 90%; - padding: 1.5rem; - } - - &.large, - &.fullscreen { - width: 100%; - height: 100%; - border-radius: 0; - padding: 1.5rem; - } - } - - @media (max-width: 480px) { - &.small, - &.medium, - &.large, - &.fullscreen { - width: 100%; - height: 100%; - border-radius: 0; - padding: 1rem; - } - } - - .close { - position: absolute; - top: 0.5rem; - right: 0.5rem; - display: flex; - align-items: center; - justify-content: center; - width: 2.5rem; - height: 2.5rem; - border: none; - background-color: transparent; - font-size: 1.5rem; - transition: $base-duration linear; - - &:before, - &:after { - position: absolute; - content: ''; - width: 1.25rem; - height: 0.125rem; - background-color: black; - } - - &:before { - transform: rotate(-45deg); - } - - &:after { - transform: rotate(45deg); - } - - &:hover { - transform: rotate(360deg); - - &:before, - &:after { - background-color: $accent; - } - } - } - - .modal-header { - position: relative; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - width: 100%; - margin: 0; - padding: 0 0 1.25rem; - - h2 { - font-size: 1.5rem; - font-weight: bold; - } - } - - .content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - - p { - font-size: 0.875rem; - line-height: 1.75; - } - } - - .modal-footer { - position: relative; - display: flex; - align-items: center; - justify-content: flex-end; - width: 100%; - margin: 0; - padding: 1.875rem 0 0; - - .action { - position: relative; - margin-left: 0.625rem; - padding: 0.625rem 1.25rem; - border: none; - background-color: $primary; - border-radius: 0.25rem; - color: white; - font-size: 0.87rem; - font-weight: 300; - overflow: hidden; - z-index: 1; - - &:before { - position: absolute; - content: ''; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-color: rgba(255, 255, 255, 0.2); - transition: width $base-duration; - z-index: 0; - } - - &:first-child { - background-color: $green; - } - - &:last-child { - background-color: $red; - } - - &:hover { - &:before { - width: 100%; - } - } - } - } - } -} \ No newline at end of file diff --git a/resources/scss/components/_toast.scss b/resources/scss/components/_toast.scss deleted file mode 100644 index 5b0f606a..00000000 --- a/resources/scss/components/_toast.scss +++ /dev/null @@ -1,197 +0,0 @@ -.toast-title { - font-weight: bold; -} -.toast-message { - -ms-word-wrap: break-word; - word-wrap: break-word; -} -.toast-message a, -.toast-message label { - color: #ffffff; -} -.toast-message a:hover { - color: #cccccc; - text-decoration: none; -} -.toast-close-button { - position: relative; - right: -0.3em; - top: -0.3em; - float: right; - font-size: 20px; - font-weight: bold; - color: #ffffff; - -webkit-text-shadow: 0 1px 0 #ffffff; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.8; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); -} -.toast-close-button:hover, -.toast-close-button:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); - filter: alpha(opacity=40); -} -/*Additional properties for button version - iOS requires the button element instead of an anchor tag. - If you want the anchor version, it requires `href="#"`.*/ -button.toast-close-button { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} -.toast-top-center { - top: 0; - right: 0; - width: 100%; -} -.toast-bottom-center { - bottom: 0; - right: 0; - width: 100%; -} -.toast-top-full-width { - top: 0; - right: 0; - width: 100%; -} -.toast-bottom-full-width { - bottom: 0; - right: 0; - width: 100%; -} -.toast-top-left { - top: 12px; - left: 12px; -} -.toast-top-right { - top: 12px; - right: 12px; -} -.toast-bottom-right { - right: 12px; - bottom: 12px; -} -.toast-bottom-left { - bottom: 12px; - left: 12px; -} -.toastr { - position: fixed; - z-index: 999999; - /*overrides*/ -} -.toastr * { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.toastr > div { - position: relative; - overflow: hidden; - margin: 0 0 6px; - padding: 15px 15px 15px 50px; - width: 300px; - -moz-border-radius: 0.75rem; - -webkit-border-radius: 0.75rem; - border-radius: 0.75rem; - background-position: 15px center; - background-repeat: no-repeat; - color: #ffffff; - opacity: 0.8; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); -} -.toastr > div:hover { - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); - filter: alpha(opacity=100); - cursor: pointer; -} -.toastr > .toast-info { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; -} -.toastr > .toast-error { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; -} -.toastr > .toast-success { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; -} -.toastr > .toast-warning { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; -} -.toastr.toast-top-center > div, -.toastr.toast-bottom-center > div { - width: 300px; - margin-left: auto; - margin-right: auto; -} -.toastr.toast-top-full-width > div, -.toastr.toast-bottom-full-width > div { - width: 96%; - margin-left: auto; - margin-right: auto; -} -.toast { - background-color: #030303; -} -.toast-success { - background-color: #17C653; -} - -.toast-error { - background-color: #F8285A; -} - -.toast-info { - background-color: #2f96b4; -} - -.toast-warning { - background-color: #F6C000; -} - -.toast-progress { - position: absolute; - left: 0; - bottom: 0; - height: 4px; - background-color: #000000; - opacity: 0.4; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); - filter: alpha(opacity=40); -} - -/*Responsive Design*/ -@media all and (max-width: 240px) { - .toastr > div { - padding: 8px 8px 8px 50px; - width: 11em; - } - .toastr .toast-close-button { - right: -0.2em; - top: -0.2em; - } -} -@media all and (min-width: 241px) and (max-width: 480px) { - .toastr > div { - padding: 8px 8px 8px 50px; - width: 18em; - } - .toastr .toast-close-button { - right: -0.2em; - top: -0.2em; - } -} -@media all and (min-width: 481px) and (max-width: 768px) { - .toastr > div { - padding: 15px 15px 15px 50px; - width: 25em; - } -} \ No newline at end of file diff --git a/resources/scss/shared/_button.scss b/resources/scss/shared/_button.scss deleted file mode 100644 index 335d36ec..00000000 --- a/resources/scss/shared/_button.scss +++ /dev/null @@ -1,54 +0,0 @@ -.btn-close { - --dl-btn-close-color: #000; - --dl-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); - --dl-btn-close-opacity: 0.5; - --dl-btn-close-hover-opacity: 0.75; - --dl-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); - --dl-btn-close-focus-opacity: 1; - --dl-btn-close-disabled-opacity: 0.25; - --dl-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: var(--dl-btn-close-color); - background: transparent var(--dl-btn-close-bg) center/1em auto no-repeat; - border: 0; - border-radius: 0.375rem; - opacity: var(--dl-btn-close-opacity); -} -.btn-close:hover { - color: var(--dl-btn-close-color); - text-decoration: none; - opacity: var(--dl-btn-close-hover-opacity); -} -.btn-close:focus { - outline: 0; - box-shadow: var(--dl-btn-close-focus-shadow); - opacity: var(--dl-btn-close-focus-opacity); -} -.btn-close:disabled, .btn-close.disabled { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - opacity: var(--dl-btn-close-disabled-opacity); -} - -.btn-close:focus { - outline: none; - box-shadow: none; -} - -.btn-close-white { - filter: var(--dl-btn-close-white-filter); -} - -[data-dl-theme=dark] .btn-close { - filter: var(--dl-btn-close-white-filter); -} - -button, -[role=button] { - cursor: pointer; -} \ No newline at end of file diff --git a/resources/scss/shared/_text.scss b/resources/scss/shared/_text.scss deleted file mode 100644 index 136773d7..00000000 --- a/resources/scss/shared/_text.scss +++ /dev/null @@ -1,137 +0,0 @@ -.text-primary { - --dl-text-opacity: 1; - color: rgba(var(--dl-primary-rgb), var(--dl-text-opacity)) !important; -} - -.text-secondary { - --dl-text-opacity: 1; - color: rgba(var(--dl-secondary-rgb), var(--dl-text-opacity)) !important; -} - -.text-success { - --dl-text-opacity: 1; - color: rgba(var(--dl-success-rgb), var(--dl-text-opacity)) !important; -} - -.text-info { - --dl-text-opacity: 1; - color: rgba(var(--dl-info-rgb), var(--dl-text-opacity)) !important; -} - -.text-warning { - --dl-text-opacity: 1; - color: rgba(var(--dl-warning-rgb), var(--dl-text-opacity)) !important; -} - -.text-danger { - --dl-text-opacity: 1; - color: rgba(var(--dl-danger-rgb), var(--dl-text-opacity)) !important; -} - -.text-light { - --dl-text-opacity: 1; - color: rgba(var(--dl-light-rgb), var(--dl-text-opacity)) !important; -} - -.text-dark { - --dl-text-opacity: 1; - color: rgba(var(--dl-dark-rgb), var(--dl-text-opacity)) !important; -} - -.text-black { - --dl-text-opacity: 1; - color: rgba(var(--dl-black-rgb), var(--dl-text-opacity)) !important; -} - -.text-white { - --dl-text-opacity: 1; - color: rgba(var(--dl-white-rgb), var(--dl-text-opacity)) !important; -} - -.text-body { - --dl-text-opacity: 1; - color: rgba(var(--dl-body-color-rgb), var(--dl-text-opacity)) !important; -} - -.text-muted { - --dl-text-opacity: 1; - color: var(--dl-secondary-color) !important; -} - -.text-black-50 { - --dl-text-opacity: 1; - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - --dl-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-body-secondary { - --dl-text-opacity: 1; - color: var(--dl-secondary-color) !important; -} - -.text-body-tertiary { - --dl-text-opacity: 1; - color: var(--dl-tertiary-color) !important; -} - -.text-body-emphasis { - --dl-text-opacity: 1; - color: var(--dl-emphasis-color) !important; -} - -.text-reset { - --dl-text-opacity: 1; - color: inherit !important; -} - -.text-opacity-25 { - --dl-text-opacity: 0.25; -} - -.text-opacity-50 { - --dl-text-opacity: 0.5; -} - -.text-opacity-75 { - --dl-text-opacity: 0.75; -} - -.text-opacity-100 { - --dl-text-opacity: 1; -} - -.text-primary-emphasis { - color: var(--dl-primary-text-emphasis) !important; -} - -.text-secondary-emphasis { - color: var(--dl-secondary-text-emphasis) !important; -} - -.text-success-emphasis { - color: var(--dl-success-text-emphasis) !important; -} - -.text-info-emphasis { - color: var(--dl-info-text-emphasis) !important; -} - -.text-warning-emphasis { - color: var(--dl-warning-text-emphasis) !important; -} - -.text-danger-emphasis { - color: var(--dl-danger-text-emphasis) !important; -} - -.text-light-emphasis { - color: var(--dl-light-text-emphasis) !important; -} - -.text-dark-emphasis { - color: var(--dl-dark-text-emphasis) !important; -} diff --git a/resources/scss/shared/_variables-dark.scss b/resources/scss/shared/_variables-dark.scss deleted file mode 100644 index 40cedd1c..00000000 --- a/resources/scss/shared/_variables-dark.scss +++ /dev/null @@ -1,55 +0,0 @@ -[data-dl-theme=dark] { - color-scheme: dark; - --dl-body-color: #dee2e6; - --dl-body-color-rgb: 222, 226, 230; - --dl-body-bg: #212529; - --dl-body-bg-rgb: 33, 37, 41; - --dl-emphasis-color: #fff; - --dl-emphasis-color-rgb: 255, 255, 255; - --dl-secondary-color: rgba(222, 226, 230, 0.75); - --dl-secondary-color-rgb: 222, 226, 230; - --dl-secondary-bg: #343a40; - --dl-secondary-bg-rgb: 52, 58, 64; - --dl-tertiary-color: rgba(222, 226, 230, 0.5); - --dl-tertiary-color-rgb: 222, 226, 230; - --dl-tertiary-bg: #2b3035; - --dl-tertiary-bg-rgb: 43, 48, 53; - --dl-primary-text-emphasis: #6ea8fe; - --dl-secondary-text-emphasis: #a7acb1; - --dl-success-text-emphasis: #75b798; - --dl-info-text-emphasis: #6edff6; - --dl-warning-text-emphasis: #ffda6a; - --dl-danger-text-emphasis: #ea868f; - --dl-light-text-emphasis: #f8f9fa; - --dl-dark-text-emphasis: #dee2e6; - --dl-primary-bg-subtle: #031633; - --dl-secondary-bg-subtle: #161719; - --dl-success-bg-subtle: #051b11; - --dl-info-bg-subtle: #032830; - --dl-warning-bg-subtle: #332701; - --dl-danger-bg-subtle: #2c0b0e; - --dl-light-bg-subtle: #343a40; - --dl-dark-bg-subtle: #1a1d20; - --dl-primary-border-subtle: #084298; - --dl-secondary-border-subtle: #41464b; - --dl-success-border-subtle: #0f5132; - --dl-info-border-subtle: #087990; - --dl-warning-border-subtle: #997404; - --dl-danger-border-subtle: #842029; - --dl-light-border-subtle: #495057; - --dl-dark-border-subtle: #343a40; - --dl-heading-color: inherit; - --dl-link-color: #6ea8fe; - --dl-link-hover-color: #8bb9fe; - --dl-link-color-rgb: 110, 168, 254; - --dl-link-hover-color-rgb: 139, 185, 254; - --dl-code-color: #e685b5; - --dl-highlight-color: #dee2e6; - --dl-highlight-bg: #664d03; - --dl-border-color: #495057; - --dl-border-color-translucent: rgba(255, 255, 255, 0.15); - --dl-form-valid-color: #75b798; - --dl-form-valid-border-color: #75b798; - --dl-form-invalid-color: #ea868f; - --dl-form-invalid-border-color: #ea868f; -} \ No newline at end of file diff --git a/resources/scss/shared/_variables.scss b/resources/scss/shared/_variables.scss deleted file mode 100644 index 3d14d416..00000000 --- a/resources/scss/shared/_variables.scss +++ /dev/null @@ -1,119 +0,0 @@ -[data-dl-theme=light] { - --dl-blue: #0d6efd; - --dl-indigo: #6610f2; - --dl-purple: #6f42c1; - --dl-pink: #d63384; - --dl-red: #dc3545; - --dl-orange: #fd7e14; - --dl-yellow: #ffc107; - --dl-green: #198754; - --dl-teal: #20c997; - --dl-cyan: #0dcaf0; - --dl-black: #000; - --dl-white: #fff; - --dl-gray: #6c757d; - --dl-gray-dark: #343a40; - --dl-gray-100: #f8f9fa; - --dl-gray-200: #e9ecef; - --dl-gray-300: #dee2e6; - --dl-gray-400: #ced4da; - --dl-gray-500: #adb5bd; - --dl-gray-600: #6c757d; - --dl-gray-700: #495057; - --dl-gray-800: #343a40; - --dl-gray-900: #212529; - --dl-primary: #0d6efd; - --dl-secondary: #6c757d; - --dl-success: #198754; - --dl-info: #0dcaf0; - --dl-warning: #ffc107; - --dl-danger: #dc3545; - --dl-light: #f8f9fa; - --dl-dark: #212529; - --dl-primary-rgb: 13, 110, 253; - --dl-secondary-rgb: 108, 117, 125; - --dl-success-rgb: 25, 135, 84; - --dl-info-rgb: 13, 202, 240; - --dl-warning-rgb: 255, 193, 7; - --dl-danger-rgb: 220, 53, 69; - --dl-light-rgb: 248, 249, 250; - --dl-dark-rgb: 33, 37, 41; - --dl-primary-text-emphasis: #052c65; - --dl-secondary-text-emphasis: #2b2f32; - --dl-success-text-emphasis: #0a3622; - --dl-info-text-emphasis: #055160; - --dl-warning-text-emphasis: #664d03; - --dl-danger-text-emphasis: #58151c; - --dl-light-text-emphasis: #495057; - --dl-dark-text-emphasis: #495057; - --dl-primary-bg-subtle: #cfe2ff; - --dl-secondary-bg-subtle: #e2e3e5; - --dl-success-bg-subtle: #d1e7dd; - --dl-info-bg-subtle: #cff4fc; - --dl-warning-bg-subtle: #fff3cd; - --dl-danger-bg-subtle: #f8d7da; - --dl-light-bg-subtle: #fcfcfd; - --dl-dark-bg-subtle: #ced4da; - --dl-primary-border-subtle: #9ec5fe; - --dl-secondary-border-subtle: #c4c8cb; - --dl-success-border-subtle: #a3cfbb; - --dl-info-border-subtle: #9eeaf9; - --dl-warning-border-subtle: #ffe69c; - --dl-danger-border-subtle: #f1aeb5; - --dl-light-border-subtle: #e9ecef; - --dl-dark-border-subtle: #adb5bd; - --dl-white-rgb: 255, 255, 255; - --dl-black-rgb: 0, 0, 0; - --dl-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --dl-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --dl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --dl-body-font-family: var(--dl-font-sans-serif); - --dl-body-font-size: 1rem; - --dl-body-font-weight: 400; - --dl-body-line-height: 1.5; - --dl-body-color: #212529; - --dl-body-color-rgb: 33, 37, 41; - --dl-body-bg: #fff; - --dl-body-bg-rgb: 255, 255, 255; - --dl-emphasis-color: #000; - --dl-emphasis-color-rgb: 0, 0, 0; - --dl-secondary-color: rgba(33, 37, 41, 0.75); - --dl-secondary-color-rgb: 33, 37, 41; - --dl-secondary-bg: #e9ecef; - --dl-secondary-bg-rgb: 233, 236, 239; - --dl-tertiary-color: rgba(33, 37, 41, 0.5); - --dl-tertiary-color-rgb: 33, 37, 41; - --dl-tertiary-bg: #f8f9fa; - --dl-tertiary-bg-rgb: 248, 249, 250; - --dl-heading-color: inherit; - --dl-link-color: #0d6efd; - --dl-link-color-rgb: 13, 110, 253; - --dl-link-decoration: underline; - --dl-link-hover-color: #0a58ca; - --dl-link-hover-color-rgb: 10, 88, 202; - --dl-code-color: #d63384; - --dl-highlight-color: #212529; - --dl-highlight-bg: #fff3cd; - --dl-border-width: 1px; - --dl-border-style: solid; - --dl-border-color: #dee2e6; - --dl-border-color-translucent: rgba(0, 0, 0, 0.175); - --dl-border-radius: 0.375rem; - --dl-border-radius-sm: 0.25rem; - --dl-border-radius-lg: 0.5rem; - --dl-border-radius-xl: 1rem; - --dl-border-radius-xxl: 2rem; - --dl-border-radius-2xl: var(--dl-border-radius-xxl); - --dl-border-radius-pill: 50rem; - --dl-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --dl-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --dl-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); - --dl-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --dl-focus-ring-width: 0.25rem; - --dl-focus-ring-opacity: 0.25; - --dl-focus-ring-color: rgba(13, 110, 253, 0.25); - --dl-form-valid-color: #198754; - --dl-form-valid-border-color: #198754; - --dl-form-invalid-color: #dc3545; - --dl-form-invalid-border-color: #dc3545; -} \ No newline at end of file diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php deleted file mode 100644 index 78e65daf..00000000 --- a/resources/views/index.blade.php +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - Custom Modal - - - - - - - - - - - - \ No newline at end of file From 135c513e9ab06b6fb137a35a133b824e79149ee7 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:19:13 +0000 Subject: [PATCH 011/137] remove node packages --- package-lock.json | 2730 --------------------------------------------- package.json | 22 - rollup.config.js | 48 - 3 files changed, 2800 deletions(-) delete mode 100644 package-lock.json delete mode 100644 package.json delete mode 100644 rollup.config.js diff --git a/package-lock.json b/package-lock.json deleted file mode 100644 index 772c55da..00000000 --- a/package-lock.json +++ /dev/null @@ -1,2730 +0,0 @@ -{ - "name": "alert", - "version": "1.0.0", - "lockfileVersion": 3, - "requires": true, - "packages": { - "": { - "name": "alert", - "version": "1.0.0", - "license": "ISC", - "devDependencies": { - "@rollup/plugin-babel": "^6.0.4", - "@rollup/plugin-commonjs": "^28.0.2", - "@rollup/plugin-node-resolve": "^16.0.0", - "@rollup/plugin-terser": "^0.4.4", - "cssnano": "^7.0.6", - "postcss": "^8.4.49", - "rollup": "^4.30.1", - "rollup-plugin-scss": "^4.0.1", - "sass": "^1.83.1" - } - }, - "node_modules/@ampproject/remapping": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", - "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", - "dev": true, - "peer": true, - "dependencies": { - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.24" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/code-frame": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz", - "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==", - "dev": true, - "dependencies": { - "@babel/helper-validator-identifier": "^7.25.9", - "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/compat-data": { - "version": "7.26.3", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz", - "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==", - "dev": true, - "peer": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/core": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz", - "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==", - "dev": true, - "peer": true, - "dependencies": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.26.0", - "@babel/generator": "^7.26.0", - "@babel/helper-compilation-targets": "^7.25.9", - "@babel/helper-module-transforms": "^7.26.0", - "@babel/helpers": "^7.26.0", - "@babel/parser": "^7.26.0", - "@babel/template": "^7.25.9", - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.26.0", - "convert-source-map": "^2.0.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.3", - "semver": "^6.3.1" - }, - "engines": { - "node": ">=6.9.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/babel" - } - }, - "node_modules/@babel/core/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "peer": true, - "bin": { - "semver": "bin/semver.js" - } - }, - "node_modules/@babel/generator": { - "version": "7.26.3", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz", - "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==", - "dev": true, - "dependencies": { - "@babel/parser": "^7.26.3", - "@babel/types": "^7.26.3", - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25", - "jsesc": "^3.0.2" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-compilation-targets": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz", - "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==", - "dev": true, - "peer": true, - "dependencies": { - "@babel/compat-data": "^7.25.9", - "@babel/helper-validator-option": "^7.25.9", - "browserslist": "^4.24.0", - "lru-cache": "^5.1.1", - "semver": "^6.3.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-compilation-targets/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "peer": true, - "bin": { - "semver": "bin/semver.js" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz", - "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==", - "dev": true, - "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-transforms": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz", - "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==", - "dev": true, - "peer": true, - "dependencies": { - "@babel/helper-module-imports": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9", - "@babel/traverse": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" - } - }, - "node_modules/@babel/helper-string-parser": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz", - "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-identifier": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz", - "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-option": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz", - "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==", - "dev": true, - "peer": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helpers": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz", - "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==", - "dev": true, - "peer": true, - "dependencies": { - "@babel/template": "^7.25.9", - "@babel/types": "^7.26.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.26.3", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz", - "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==", - "dev": true, - "dependencies": { - "@babel/types": "^7.26.3" - }, - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/template": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz", - "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/parser": "^7.25.9", - "@babel/types": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.26.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz", - "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.26.2", - "@babel/generator": "^7.26.3", - "@babel/parser": "^7.26.3", - "@babel/template": "^7.25.9", - "@babel/types": "^7.26.3", - "debug": "^4.3.1", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.26.3", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz", - "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==", - "dev": true, - "dependencies": { - "@babel/helper-string-parser": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.8", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", - "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", - "dev": true, - "dependencies": { - "@jridgewell/set-array": "^1.2.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.24" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", - "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", - "dev": true, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/set-array": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", - "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", - "dev": true, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@jridgewell/source-map": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", - "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", - "dev": true, - "dependencies": { - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25" - } - }, - "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", - "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==", - "dev": true - }, - "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.25", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", - "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", - "dev": true, - "dependencies": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "node_modules/@parcel/watcher": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz", - "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==", - "dev": true, - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "dependencies": { - "detect-libc": "^1.0.3", - "is-glob": "^4.0.3", - "micromatch": "^4.0.5", - "node-addon-api": "^7.0.0" - }, - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - }, - "optionalDependencies": { - "@parcel/watcher-android-arm64": "2.5.0", - "@parcel/watcher-darwin-arm64": "2.5.0", - "@parcel/watcher-darwin-x64": "2.5.0", - "@parcel/watcher-freebsd-x64": "2.5.0", - "@parcel/watcher-linux-arm-glibc": "2.5.0", - "@parcel/watcher-linux-arm-musl": "2.5.0", - "@parcel/watcher-linux-arm64-glibc": "2.5.0", - "@parcel/watcher-linux-arm64-musl": "2.5.0", - "@parcel/watcher-linux-x64-glibc": "2.5.0", - "@parcel/watcher-linux-x64-musl": "2.5.0", - "@parcel/watcher-win32-arm64": "2.5.0", - "@parcel/watcher-win32-ia32": "2.5.0", - "@parcel/watcher-win32-x64": "2.5.0" - } - }, - "node_modules/@parcel/watcher-android-arm64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", - "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-darwin-arm64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", - "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-darwin-x64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", - "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-freebsd-x64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", - "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-arm-glibc": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", - "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-arm-musl": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", - "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-arm64-glibc": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", - "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-arm64-musl": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", - "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-x64-glibc": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", - "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-linux-x64-musl": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", - "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-win32-arm64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", - "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-win32-ia32": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", - "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", - "cpu": [ - "ia32" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@parcel/watcher-win32-x64": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz", - "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, - "node_modules/@rollup/plugin-babel": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.4.tgz", - "integrity": "sha512-YF7Y52kFdFT/xVSuVdjkV5ZdX/3YtmX0QulG+x0taQOtJdHYzVU61aSSkAgVJ7NOv6qPkIYiJSgSWWN/DM5sGw==", - "dev": true, - "dependencies": { - "@babel/helper-module-imports": "^7.18.6", - "@rollup/pluginutils": "^5.0.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0", - "@types/babel__core": "^7.1.9", - "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "@types/babel__core": { - "optional": true - }, - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/plugin-commonjs": { - "version": "28.0.2", - "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.2.tgz", - "integrity": "sha512-BEFI2EDqzl+vA1rl97IDRZ61AIwGH093d9nz8+dThxJNH8oSoB7MjWvPCX3dkaK1/RCJ/1v/R1XB15FuSs0fQw==", - "dev": true, - "dependencies": { - "@rollup/pluginutils": "^5.0.1", - "commondir": "^1.0.1", - "estree-walker": "^2.0.2", - "fdir": "^6.2.0", - "is-reference": "1.2.1", - "magic-string": "^0.30.3", - "picomatch": "^4.0.2" - }, - "engines": { - "node": ">=16.0.0 || 14 >= 14.17" - }, - "peerDependencies": { - "rollup": "^2.68.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/plugin-commonjs/node_modules/fdir": { - "version": "6.4.2", - "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.2.tgz", - "integrity": "sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==", - "dev": true, - "peerDependencies": { - "picomatch": "^3 || ^4" - }, - "peerDependenciesMeta": { - "picomatch": { - "optional": true - } - } - }, - "node_modules/@rollup/plugin-commonjs/node_modules/picomatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", - "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/@rollup/plugin-node-resolve": { - "version": "16.0.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.0.tgz", - "integrity": "sha512-0FPvAeVUT/zdWoO0jnb/V5BlBsUSNfkIOtFHzMO4H9MOklrmQFY6FduVHKucNb/aTFxvnGhj4MNj/T1oNdDfNg==", - "dev": true, - "dependencies": { - "@rollup/pluginutils": "^5.0.1", - "@types/resolve": "1.20.2", - "deepmerge": "^4.2.2", - "is-module": "^1.0.0", - "resolve": "^1.22.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^2.78.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/plugin-terser": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz", - "integrity": "sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==", - "dev": true, - "dependencies": { - "serialize-javascript": "^6.0.1", - "smob": "^1.0.0", - "terser": "^5.17.4" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^2.0.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/pluginutils": { - "version": "5.1.4", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz", - "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==", - "dev": true, - "dependencies": { - "@types/estree": "^1.0.0", - "estree-walker": "^2.0.2", - "picomatch": "^4.0.2" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/pluginutils/node_modules/picomatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", - "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.30.1.tgz", - "integrity": "sha512-pSWY+EVt3rJ9fQ3IqlrEUtXh3cGqGtPDH1FQlNZehO2yYxCHEX1SPsz1M//NXwYfbTlcKr9WObLnJX9FsS9K1Q==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.30.1.tgz", - "integrity": "sha512-/NA2qXxE3D/BRjOJM8wQblmArQq1YoBVJjrjoTSBS09jgUisq7bqxNHJ8kjCHeV21W/9WDGwJEWSN0KQ2mtD/w==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.30.1.tgz", - "integrity": "sha512-r7FQIXD7gB0WJ5mokTUgUWPl0eYIH0wnxqeSAhuIwvnnpjdVB8cRRClyKLQr7lgzjctkbp5KmswWszlwYln03Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.30.1.tgz", - "integrity": "sha512-x78BavIwSH6sqfP2xeI1hd1GpHL8J4W2BXcVM/5KYKoAD3nNsfitQhvWSw+TFtQTLZ9OmlF+FEInEHyubut2OA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.30.1.tgz", - "integrity": "sha512-HYTlUAjbO1z8ywxsDFWADfTRfTIIy/oUlfIDmlHYmjUP2QRDTzBuWXc9O4CXM+bo9qfiCclmHk1x4ogBjOUpUQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.30.1.tgz", - "integrity": "sha512-1MEdGqogQLccphhX5myCJqeGNYTNcmTyaic9S7CG3JhwuIByJ7J05vGbZxsizQthP1xpVx7kd3o31eOogfEirw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.30.1.tgz", - "integrity": "sha512-PaMRNBSqCx7K3Wc9QZkFx5+CX27WFpAMxJNiYGAXfmMIKC7jstlr32UhTgK6T07OtqR+wYlWm9IxzennjnvdJg==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.30.1.tgz", - "integrity": "sha512-B8Rcyj9AV7ZlEFqvB5BubG5iO6ANDsRKlhIxySXcF1axXYUyqwBok+XZPgIYGBgs7LDXfWfifxhw0Ik57T0Yug==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.30.1.tgz", - "integrity": "sha512-hqVyueGxAj3cBKrAI4aFHLV+h0Lv5VgWZs9CUGqr1z0fZtlADVV1YPOij6AhcK5An33EXaxnDLmJdQikcn5NEw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.30.1.tgz", - "integrity": "sha512-i4Ab2vnvS1AE1PyOIGp2kXni69gU2DAUVt6FSXeIqUCPIR3ZlheMW3oP2JkukDfu3PsexYRbOiJrY+yVNSk9oA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loongarch64-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.30.1.tgz", - "integrity": "sha512-fARcF5g296snX0oLGkVxPmysetwUk2zmHcca+e9ObOovBR++9ZPOhqFUM61UUZ2EYpXVPN1redgqVoBB34nTpQ==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.30.1.tgz", - "integrity": "sha512-GLrZraoO3wVT4uFXh67ElpwQY0DIygxdv0BNW9Hkm3X34wu+BkqrDrkcsIapAY+N2ATEbvak0XQ9gxZtCIA5Rw==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.30.1.tgz", - "integrity": "sha512-0WKLaAUUHKBtll0wvOmh6yh3S0wSU9+yas923JIChfxOaaBarmb/lBKPF0w/+jTVozFnOXJeRGZ8NvOxvk/jcw==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.30.1.tgz", - "integrity": "sha512-GWFs97Ruxo5Bt+cvVTQkOJ6TIx0xJDD/bMAOXWJg8TCSTEK8RnFeOeiFTxKniTc4vMIaWvCplMAFBt9miGxgkA==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.30.1.tgz", - "integrity": "sha512-UtgGb7QGgXDIO+tqqJ5oZRGHsDLO8SlpE4MhqpY9Llpzi5rJMvrK6ZGhsRCST2abZdBqIBeXW6WPD5fGK5SDwg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.30.1.tgz", - "integrity": "sha512-V9U8Ey2UqmQsBT+xTOeMzPzwDzyXmnAoO4edZhL7INkwQcaW1Ckv3WJX3qrrp/VHaDkEWIBWhRwP47r8cdrOow==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.30.1.tgz", - "integrity": "sha512-WabtHWiPaFF47W3PkHnjbmWawnX/aE57K47ZDT1BXTS5GgrBUEpvOzq0FI0V/UYzQJgdb8XlhVNH8/fwV8xDjw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ] - }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.30.1.tgz", - "integrity": "sha512-pxHAU+Zv39hLUTdQQHUVHf4P+0C47y/ZloorHpzs2SXMRqeAWmGghzAhfOlzFHHwjvgokdFAhC4V+6kC1lRRfw==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ] - }, - "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.30.1.tgz", - "integrity": "sha512-D6qjsXGcvhTjv0kI4fU8tUuBDF/Ueee4SVX79VfNDXZa64TfCW1Slkb6Z7O1p7vflqZjcmOVdZlqf8gvJxc6og==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ] - }, - "node_modules/@trysound/sax": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", - "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==", - "dev": true, - "engines": { - "node": ">=10.13.0" - } - }, - "node_modules/@types/babel__core": { - "version": "7.20.5", - "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", - "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "@babel/parser": "^7.20.7", - "@babel/types": "^7.20.7", - "@types/babel__generator": "*", - "@types/babel__template": "*", - "@types/babel__traverse": "*" - } - }, - "node_modules/@types/babel__generator": { - "version": "7.6.8", - "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", - "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__template": { - "version": "7.4.4", - "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", - "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "@babel/parser": "^7.1.0", - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__traverse": { - "version": "7.20.6", - "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz", - "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "@babel/types": "^7.20.7" - } - }, - "node_modules/@types/estree": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", - "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", - "dev": true - }, - "node_modules/@types/resolve": { - "version": "1.20.2", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz", - "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==", - "dev": true - }, - "node_modules/acorn": { - "version": "8.14.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", - "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==", - "dev": true, - "bin": { - "acorn": "bin/acorn" - }, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", - "dev": true - }, - "node_modules/braces": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", - "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", - "dev": true, - "license": "MIT", - "optional": true, - "dependencies": { - "fill-range": "^7.1.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/browserslist": { - "version": "4.24.4", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", - "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "dependencies": { - "caniuse-lite": "^1.0.30001688", - "electron-to-chromium": "^1.5.73", - "node-releases": "^2.0.19", - "update-browserslist-db": "^1.1.1" - }, - "bin": { - "browserslist": "cli.js" - }, - "engines": { - "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" - } - }, - "node_modules/buffer-from": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", - "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", - "dev": true - }, - "node_modules/caniuse-api": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", - "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==", - "dev": true, - "dependencies": { - "browserslist": "^4.0.0", - "caniuse-lite": "^1.0.0", - "lodash.memoize": "^4.1.2", - "lodash.uniq": "^4.5.0" - } - }, - "node_modules/caniuse-lite": { - "version": "1.0.30001690", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz", - "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/caniuse-lite" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ] - }, - "node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/colord": { - "version": "2.9.3", - "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz", - "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==", - "dev": true - }, - "node_modules/commander": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", - "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", - "dev": true, - "engines": { - "node": ">= 10" - } - }, - "node_modules/commondir": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", - "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", - "dev": true - }, - "node_modules/convert-source-map": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", - "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", - "dev": true, - "peer": true - }, - "node_modules/css-declaration-sorter": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz", - "integrity": "sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==", - "dev": true, - "engines": { - "node": "^14 || ^16 || >=18" - }, - "peerDependencies": { - "postcss": "^8.0.9" - } - }, - "node_modules/css-select": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", - "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", - "dev": true, - "dependencies": { - "boolbase": "^1.0.0", - "css-what": "^6.1.0", - "domhandler": "^5.0.2", - "domutils": "^3.0.1", - "nth-check": "^2.0.1" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/css-select/node_modules/dom-serializer": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", - "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", - "dev": true, - "dependencies": { - "domelementtype": "^2.3.0", - "domhandler": "^5.0.2", - "entities": "^4.2.0" - }, - "funding": { - "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" - } - }, - "node_modules/css-select/node_modules/domhandler": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", - "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", - "dev": true, - "dependencies": { - "domelementtype": "^2.3.0" - }, - "engines": { - "node": ">= 4" - }, - "funding": { - "url": "https://github.com/fb55/domhandler?sponsor=1" - } - }, - "node_modules/css-select/node_modules/domutils": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz", - "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==", - "dev": true, - "dependencies": { - "dom-serializer": "^2.0.0", - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3" - }, - "funding": { - "url": "https://github.com/fb55/domutils?sponsor=1" - } - }, - "node_modules/css-select/node_modules/entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "dev": true, - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, - "node_modules/css-tree": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", - "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", - "dev": true, - "dependencies": { - "mdn-data": "2.0.30", - "source-map-js": "^1.0.1" - }, - "engines": { - "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" - } - }, - "node_modules/css-what": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", - "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", - "dev": true, - "engines": { - "node": ">= 6" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true, - "bin": { - "cssesc": "bin/cssesc" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/cssnano": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-7.0.6.tgz", - "integrity": "sha512-54woqx8SCbp8HwvNZYn68ZFAepuouZW4lTwiMVnBErM3VkO7/Sd4oTOt3Zz3bPx3kxQ36aISppyXj2Md4lg8bw==", - "dev": true, - "license": "MIT", - "dependencies": { - "cssnano-preset-default": "^7.0.6", - "lilconfig": "^3.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/cssnano" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/cssnano-preset-default": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-7.0.6.tgz", - "integrity": "sha512-ZzrgYupYxEvdGGuqL+JKOY70s7+saoNlHSCK/OGn1vB2pQK8KSET8jvenzItcY+kA7NoWvfbb/YhlzuzNKjOhQ==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "css-declaration-sorter": "^7.2.0", - "cssnano-utils": "^5.0.0", - "postcss-calc": "^10.0.2", - "postcss-colormin": "^7.0.2", - "postcss-convert-values": "^7.0.4", - "postcss-discard-comments": "^7.0.3", - "postcss-discard-duplicates": "^7.0.1", - "postcss-discard-empty": "^7.0.0", - "postcss-discard-overridden": "^7.0.0", - "postcss-merge-longhand": "^7.0.4", - "postcss-merge-rules": "^7.0.4", - "postcss-minify-font-values": "^7.0.0", - "postcss-minify-gradients": "^7.0.0", - "postcss-minify-params": "^7.0.2", - "postcss-minify-selectors": "^7.0.4", - "postcss-normalize-charset": "^7.0.0", - "postcss-normalize-display-values": "^7.0.0", - "postcss-normalize-positions": "^7.0.0", - "postcss-normalize-repeat-style": "^7.0.0", - "postcss-normalize-string": "^7.0.0", - "postcss-normalize-timing-functions": "^7.0.0", - "postcss-normalize-unicode": "^7.0.2", - "postcss-normalize-url": "^7.0.0", - "postcss-normalize-whitespace": "^7.0.0", - "postcss-ordered-values": "^7.0.1", - "postcss-reduce-initial": "^7.0.2", - "postcss-reduce-transforms": "^7.0.0", - "postcss-svgo": "^7.0.1", - "postcss-unique-selectors": "^7.0.3" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/cssnano-utils": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-5.0.0.tgz", - "integrity": "sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==", - "dev": true, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/cssnano/node_modules/lilconfig": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", - "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", - "dev": true, - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/antonk52" - } - }, - "node_modules/csso": { - "version": "5.0.5", - "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz", - "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==", - "dev": true, - "dependencies": { - "css-tree": "~2.2.0" - }, - "engines": { - "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", - "npm": ">=7.0.0" - } - }, - "node_modules/csso/node_modules/css-tree": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz", - "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==", - "dev": true, - "dependencies": { - "mdn-data": "2.0.28", - "source-map-js": "^1.0.1" - }, - "engines": { - "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", - "npm": ">=7.0.0" - } - }, - "node_modules/csso/node_modules/mdn-data": { - "version": "2.0.28", - "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz", - "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==", - "dev": true - }, - "node_modules/debug": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz", - "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==", - "dev": true, - "dependencies": { - "ms": "^2.1.3" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, - "node_modules/deepmerge": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", - "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/detect-libc": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", - "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", - "dev": true, - "license": "Apache-2.0", - "optional": true, - "bin": { - "detect-libc": "bin/detect-libc.js" - }, - "engines": { - "node": ">=0.10" - } - }, - "node_modules/domelementtype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", - "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ] - }, - "node_modules/electron-to-chromium": { - "version": "1.5.79", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.79.tgz", - "integrity": "sha512-nYOxJNxQ9Om4EC88BE4pPoNI8xwSFf8pU/BAeOl4Hh/b/i6V4biTAzwV7pXi3ARKeoYO5JZKMIXTryXSVer5RA==", - "dev": true - }, - "node_modules/escalade": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", - "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", - "dev": true, - "engines": { - "node": ">=6" - } - }, - "node_modules/estree-walker": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", - "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", - "dev": true - }, - "node_modules/fill-range": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", - "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", - "dev": true, - "license": "MIT", - "optional": true, - "dependencies": { - "to-regex-range": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/fsevents": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", - "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "dev": true, - "hasInstallScript": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, - "node_modules/function-bind": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", - "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", - "dev": true, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/gensync": { - "version": "1.0.0-beta.2", - "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", - "dev": true, - "peer": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "dev": true, - "engines": { - "node": ">=4" - } - }, - "node_modules/hasown": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", - "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", - "dev": true, - "dependencies": { - "function-bind": "^1.1.2" - }, - "engines": { - "node": ">= 0.4" - } - }, - "node_modules/immutable": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz", - "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==", - "dev": true, - "license": "MIT" - }, - "node_modules/is-core-module": { - "version": "2.16.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz", - "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==", - "dev": true, - "dependencies": { - "hasown": "^2.0.2" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true, - "license": "MIT", - "optional": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, - "license": "MIT", - "optional": true, - "dependencies": { - "is-extglob": "^2.1.1" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", - "dev": true - }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, - "license": "MIT", - "optional": true, - "engines": { - "node": ">=0.12.0" - } - }, - "node_modules/is-reference": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz", - "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==", - "dev": true, - "dependencies": { - "@types/estree": "*" - } - }, - "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true - }, - "node_modules/jsesc": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", - "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", - "dev": true, - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/json5": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true, - "peer": true, - "bin": { - "json5": "lib/cli.js" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/lodash.memoize": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz", - "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==", - "dev": true - }, - "node_modules/lodash.uniq": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", - "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==", - "dev": true - }, - "node_modules/lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "dev": true, - "peer": true, - "dependencies": { - "yallist": "^3.0.2" - } - }, - "node_modules/magic-string": { - "version": "0.30.17", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", - "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==", - "dev": true, - "dependencies": { - "@jridgewell/sourcemap-codec": "^1.5.0" - } - }, - "node_modules/mdn-data": { - "version": "2.0.30", - "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", - "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", - "dev": true - }, - "node_modules/micromatch": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", - "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "dev": true, - "license": "MIT", - "optional": true, - "dependencies": { - "braces": "^3.0.3", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=8.6" - } - }, - "node_modules/ms": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", - "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", - "dev": true - }, - "node_modules/nanoid": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", - "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "bin": { - "nanoid": "bin/nanoid.cjs" - }, - "engines": { - "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" - } - }, - "node_modules/node-addon-api": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", - "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", - "dev": true, - "license": "MIT", - "optional": true - }, - "node_modules/node-releases": { - "version": "2.0.19", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", - "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", - "dev": true - }, - "node_modules/nth-check": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", - "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", - "dev": true, - "dependencies": { - "boolbase": "^1.0.0" - }, - "funding": { - "url": "https://github.com/fb55/nth-check?sponsor=1" - } - }, - "node_modules/path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true - }, - "node_modules/picocolors": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", - "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", - "dev": true - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "license": "MIT", - "optional": true, - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/postcss": { - "version": "8.4.49", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", - "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/postcss" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "nanoid": "^3.3.7", - "picocolors": "^1.1.1", - "source-map-js": "^1.2.1" - }, - "engines": { - "node": "^10 || ^12 || >=14" - } - }, - "node_modules/postcss-calc": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-10.1.0.tgz", - "integrity": "sha512-uQ/LDGsf3mgsSUEXmAt3VsCSHR3aKqtEIkmB+4PhzYwRYOW5MZs/GhCCFpsOtJJkP6EC6uGipbrnaTjqaJZcJw==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^7.0.0", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12 || ^20.9 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.38" - } - }, - "node_modules/postcss-colormin": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-7.0.2.tgz", - "integrity": "sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "caniuse-api": "^3.0.0", - "colord": "^2.9.3", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-convert-values": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-7.0.4.tgz", - "integrity": "sha512-e2LSXPqEHVW6aoGbjV9RsSSNDO3A0rZLCBxN24zvxF25WknMPpX8Dm9UxxThyEbaytzggRuZxaGXqaOhxQ514Q==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-discard-comments": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-7.0.3.tgz", - "integrity": "sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^6.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-discard-comments/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-discard-duplicates": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.1.tgz", - "integrity": "sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==", - "dev": true, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-discard-empty": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-7.0.0.tgz", - "integrity": "sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==", - "dev": true, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-discard-overridden": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-7.0.0.tgz", - "integrity": "sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==", - "dev": true, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-merge-longhand": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-7.0.4.tgz", - "integrity": "sha512-zer1KoZA54Q8RVHKOY5vMke0cCdNxMP3KBfDerjH/BYHh4nCIh+1Yy0t1pAEQF18ac/4z3OFclO+ZVH8azjR4A==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0", - "stylehacks": "^7.0.4" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-merge-rules": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-7.0.4.tgz", - "integrity": "sha512-ZsaamiMVu7uBYsIdGtKJ64PkcQt6Pcpep/uO90EpLS3dxJi6OXamIobTYcImyXGoW0Wpugh7DSD3XzxZS9JCPg==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "caniuse-api": "^3.0.0", - "cssnano-utils": "^5.0.0", - "postcss-selector-parser": "^6.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-merge-rules/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-minify-font-values": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-7.0.0.tgz", - "integrity": "sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-minify-gradients": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-7.0.0.tgz", - "integrity": "sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==", - "dev": true, - "dependencies": { - "colord": "^2.9.3", - "cssnano-utils": "^5.0.0", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-minify-params": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-7.0.2.tgz", - "integrity": "sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "cssnano-utils": "^5.0.0", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-minify-selectors": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-7.0.4.tgz", - "integrity": "sha512-JG55VADcNb4xFCf75hXkzc1rNeURhlo7ugf6JjiiKRfMsKlDzN9CXHZDyiG6x/zGchpjQS+UAgb1d4nqXqOpmA==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "postcss-selector-parser": "^6.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-minify-selectors/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-normalize-charset": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-7.0.0.tgz", - "integrity": "sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==", - "dev": true, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-display-values": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.0.tgz", - "integrity": "sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-positions": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-7.0.0.tgz", - "integrity": "sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-repeat-style": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.0.tgz", - "integrity": "sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-string": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-7.0.0.tgz", - "integrity": "sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-timing-functions": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.0.tgz", - "integrity": "sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-unicode": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.2.tgz", - "integrity": "sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-url": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-7.0.0.tgz", - "integrity": "sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-normalize-whitespace": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.0.tgz", - "integrity": "sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-ordered-values": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-7.0.1.tgz", - "integrity": "sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==", - "dev": true, - "dependencies": { - "cssnano-utils": "^5.0.0", - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-reduce-initial": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-7.0.2.tgz", - "integrity": "sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "caniuse-api": "^3.0.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-reduce-transforms": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.0.tgz", - "integrity": "sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-selector-parser": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz", - "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-svgo": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-7.0.1.tgz", - "integrity": "sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==", - "dev": true, - "dependencies": { - "postcss-value-parser": "^4.2.0", - "svgo": "^3.3.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >= 18" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-unique-selectors": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-7.0.3.tgz", - "integrity": "sha512-J+58u5Ic5T1QjP/LDV9g3Cx4CNOgB5vz+kM6+OxHHhFACdcDeKhBXjQmB7fnIZM12YSTvsL0Opwco83DmacW2g==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^6.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/postcss-unique-selectors/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, - "node_modules/randombytes": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", - "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", - "dev": true, - "dependencies": { - "safe-buffer": "^5.1.0" - } - }, - "node_modules/readdirp": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz", - "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/resolve": { - "version": "1.22.10", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz", - "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==", - "dev": true, - "dependencies": { - "is-core-module": "^2.16.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/rollup": { - "version": "4.30.1", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.30.1.tgz", - "integrity": "sha512-mlJ4glW020fPuLi7DkM/lN97mYEZGWeqBnrljzN0gs7GLctqX3lNWxKQ7Gl712UAX+6fog/L3jh4gb7R6aVi3w==", - "dev": true, - "dependencies": { - "@types/estree": "1.0.6" - }, - "bin": { - "rollup": "dist/bin/rollup" - }, - "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" - }, - "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.30.1", - "@rollup/rollup-android-arm64": "4.30.1", - "@rollup/rollup-darwin-arm64": "4.30.1", - "@rollup/rollup-darwin-x64": "4.30.1", - "@rollup/rollup-freebsd-arm64": "4.30.1", - "@rollup/rollup-freebsd-x64": "4.30.1", - "@rollup/rollup-linux-arm-gnueabihf": "4.30.1", - "@rollup/rollup-linux-arm-musleabihf": "4.30.1", - "@rollup/rollup-linux-arm64-gnu": "4.30.1", - "@rollup/rollup-linux-arm64-musl": "4.30.1", - "@rollup/rollup-linux-loongarch64-gnu": "4.30.1", - "@rollup/rollup-linux-powerpc64le-gnu": "4.30.1", - "@rollup/rollup-linux-riscv64-gnu": "4.30.1", - "@rollup/rollup-linux-s390x-gnu": "4.30.1", - "@rollup/rollup-linux-x64-gnu": "4.30.1", - "@rollup/rollup-linux-x64-musl": "4.30.1", - "@rollup/rollup-win32-arm64-msvc": "4.30.1", - "@rollup/rollup-win32-ia32-msvc": "4.30.1", - "@rollup/rollup-win32-x64-msvc": "4.30.1", - "fsevents": "~2.3.2" - } - }, - "node_modules/rollup-plugin-scss": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/rollup-plugin-scss/-/rollup-plugin-scss-4.0.1.tgz", - "integrity": "sha512-3W3+3OzR+shkDl3hJ1XTAuGkP4AfiLgIjie2GtcoZ9pHfRiNqeDbtCu1EUnkjZ98EPIM6nnMIXkKlc7Sx5bRvA==", - "dev": true, - "dependencies": { - "rollup-pluginutils": "^2.3.3" - } - }, - "node_modules/rollup-pluginutils": { - "version": "2.8.2", - "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz", - "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==", - "dev": true, - "dependencies": { - "estree-walker": "^0.6.1" - } - }, - "node_modules/rollup-pluginutils/node_modules/estree-walker": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz", - "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", - "dev": true - }, - "node_modules/safe-buffer": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", - "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ] - }, - "node_modules/sass": { - "version": "1.83.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.1.tgz", - "integrity": "sha512-EVJbDaEs4Rr3F0glJzFSOvtg2/oy2V/YrGFPqPY24UqcLDWcI9ZY5sN+qyO3c/QCZwzgfirvhXvINiJCE/OLcA==", - "dev": true, - "license": "MIT", - "dependencies": { - "chokidar": "^4.0.0", - "immutable": "^5.0.2", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=14.0.0" - }, - "optionalDependencies": { - "@parcel/watcher": "^2.4.1" - } - }, - "node_modules/serialize-javascript": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", - "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", - "dev": true, - "dependencies": { - "randombytes": "^2.1.0" - } - }, - "node_modules/smob": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/smob/-/smob-1.5.0.tgz", - "integrity": "sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==", - "dev": true - }, - "node_modules/source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/source-map-js": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", - "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/source-map-support": { - "version": "0.5.21", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", - "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", - "dev": true, - "dependencies": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } - }, - "node_modules/stylehacks": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-7.0.4.tgz", - "integrity": "sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==", - "dev": true, - "dependencies": { - "browserslist": "^4.23.3", - "postcss-selector-parser": "^6.1.2" - }, - "engines": { - "node": "^18.12.0 || ^20.9.0 || >=22.0" - }, - "peerDependencies": { - "postcss": "^8.4.31" - } - }, - "node_modules/stylehacks/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/svgo": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz", - "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==", - "dev": true, - "dependencies": { - "@trysound/sax": "0.2.0", - "commander": "^7.2.0", - "css-select": "^5.1.0", - "css-tree": "^2.3.1", - "css-what": "^6.1.0", - "csso": "^5.0.5", - "picocolors": "^1.0.0" - }, - "bin": { - "svgo": "bin/svgo" - }, - "engines": { - "node": ">=14.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/svgo" - } - }, - "node_modules/terser": { - "version": "5.37.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz", - "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==", - "dev": true, - "dependencies": { - "@jridgewell/source-map": "^0.3.3", - "acorn": "^8.8.2", - "commander": "^2.20.0", - "source-map-support": "~0.5.20" - }, - "bin": { - "terser": "bin/terser" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/terser/node_modules/commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "dev": true - }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "license": "MIT", - "optional": true, - "dependencies": { - "is-number": "^7.0.0" - }, - "engines": { - "node": ">=8.0" - } - }, - "node_modules/update-browserslist-db": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz", - "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "dependencies": { - "escalade": "^3.2.0", - "picocolors": "^1.1.1" - }, - "bin": { - "update-browserslist-db": "cli.js" - }, - "peerDependencies": { - "browserslist": ">= 4.21.0" - } - }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, - "node_modules/yallist": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", - "dev": true, - "peer": true - } - } -} diff --git a/package.json b/package.json deleted file mode 100644 index 688a8a26..00000000 --- a/package.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "name": "alert", - "type": "module", - "version": "1.0.0", - "description": "Laravel alert package", - "main": "index.js", - "scripts": { - "build": "rollup -c" - }, - "license": "ISC", - "devDependencies": { - "@rollup/plugin-babel": "^6.0.4", - "@rollup/plugin-commonjs": "^28.0.2", - "@rollup/plugin-node-resolve": "^16.0.0", - "@rollup/plugin-terser": "^0.4.4", - "cssnano": "^7.0.6", - "postcss": "^8.4.49", - "rollup": "^4.30.1", - "rollup-plugin-scss": "^4.0.1", - "sass": "^1.83.1" - } -} diff --git a/rollup.config.js b/rollup.config.js deleted file mode 100644 index 12e16578..00000000 --- a/rollup.config.js +++ /dev/null @@ -1,48 +0,0 @@ -import resolve from '@rollup/plugin-node-resolve'; -import commonjs from '@rollup/plugin-commonjs'; -import babel from '@rollup/plugin-babel'; -import terser from '@rollup/plugin-terser'; -import scss from 'rollup-plugin-scss'; -import postcss from 'postcss'; -import cssnano from 'cssnano'; -import fs from 'fs'; - -export default { - input: 'resources/js/alert.js', - output: [ - { - file: 'public/js/alert.js', - format: 'iife', - name: 'DigitlimitAlert', - sourcemap: false, - }, - { - file: 'public/js/alert.min.js', - format: 'iife', - name: 'DigitlimitAlert', - plugins: [terser()], - sourcemap: false, - }, - ], - plugins: [ - resolve(), - commonjs(), - babel({ - babelHelpers: 'bundled', - exclude: 'node_modules/**', - }), - scss({ - output: (styles, styleNodes) => { - // Write the uncompressed CSS file - fs.writeFileSync('public/css/alert.css', styles); - - // Minify the CSS and write the minified file - postcss([cssnano()]) - .process(styles, { from: undefined }) - .then((result) => { - fs.writeFileSync('public/css/alert.min.css', result.css); - }); - }, - }), - ], -}; \ No newline at end of file From 30196195ee18996539240d76fff677b14bf163af Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:19:39 +0000 Subject: [PATCH 012/137] remove node packages --- index.html | 15 --------------- 1 file changed, 15 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index c49b4164..00000000 --- a/index.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - Alert - - -

Digitlimit Alert

-

A Laravel package for alert messaging.

- - From c23b8013225f17cd7e0dd9726f031a86cd80ea72 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:40:08 +0000 Subject: [PATCH 013/137] remove modal call --- src/View/Components/Themes/Tailwind/Modal.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index e2fa3611..c1d20af5 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -57,8 +57,8 @@ public function modal(): ?AlertModal return $this->modal; } - public function mount(Alert $alert) - {modal('modal'); + public function mount(Alert $alert): void + { $this->tag = $this->tag ?? $this->defaultTag; $this->modal = $alert->tagged('modal', $this->tag); } From a7bb1d93615437b08aedfc30be626be0ba9d4c69 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 18:43:46 +0000 Subject: [PATCH 014/137] remove modal call --- src/View/Components/Themes/Tailwind/Modal.php | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index c1d20af5..4b00327b 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -4,16 +4,26 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Helpers\Attribute; +use Exception; use Illuminate\Contracts\View\View; use Livewire\Component; use Digitlimit\Alert\Types\Modal as AlertModal; class Modal extends Component { + /** + * The alert modal instance. + */ protected ?AlertModal $modal; + /** + * The default alert tag. + */ public string $defaultTag = Alert::DEFAULT_TAG; + /** + * The alert tag. + */ public string $tag; /** @@ -52,11 +62,17 @@ class Modal extends Component '@click' => 'modalOpen = false;', ]; + /** + * Get the modal instance. + */ public function modal(): ?AlertModal { return $this->modal; } + /** + * @throws Exception + */ public function mount(Alert $alert): void { $this->tag = $this->tag ?? $this->defaultTag; From 562d2492e879931b02436e3b564986eec53a21a5 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Wed, 19 Feb 2025 23:27:05 +0000 Subject: [PATCH 015/137] fix modal --- .../themes/tailwind/modal.blade.php | 13 ++++---- src/AlertServiceProvider.php | 33 +++++++++++++++++-- src/View/Components/Themes/Tailwind/Modal.php | 19 ++--------- 3 files changed, 40 insertions(+), 25 deletions(-) diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index 55534865..001414ea 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -1,6 +1,7 @@
+ @inject('modal', 'Digitlimit\Alert\Types\Modal') + @php - $modal = $this->modal(); $header = $header ?? null; $body = $body ?? null; $footer = $footer ?? null; @@ -20,17 +21,17 @@ $hasTitle = $hasHeader || $modal->getTitle(); @endphp
size }}', scrollable: {{ $modal->scrollable ? 'true' : 'false' }} }" >
diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php index 092385d4..5f92b235 100644 --- a/src/AlertServiceProvider.php +++ b/src/AlertServiceProvider.php @@ -6,8 +6,11 @@ use Digitlimit\Alert\Contracts\SessionInterface; use Digitlimit\Alert\Helpers\Theme; use Exception; -use Illuminate\Support\Facades\Blade; use Illuminate\Support\ServiceProvider; +use Livewire\Component; +use Livewire\Livewire; +use function Livewire\on; +use function Livewire\store; class AlertServiceProvider extends ServiceProvider { @@ -20,7 +23,7 @@ public function boot(): void { $this->loadViewsFrom(__DIR__.'/../resources/views', 'alert'); - Theme::theme()->boot(); + $this->bootAlert(); $this->registerMacros(); @@ -50,6 +53,32 @@ public function provides(): array return ['alert']; } + /** + * Boot the alert. + * @throws Exception + */ + protected function bootAlert(): void + { + Theme::theme()->boot(); + + on('dehydrate', function (Component $component) { + if (! Livewire::isLivewireRequest()) { + return; + } + + if (store($component)->has('redirect')) { + return; + } + + if (count(session()->get('digitlimit') ?? []) <= 0) { + return; + } + + $component->dispatch('notificationsSent'); + }); + + } + /** * Console-specific booting. */ diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index 4b00327b..85c0923e 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -4,18 +4,12 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Helpers\Attribute; -use Exception; use Illuminate\Contracts\View\View; use Livewire\Component; -use Digitlimit\Alert\Types\Modal as AlertModal; +use Exception; class Modal extends Component { - /** - * The alert modal instance. - */ - protected ?AlertModal $modal; - /** * The default alert tag. */ @@ -62,21 +56,12 @@ class Modal extends Component '@click' => 'modalOpen = false;', ]; - /** - * Get the modal instance. - */ - public function modal(): ?AlertModal - { - return $this->modal; - } - /** * @throws Exception */ - public function mount(Alert $alert): void + public function mount(): void { $this->tag = $this->tag ?? $this->defaultTag; - $this->modal = $alert->tagged('modal', $this->tag); } /** From 89e3b235522485a63891cbf426dbac767f7b9ce2 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Thu, 20 Feb 2025 13:35:20 +0000 Subject: [PATCH 016/137] fix session --- src/Alert.php | 139 +++++++++++------- src/AlertServiceProvider.php | 9 +- src/Helpers/SessionKey.php | 17 ++- src/Helpers/Type.php | 1 + src/Message/MessageFactory.php | 1 + src/View/Components/Themes/Tailwind/Modal.php | 8 +- 6 files changed, 112 insertions(+), 63 deletions(-) diff --git a/src/Alert.php b/src/Alert.php index 54eef364..c714484a 100644 --- a/src/Alert.php +++ b/src/Alert.php @@ -39,11 +39,8 @@ public function default(string $type): ?MessageInterface /** * Fetch an alert based on the type and named. */ - public function named( - string $type, - string $name, - ?string $tag = null - ): ?MessageInterface { + public function named(string $type, string $name, ?string $tag = null): ?MessageInterface + { if (! Type::exists($type)) { throw new Exception("Invalid alert type '$type'. Check the alert config"); } @@ -58,10 +55,8 @@ public function named( /** * Fetch an alert based on the tag name. */ - public function tagged( - string $type, - string $tag - ): ?MessageInterface { + public function tagged(string $type, string $tag): ?MessageInterface + { if (! Type::exists($type)) { throw new Exception("Invalid alert type '$type'. Check the alert config"); } @@ -80,72 +75,102 @@ public function tagged( /** * Fetch the field alert. */ - public function field(?string $name = null, ?string $message = null): MessageInterface - { - return MessageFactory::make( - $this->session, - 'field', - $name, - $message - ); - } - - /** - * Fetch the field bag alert. - */ - public function fieldBag( - Validator|MessageBag|null $bag = null - ): MessageInterface { - return MessageFactory::make( - $this->session, - 'bag', - $bag - ); - } +// public function field(?string $name = null, ?string $message = null): MessageInterface +// { +// return MessageFactory::make( +// $this->session, +// 'field', +// $name, +// $message +// ); +// } +// +// /** +// * Fetch the field bag alert. +// */ +// public function fieldBag(Validator|MessageBag|null $bag = null): MessageInterface +// { +// return MessageFactory::make( +// $this->session, +// 'bag', +// $bag +// ); +// } /** - * Fetch the modal alert. + * Fetch an alert from the given alert type. */ - public function modal(?string $message = null): MessageInterface + public function from(string $type, ...$args): MessageInterface { - return MessageFactory::make($this->session, 'modal', $message); - } + if (! Type::exists($type)) { + throw new Exception("Invalid alert type '$type'. Check the alert config"); + } - /** - * Fetch the notify alert. - */ - public function notify(?string $message = null): MessageInterface - { - return MessageFactory::make($this->session, 'notify', $message); + return MessageFactory::make($this->session, $type, ...$args); } +// +// /** +// * Fetch the modal alert. +// */ +// public function modal(?string $message = null): MessageInterface +// { +// return MessageFactory::make($this->session, 'modal', $message); +// } +// +// /** +// * Fetch the notify alert. +// */ +// public function notify(?string $message = null): MessageInterface +// { +// return MessageFactory::make($this->session, 'notify', $message); +// } +// +// /** +// * Fetch the sticky alert. +// */ +// public function sticky(?string $message = null): MessageInterface +// { +// return MessageFactory::make($this->session, 'sticky', $message); +// } +// +// /** +// * Fetch the default alert type, which is the message alert. +// */ +// public function message(string $message): MessageInterface +// { +// return MessageFactory::make($this->session, 'message', $message); +// } /** - * Fetch the sticky alert. + * Dynamically handle method calls for different alert types. + * @throws Exception */ - public function sticky(?string $message = null): MessageInterface + public function __call($method, $parameters) { - return MessageFactory::make($this->session, 'sticky', $message); + if (Type::exists($method)) { + return MessageFactory::make($this->session, $method, ...$parameters); + } + + throw new Exception("Method '$method' not found in Alert class."); } /** - * Fetch the default alert type, which is the message alert. + * Fetch all alerts from the session. */ - public function message(string $message): MessageInterface + public function has(string $type): bool { - return MessageFactory::make($this->session, 'message', $message); + $types = $this->session->get(SessionKey::typeKey($type)) ?? []; + + return ! empty($types); } /** - * Fetch an alert from the given alert type. + * Fetch all alerts from the session. */ - public function from( - string $type, - ...$args - ): MessageInterface { - if (! Type::exists($type)) { - throw new Exception("Invalid alert type '$type'. Check the alert config"); - } + public function count(string $type): int + { + $types = $this->session->get(SessionKey::typeKey($type)) ?? []; - return MessageFactory::make($this->session, $type, ...$args); + return count($types); } -} +} \ No newline at end of file diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php index 5f92b235..c4f0c228 100644 --- a/src/AlertServiceProvider.php +++ b/src/AlertServiceProvider.php @@ -4,6 +4,7 @@ use Digitlimit\Alert\Contracts\ConfigInterface; use Digitlimit\Alert\Contracts\SessionInterface; +use Digitlimit\Alert\Helpers\SessionKey; use Digitlimit\Alert\Helpers\Theme; use Exception; use Illuminate\Support\ServiceProvider; @@ -28,6 +29,8 @@ public function boot(): void $this->registerMacros(); $this->bootForConsole(); + + } /** @@ -70,11 +73,13 @@ protected function bootAlert(): void return; } - if (count(session()->get('digitlimit') ?? []) <= 0) { + if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { return; } - $component->dispatch('notificationsSent'); + info('dehydrate', ['component' => $component]); + + $component->dispatch('showModal'); }); } diff --git a/src/Helpers/SessionKey.php b/src/Helpers/SessionKey.php index ab66384d..020174d2 100644 --- a/src/Helpers/SessionKey.php +++ b/src/Helpers/SessionKey.php @@ -9,13 +9,24 @@ class SessionKey */ const MAIN_KEY = 'digitlimit.alert'; + public static function mainKey(): string + { + return self::MAIN_KEY; + } + /** * Get session key for a given type and tag. */ public static function key(string $type, string $tag): string { - return self::MAIN_KEY - .'.'.$type - .'.'.$tag; + return self::mainKey() + .'.'.$type + .'.'.$tag; + } + + public static function typeKey(string $type): string + { + return self::mainKey() + .'.'.$type; } } diff --git a/src/Helpers/Type.php b/src/Helpers/Type.php index be732d3a..71a297a6 100644 --- a/src/Helpers/Type.php +++ b/src/Helpers/Type.php @@ -13,6 +13,7 @@ class Type /** * Fetch alert types from the config file. + * @throws Exception */ public static function types(): array { diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php index ce16244f..4f7ef2a8 100644 --- a/src/Message/MessageFactory.php +++ b/src/Message/MessageFactory.php @@ -10,6 +10,7 @@ class MessageFactory { /** * Make a new alert instance. + * @throws Exception */ public static function make(SessionInterface $session, string $type, ...$args): MessageInterface { diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php index 85c0923e..751f17ba 100644 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -64,6 +64,12 @@ public function mount(): void $this->tag = $this->tag ?? $this->defaultTag; } + #[On('refresh')] + public function refresh(): void + { + info('refreshing'); + } + /** * Get the view / contents that represent the component. */ @@ -76,7 +82,7 @@ public function render(): View * Merge and convert array attributes to HTML string attributes. */ public function actionAttributes(array $attributes = []): string - { + {$this->emit('refresh'); $newAttributes = array_merge( $this->actionAttributes, $attributes From cc5eb5f5cd2dda9b0d541e220feca1431a97faed Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 03:38:05 +0000 Subject: [PATCH 017/137] improve component views --- config/alert.php | 31 --- .../themes/tailwind/modal.blade.php | 11 +- src/Alert.php | 176 ------------------ src/AlertServiceProvider.php | 116 ------------ src/Component/Button.php | 41 ---- src/Config.php | 27 --- src/Contracts/ConfigInterface.php | 11 -- src/Contracts/SessionInterface.php | 26 --- src/Contracts/ThemeInterface.php | 10 - src/Facades/Alert.php | 36 ---- src/Helpers.php | 86 --------- src/Helpers/Attribute.php | 21 --- src/Helpers/Helper.php | 21 --- src/Helpers/SessionKey.php | 32 ---- src/Helpers/Theme.php | 36 ---- src/Helpers/Type.php | 62 ------ src/Message/AbstractMessage.php | 143 -------------- src/Message/MessageFactory.php | 25 --- src/Message/MessageInterface.php | 31 --- src/Session.php | 41 ---- src/Traits/Levelable.php | 86 --------- src/Types/Field.php | 60 ------ src/Types/FieldBag.php | 76 -------- src/Types/Message.php | 31 --- src/Types/Modal.php | 176 ------------------ src/Types/Notify.php | 114 ------------ src/Types/Sticky.php | 75 -------- src/View/Components/Themes/Bootstrap5.php | 66 ------- .../Components/Themes/Bootstrap5/Field.php | 36 ---- .../Components/Themes/Bootstrap5/Message.php | 36 ---- .../Components/Themes/Bootstrap5/Modal.php | 80 -------- .../Components/Themes/Bootstrap5/Notify.php | 36 ---- .../Components/Themes/Bootstrap5/Sticky.php | 58 ------ src/View/Components/Themes/Tailwind.php | 64 ------- src/View/Components/Themes/Tailwind/Field.php | 36 ---- .../Components/Themes/Tailwind/Message.php | 36 ---- src/View/Components/Themes/Tailwind/Modal.php | 106 ----------- .../Components/Themes/Tailwind/Notify.php | 36 ---- .../Components/Themes/Tailwind/Sticky.php | 58 ------ tests/Feature/Component/ButtonTest.php | 19 -- tests/Feature/Components/FieldBagTest.php | 27 --- tests/Feature/Components/FieldTest.php | 49 ----- tests/Feature/Components/MessageTest.php | 12 -- tests/Feature/Components/ModalTest.php | 72 ------- tests/Feature/Components/NotifyTest.php | 22 --- tests/Feature/Components/StickyTest.php | 32 ---- tests/Feature/Helpers/FieldTest.php | 19 -- tests/Feature/Helpers/MessageTest.php | 19 -- tests/Feature/Helpers/ModalTest.php | 19 -- tests/Feature/Helpers/NotifyTest.php | 21 --- tests/Feature/Helpers/StickyTest.php | 19 -- .../Feature/Message/MessageInterfaceTest.php | 1 - tests/Feature/Traits/LevelableTest.php | 29 --- tests/Feature/Types/FieldTest.php | 19 -- tests/Feature/Types/MessageTest.php | 19 -- tests/Feature/Types/ModalTest.php | 19 -- tests/Feature/Types/NotifyTest.php | 64 ------- tests/Feature/Types/StickyTest.php | 44 ----- tests/Pest.php | 42 ----- tests/TestCase.php | 42 ----- tests/Unit/Helpers/AttributeTest.php | 13 -- tests/Unit/Helpers/SessionKeyTest.php | 10 - tests/Unit/Helpers/ThemeTest.php | 45 ----- tests/Unit/Helpers/TypeTest.php | 56 ------ tests/Unit/SessionTest.php | 1 - 65 files changed, 10 insertions(+), 2973 deletions(-) delete mode 100644 config/alert.php delete mode 100644 src/Alert.php delete mode 100644 src/AlertServiceProvider.php delete mode 100644 src/Component/Button.php delete mode 100644 src/Config.php delete mode 100644 src/Contracts/ConfigInterface.php delete mode 100644 src/Contracts/SessionInterface.php delete mode 100644 src/Contracts/ThemeInterface.php delete mode 100644 src/Facades/Alert.php delete mode 100644 src/Helpers.php delete mode 100644 src/Helpers/Attribute.php delete mode 100644 src/Helpers/Helper.php delete mode 100644 src/Helpers/SessionKey.php delete mode 100644 src/Helpers/Theme.php delete mode 100644 src/Helpers/Type.php delete mode 100644 src/Message/AbstractMessage.php delete mode 100644 src/Message/MessageFactory.php delete mode 100644 src/Message/MessageInterface.php delete mode 100644 src/Session.php delete mode 100644 src/Traits/Levelable.php delete mode 100644 src/Types/Field.php delete mode 100644 src/Types/FieldBag.php delete mode 100644 src/Types/Message.php delete mode 100644 src/Types/Modal.php delete mode 100644 src/Types/Notify.php delete mode 100644 src/Types/Sticky.php delete mode 100644 src/View/Components/Themes/Bootstrap5.php delete mode 100644 src/View/Components/Themes/Bootstrap5/Field.php delete mode 100644 src/View/Components/Themes/Bootstrap5/Message.php delete mode 100644 src/View/Components/Themes/Bootstrap5/Modal.php delete mode 100644 src/View/Components/Themes/Bootstrap5/Notify.php delete mode 100644 src/View/Components/Themes/Bootstrap5/Sticky.php delete mode 100644 src/View/Components/Themes/Tailwind.php delete mode 100644 src/View/Components/Themes/Tailwind/Field.php delete mode 100644 src/View/Components/Themes/Tailwind/Message.php delete mode 100644 src/View/Components/Themes/Tailwind/Modal.php delete mode 100644 src/View/Components/Themes/Tailwind/Notify.php delete mode 100644 src/View/Components/Themes/Tailwind/Sticky.php delete mode 100644 tests/Feature/Component/ButtonTest.php delete mode 100644 tests/Feature/Components/FieldBagTest.php delete mode 100644 tests/Feature/Components/FieldTest.php delete mode 100644 tests/Feature/Components/MessageTest.php delete mode 100644 tests/Feature/Components/ModalTest.php delete mode 100644 tests/Feature/Components/NotifyTest.php delete mode 100644 tests/Feature/Components/StickyTest.php delete mode 100644 tests/Feature/Helpers/FieldTest.php delete mode 100644 tests/Feature/Helpers/MessageTest.php delete mode 100644 tests/Feature/Helpers/ModalTest.php delete mode 100644 tests/Feature/Helpers/NotifyTest.php delete mode 100644 tests/Feature/Helpers/StickyTest.php delete mode 100644 tests/Feature/Message/MessageInterfaceTest.php delete mode 100644 tests/Feature/Traits/LevelableTest.php delete mode 100644 tests/Feature/Types/FieldTest.php delete mode 100644 tests/Feature/Types/MessageTest.php delete mode 100644 tests/Feature/Types/ModalTest.php delete mode 100644 tests/Feature/Types/NotifyTest.php delete mode 100644 tests/Feature/Types/StickyTest.php delete mode 100644 tests/Pest.php delete mode 100644 tests/TestCase.php delete mode 100644 tests/Unit/Helpers/AttributeTest.php delete mode 100644 tests/Unit/Helpers/SessionKeyTest.php delete mode 100644 tests/Unit/Helpers/ThemeTest.php delete mode 100644 tests/Unit/Helpers/TypeTest.php delete mode 100644 tests/Unit/SessionTest.php diff --git a/config/alert.php b/config/alert.php deleted file mode 100644 index 31dfa61c..00000000 --- a/config/alert.php +++ /dev/null @@ -1,31 +0,0 @@ - 'tailwind', - - /* - |-------------------------------------------------------------------------- - | Themes - |-------------------------------------------------------------------------- - | - | Here you may register your custom alert themes - | - */ - 'themes' => [ - 'tailwind' => Digitlimit\Alert\View\Components\Themes\Tailwind::class, - 'bootstrap5' => Digitlimit\Alert\View\Components\Themes\Bootstrap5::class, - ], -]; diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index 001414ea..9a73f389 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -1,10 +1,11 @@
- @inject('modal', 'Digitlimit\Alert\Types\Modal') + @inject('alert', 'Digitlimit\Alert\Alert') @php $header = $header ?? null; $body = $body ?? null; $footer = $footer ?? null; + $modal = $alert->tagged('modal', $tag); @endphp @if($modal) @@ -147,3 +148,11 @@ class="inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-mediu
@endif
+ +@script + +@endscript diff --git a/src/Alert.php b/src/Alert.php deleted file mode 100644 index c714484a..00000000 --- a/src/Alert.php +++ /dev/null @@ -1,176 +0,0 @@ -session->get( - SessionKey::key($type, $tag) - ); - } - - /** - * Fetch an alert based on the tag name. - */ - public function tagged(string $type, string $tag): ?MessageInterface - { - if (! Type::exists($type)) { - throw new Exception("Invalid alert type '$type'. Check the alert config"); - } - - $tagged = $this->session->get( - SessionKey::key($type, $tag) - ); - - if (is_array($tagged)) { - return null; - } - - return $tagged; - } - - /** - * Fetch the field alert. - */ -// public function field(?string $name = null, ?string $message = null): MessageInterface -// { -// return MessageFactory::make( -// $this->session, -// 'field', -// $name, -// $message -// ); -// } -// -// /** -// * Fetch the field bag alert. -// */ -// public function fieldBag(Validator|MessageBag|null $bag = null): MessageInterface -// { -// return MessageFactory::make( -// $this->session, -// 'bag', -// $bag -// ); -// } - - /** - * Fetch an alert from the given alert type. - */ - public function from(string $type, ...$args): MessageInterface - { - if (! Type::exists($type)) { - throw new Exception("Invalid alert type '$type'. Check the alert config"); - } - - return MessageFactory::make($this->session, $type, ...$args); - } -// -// /** -// * Fetch the modal alert. -// */ -// public function modal(?string $message = null): MessageInterface -// { -// return MessageFactory::make($this->session, 'modal', $message); -// } -// -// /** -// * Fetch the notify alert. -// */ -// public function notify(?string $message = null): MessageInterface -// { -// return MessageFactory::make($this->session, 'notify', $message); -// } -// -// /** -// * Fetch the sticky alert. -// */ -// public function sticky(?string $message = null): MessageInterface -// { -// return MessageFactory::make($this->session, 'sticky', $message); -// } -// -// /** -// * Fetch the default alert type, which is the message alert. -// */ -// public function message(string $message): MessageInterface -// { -// return MessageFactory::make($this->session, 'message', $message); -// } - - /** - * Dynamically handle method calls for different alert types. - * @throws Exception - */ - public function __call($method, $parameters) - { - if (Type::exists($method)) { - return MessageFactory::make($this->session, $method, ...$parameters); - } - - throw new Exception("Method '$method' not found in Alert class."); - } - - /** - * Fetch all alerts from the session. - */ - public function has(string $type): bool - { - $types = $this->session->get(SessionKey::typeKey($type)) ?? []; - - return ! empty($types); - } - - /** - * Fetch all alerts from the session. - */ - public function count(string $type): int - { - $types = $this->session->get(SessionKey::typeKey($type)) ?? []; - - return count($types); - } -} \ No newline at end of file diff --git a/src/AlertServiceProvider.php b/src/AlertServiceProvider.php deleted file mode 100644 index c4f0c228..00000000 --- a/src/AlertServiceProvider.php +++ /dev/null @@ -1,116 +0,0 @@ -loadViewsFrom(__DIR__.'/../resources/views', 'alert'); - - $this->bootAlert(); - - $this->registerMacros(); - - $this->bootForConsole(); - - - } - - /** - * Register any package services. - */ - public function register(): void - { - $this->app->bind(SessionInterface::class, Session::class); - $this->app->bind(ConfigInterface::class, Config::class); - - $this->app->singleton('alert', function ($app) { - return $app->make(Alert::class); - }); - - $this->mergeConfigFrom(__DIR__.'/../config/alert.php', 'alert'); - } - - /** - * Get the services provided by the provider. - */ - public function provides(): array - { - return ['alert']; - } - - /** - * Boot the alert. - * @throws Exception - */ - protected function bootAlert(): void - { - Theme::theme()->boot(); - - on('dehydrate', function (Component $component) { - if (! Livewire::isLivewireRequest()) { - return; - } - - if (store($component)->has('redirect')) { - return; - } - - if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { - return; - } - - info('dehydrate', ['component' => $component]); - - $component->dispatch('showModal'); - }); - - } - - /** - * Console-specific booting. - */ - protected function bootForConsole(): void - { - $this->publishes([ - __DIR__.'/../resources/views' => base_path('resources/views/vendor/digitlimit/alert'), - ], 'alert.views'); - - $this->publishes([ - __DIR__.'/../config/alert.php' => config_path('alert.php'), - ], 'alert.config'); - - $this->publishes([ - __DIR__.'/../public' => public_path('vendor/alert'), - ], 'alert.assets'); - } - - /** - * Register some helper macros. - */ - protected function registerMacros(): void - { - Alert::macro('stickForget', function (?string $tag = null) { - app(Alert::class) - ->sticky() - ->forget($tag); - }); - } -} diff --git a/src/Component/Button.php b/src/Component/Button.php deleted file mode 100644 index 3902c407..00000000 --- a/src/Component/Button.php +++ /dev/null @@ -1,41 +0,0 @@ -label = $label; - } - - /** - * Set the button link. - */ - public function link(string $link): void - { - $this->link = $link; - } - - /** - * Set the button attributes. - */ - public function attributes(array $attributes): void - { - $this->attributes = $attributes; - } -} diff --git a/src/Config.php b/src/Config.php deleted file mode 100644 index 8d5958d3..00000000 --- a/src/Config.php +++ /dev/null @@ -1,27 +0,0 @@ -config = $config; - } - - /** - * Fetch value from the config based on the given key. - */ - public function get(string $key, mixed $default = null): mixed - { - return $this->config->get($key, $default); - } -} diff --git a/src/Contracts/ConfigInterface.php b/src/Contracts/ConfigInterface.php deleted file mode 100644 index 8c84a599..00000000 --- a/src/Contracts/ConfigInterface.php +++ /dev/null @@ -1,11 +0,0 @@ -message($message) - ->info(); - - if ($title) { - $alert->title($title); - } - - return $alert; - } -} - -if (! function_exists('field')) { - function field(string $name, string $message, ?string $tag = null): mixed - { - $alert = app('alert')->field($name, $message); - - if ($tag) { - $alert->tag($tag); - } - - return $alert; - } -} - -if (! function_exists('fieldBag')) { - function fieldBag(Validator|MessageBag $bag): mixed - { - return app('alert') - ->fieldBag($bag); - } -} - -if (! function_exists('modal')) { - function modal(string $message, ?string $title = null): mixed - { - $alert = app('alert')->modal($message); - - if ($title) { - $alert->title($title); - } - - return $alert; - } -} - -if (! function_exists('notify')) { - function notify(string $message, ?string $title = null): mixed - { - $alert = app('alert')->notify($message); - - if ($title) { - $alert->title($title); - } - - return $alert; - } -} - -if (! function_exists('sticky')) { - function sticky(string $message, ?string $title = null): mixed - { - $alert = app('alert')->sticky($message); - - if ($title) { - $alert->title($title); - } - - return $alert; - } -} - -if (! function_exists('forgetSticky')) { - function forgetSticky(?string $name = null): void - { - app('alert')->stickForget($name); - } -} diff --git a/src/Helpers/Attribute.php b/src/Helpers/Attribute.php deleted file mode 100644 index d57fd3fb..00000000 --- a/src/Helpers/Attribute.php +++ /dev/null @@ -1,21 +0,0 @@ -get('alert.theme'); - } - - public static function all(): array - { - return Helper::config()->get('alert.themes'); - } - - /** - * @throws Exception - */ - public static function theme(): ThemeInterface - { - $name = self::name(); - $themes = self::all(); - - $theme = $themes[$name] ?? null; - - if (!$theme) { - throw new Exception("Theme {$name} not found"); - } - - return app($theme); - } -} diff --git a/src/Helpers/Type.php b/src/Helpers/Type.php deleted file mode 100644 index 71a297a6..00000000 --- a/src/Helpers/Type.php +++ /dev/null @@ -1,62 +0,0 @@ -types(); - } - - /** - * Get the prefixed type for an alert type. - */ - public static function prefixed(string $type): string - { - return self::PREFIX.$type; - } - - /** - * Check if an alert type exists. - */ - public static function exists(string $type): bool - { - $types = self::types(); - - return isset($types[$type]) || isset($types[self::prefixed($type)]); - } - - /** - * Get an alert type. - */ - public static function type(string $type): array - { - $types = self::types(); - - return $types[$type] ?? $types[self::prefixed($type)]; - } - - /** - * Get alert class name. - */ - public static function classname(string $type): string - { - if (! self::exists($type)) { - throw new Exception("The alert type '$type' does not exist in config"); - } - - return self::type($type)['alert']; - } -} diff --git a/src/Message/AbstractMessage.php b/src/Message/AbstractMessage.php deleted file mode 100644 index b4c6e2da..00000000 --- a/src/Message/AbstractMessage.php +++ /dev/null @@ -1,143 +0,0 @@ -id = $id; - $this->flash(); - - return $this; - } - - /** - * Set alert level. - */ - public function level(string $level): self - { - $this->level = $level; - $this->flash(); - - return $this; - } - - /** - * Set alert message. - */ - public function message(string $message): self - { - $this->message = $message; - $this->flash(); - - return $this; - } - - /** - * Set the alert title. - */ - public function title(string $title): self - { - $this->title = $title; - $this->flash(); - - return $this; - } - - /** - * Set the alert tag. - */ - public function tag(string $tag): self - { - $this->tag = $tag; - $this->flash(); - - return $this; - } - - /** - * Fetch the alert tag. - */ - public function getTag(): string - { - return $this->tag; - } - - /** - * Fetch the alert level. - */ - public function getLevel(): ?string - { - return $this->level ?? null; - } - - /** - * Fetch the alert title. - */ - public function getTitle(): ?string - { - return $this->title ?? null; - } - - /** - * Fetch the alert message. - */ - public function getMessage(): ?string - { - return $this->message ?? null; - } - - /** - * Flash alert to store. - * Its temporal store that is deleted once pulled/fetched. - */ - public function flash(): void - { - $sessionKey = SessionKey::key($this->key(), $this->getTag()); - - if (empty($sessionKey)) { - return; - } - - $this->session->flash($sessionKey, $this); - } -} diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php deleted file mode 100644 index 4f7ef2a8..00000000 --- a/src/Message/MessageFactory.php +++ /dev/null @@ -1,25 +0,0 @@ -level = 'primary'; - - return $this; - } - - /** - * Secondary alert level. - */ - public function secondary(): self - { - $this->level = 'secondary'; - - return $this; - } - - /** - * Success alert level. - */ - public function success(): self - { - $this->level = 'success'; - - return $this; - } - - /** - * Info alert level. - */ - public function info(): self - { - $this->level = 'info'; - - return $this; - } - - /** - * Error alert level. - */ - public function error(): self - { - $this->level = 'danger'; - - return $this; - } - - /** - * Warning alert level. - */ - public function warning(): self - { - $this->level = 'warning'; - - return $this; - } - - /** - * Light alert level. - */ - public function light(): self - { - $this->level = 'light'; - - return $this; - } - - /** - * Dark alert level. - */ - public function dark(): self - { - $this->level = 'dark'; - - return $this; - } -} diff --git a/src/Types/Field.php b/src/Types/Field.php deleted file mode 100644 index 6113a48c..00000000 --- a/src/Types/Field.php +++ /dev/null @@ -1,60 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - } - - /** - * Message store key for the field alert. - */ - public function key(): string - { - return 'field'; - } - - /** - * Get field store tag. - */ - public function getTag(): string - { - if ($this->name) { - //e.g default.firstname - return $this->tag.'.'.$this->name; - } - - return $this->tag; - } - - /** - * Flash field instance to store. - */ - public function flash(): void - { - $sessionKey = SessionKey::key($this->key(), $this->getTag()); - - if (empty($this->name) || empty($this->message)) { - return; - } - - $this->session->flash($sessionKey, $this); - } -} diff --git a/src/Types/FieldBag.php b/src/Types/FieldBag.php deleted file mode 100644 index 07166a30..00000000 --- a/src/Types/FieldBag.php +++ /dev/null @@ -1,76 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - - if (is_a($bag, Validator::class)) { - $this->errors($bag); - } elseif (is_a($bag, MessageBag::class)) { - $this->messages($bag); - } else { - $this->messages = new MessageBag; - } - } - - /** - * Message store key for the field alert. - */ - public function key(): string - { - return 'bag'; - } - - /** - * Set messages. - */ - public function messages(MessageBag $messages): self - { - $this->messages = $messages; - $this->flash(); - - return $this; - } - - /** - * Set errors. - */ - public function errors(Validator $validator): self - { - $this->messages = $validator->errors(); - $this->flash(); - - return $this; - } - - /** - * Fetch a message for a given field name. - */ - public function messageFor(string $name): string - { - return $this->messages->first($name); - } -} diff --git a/src/Types/Message.php b/src/Types/Message.php deleted file mode 100644 index 1651a183..00000000 --- a/src/Types/Message.php +++ /dev/null @@ -1,31 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - } - - /** - * Message store key for the message alert. - */ - public function key(): string - { - return 'message'; - } -} diff --git a/src/Types/Modal.php b/src/Types/Modal.php deleted file mode 100644 index c5e6d586..00000000 --- a/src/Types/Modal.php +++ /dev/null @@ -1,176 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - $this->action = new Button; - $this->cancel = new Button; - } - - /** - * Message store key for the modal alert. - */ - public function key(): string - { - return 'modal'; - } - - /** - * Set the action button. - */ - public function action(string $label, ?string $link = null, array $attributes = []): self - { - $this->action = new Button($label, $link, $attributes); - $this->flash(); - - return $this; - } - - /** - * Set the cancel button. - */ - public function cancel(string $label, ?string $link = null, array $attributes = []): self - { - $this->cancel = new Button($label, $link, $attributes); - $this->flash(); - - return $this; - } - - /** - * Set modal to scrollable. - */ - public function scrollable( - string $class = 'modal-dialog-scrollable' - ): self { - $this->scrollable = $class; - $this->flash(); - - return $this; - } - - /** - * Set modal size to small. - */ - public function small(string $class = 'modal-sm'): self - { - $this->size = $class; - $this->flash(); - - return $this; - } - - /** - * Set modal size to large. - */ - public function large(string $class = 'modal-lg'): self - { - $this->size = $class; - $this->flash(); - - return $this; - } - - /** - * Set modal size to extra-large. - */ - public function extraLarge(string $class = 'modal-xl'): self - { - $this->size = $class; - $this->flash(); - - return $this; - } - - /** - * Set modal size to fullscreen. - */ - public function fullscreen(string $class = 'modal-fullscreen'): self - { - $this->size = $class; - $this->flash(); - - return $this; - } - - /** - * Set modal position to center. - */ - public function centered(string $class = 'modal-dialog-centered'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Set a view for the modal. - */ - public function view(View $view): self - { - $this->view = $view->render(); - $this->flash(); - - return $this; - } - - /** - * Set HTML string for the modal. - */ - public function html(string $html): self - { - $this->view = $html; - $this->flash(); - - return $this; - } -} diff --git a/src/Types/Notify.php b/src/Types/Notify.php deleted file mode 100644 index 99bc4f10..00000000 --- a/src/Types/Notify.php +++ /dev/null @@ -1,114 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - $this->bottomRight(); - } - - /** - * Message store key for the notify alert. - */ - public function key(): string - { - return 'notify'; - } - - /** - * Position notify on center of the screen. - */ - public function centered(string $class = 'top-50 start-50 translate-middle'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the center of the screen. - */ - public function topLeft(string $class = 'top-0 start-0'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the top right of the screen. - */ - public function topRight(string $class = 'top-0 end-0'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the top center of the screen. - */ - public function topCenter(string $class = 'top-0 start-50 translate-middle-x'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the bottom left of the screen. - */ - public function bottomLeft(string $class = 'bottom-0 start-0'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the bottom right of the screen. - */ - public function bottomRight(string $class = 'bottom-0 end-0'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } - - /** - * Position notify on the bottom center of the screen. - */ - public function bottomCenter(string $class = 'bottom-0 start-50 translate-middle-x'): self - { - $this->position = $class; - $this->flash(); - - return $this; - } -} diff --git a/src/Types/Sticky.php b/src/Types/Sticky.php deleted file mode 100644 index 102e96a5..00000000 --- a/src/Types/Sticky.php +++ /dev/null @@ -1,75 +0,0 @@ -id($this->key().'-'.Helper::randomString()); - $this->action = new Button; - } - - /** - * Message store key for the sticky alert. - */ - public function key(): string - { - return 'sticky'; - } - - /** - * Set the action button. - */ - public function action(string $label, ?string $link = null, array $attributes = []): self - { - $this->action = new Button($label, $link, $attributes); - $this->flash(); - - return $this; - } - - /** - * Put alert in the store. - */ - public function flash(): void - { - $sessionKey = SessionKey::key($this->key(), $this->getTag()); - $this->session->put($sessionKey, $this); - } - - /** - * Remove alert from the store. - */ - public function forget(?string $tag = null): void - { - $tag = $tag ?? $this->getTag(); - - if (empty($tag)) { - $tag = Alert::DEFAULT_TAG; - } - - $sessionKey = SessionKey::key($this->key(), $tag); - $this->session->forget($sessionKey); - } -} diff --git a/src/View/Components/Themes/Bootstrap5.php b/src/View/Components/Themes/Bootstrap5.php deleted file mode 100644 index 75317c5c..00000000 --- a/src/View/Components/Themes/Bootstrap5.php +++ /dev/null @@ -1,66 +0,0 @@ - [ - 'view' => 'alert-message', - 'alert' => Types\Message::class, - 'component' => Bootstrap5\Message::class, - ], - - 'field' => [ - 'view' => 'alert-field', - 'alert' => Types\Field::class, - 'component' => Bootstrap5\Field::class, - ], - - 'bag' => [ - 'view' => 'alert-field', - 'alert' => Types\FieldBag::class, - 'component' => Bootstrap5\Field::class, - ], - - 'modal' => [ - 'view' => 'alert-modal', - 'alert' => Types\Modal::class, - 'component' => Bootstrap5\Modal::class, - ], - - 'notify' => [ - 'view' => 'alert-notify', - 'alert' => Types\Notify::class, - 'component' => Bootstrap5\Notify::class, - ], - - 'sticky' => [ - 'view' => 'alert-sticky', - 'alert' => Types\Sticky::class, - 'component' => Bootstrap5\Sticky::class, - ], - ]; - } - - /** - * Register the alert components - */ - public function boot(): void - { - Blade::componentNamespace(__NAMESPACE__, 'alert'); - - foreach ($this->types() as $type) { - Blade::component($type['view'], $type['component']); - } - } -} diff --git a/src/View/Components/Themes/Bootstrap5/Field.php b/src/View/Components/Themes/Bootstrap5/Field.php deleted file mode 100644 index 6274720b..00000000 --- a/src/View/Components/Themes/Bootstrap5/Field.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.bootstrap5.field'); - } -} diff --git a/src/View/Components/Themes/Bootstrap5/Message.php b/src/View/Components/Themes/Bootstrap5/Message.php deleted file mode 100644 index cd1e2112..00000000 --- a/src/View/Components/Themes/Bootstrap5/Message.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.bootstrap5.message'); - } -} diff --git a/src/View/Components/Themes/Bootstrap5/Modal.php b/src/View/Components/Themes/Bootstrap5/Modal.php deleted file mode 100644 index a64fd2e3..00000000 --- a/src/View/Components/Themes/Bootstrap5/Modal.php +++ /dev/null @@ -1,80 +0,0 @@ - 'button', - 'class' => 'btn btn-primary', - ]; - - /** - * Default cancel button attributes. - */ - public array $cancelAttributes = [ - 'type' => 'button', - 'class' => 'btn btn-secondary', - 'data-bs-dismiss' => 'modal', - ]; - - /** - * Create a new component instance. - */ - public function __construct(Alert $alert) - { - $this->alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.bootstrap5.modal'); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function actionAttributes(array $attributes): string - { - $newAttributes = array_merge( - $this->actionAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function cancelAttributes(array $attributes): string - { - $newAttributes = array_merge( - $this->cancelAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } -} diff --git a/src/View/Components/Themes/Bootstrap5/Notify.php b/src/View/Components/Themes/Bootstrap5/Notify.php deleted file mode 100644 index 7b250341..00000000 --- a/src/View/Components/Themes/Bootstrap5/Notify.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.bootstrap5.notify'); - } -} diff --git a/src/View/Components/Themes/Bootstrap5/Sticky.php b/src/View/Components/Themes/Bootstrap5/Sticky.php deleted file mode 100644 index 47ad3bc2..00000000 --- a/src/View/Components/Themes/Bootstrap5/Sticky.php +++ /dev/null @@ -1,58 +0,0 @@ - 'button', - 'class' => 'btn btn-sm btn-primary float-end', - ]; - - /** - * Create a new component instance. - */ - public function __construct(Alert $alert) - { - $this->alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.bootstrap5.sticky'); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function actionAttributes(array $attributes): string - { - $newAttributes = array_merge( - $this->actionAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } -} diff --git a/src/View/Components/Themes/Tailwind.php b/src/View/Components/Themes/Tailwind.php deleted file mode 100644 index 20663932..00000000 --- a/src/View/Components/Themes/Tailwind.php +++ /dev/null @@ -1,64 +0,0 @@ - [ - 'view' => 'alert-message', - 'alert' => Types\Message::class, - 'component' => Tailwind\Message::class, - ], - - 'field' => [ - 'view' => 'alert-field', - 'alert' => Types\Field::class, - 'component' => Tailwind\Field::class, - ], - - 'bag' => [ - 'view' => 'alert-field', - 'alert' => Types\FieldBag::class, - 'component' => Tailwind\Field::class, - ], - - 'modal' => [ - 'view' => 'alert-modal', - 'alert' => Types\Modal::class, - 'component' => Tailwind\Modal::class, - ], - - 'notify' => [ - 'view' => 'alert-notify', - 'alert' => Types\Notify::class, - 'component' => Tailwind\Notify::class, - ], - - 'sticky' => [ - 'view' => 'alert-sticky', - 'alert' => Types\Sticky::class, - 'component' => Tailwind\Sticky::class, - ], - ]; - } - - /** - * Register the alert components - */ - public function boot(): void - { - foreach ($this->types() as $type) { - Livewire::component($type['view'], $type['component']); - } - } -} diff --git a/src/View/Components/Themes/Tailwind/Field.php b/src/View/Components/Themes/Tailwind/Field.php deleted file mode 100644 index d3e2bad9..00000000 --- a/src/View/Components/Themes/Tailwind/Field.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.tailwind.field'); - } -} diff --git a/src/View/Components/Themes/Tailwind/Message.php b/src/View/Components/Themes/Tailwind/Message.php deleted file mode 100644 index dc5a0c2e..00000000 --- a/src/View/Components/Themes/Tailwind/Message.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.tailwind.message'); - } -} diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php deleted file mode 100644 index 751f17ba..00000000 --- a/src/View/Components/Themes/Tailwind/Modal.php +++ /dev/null @@ -1,106 +0,0 @@ - 'button', - 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', - '@click' => 'modalOpen = false;', - ]; - - /** - * Default cancel button attributes. - */ - public array $cancelAttributes = [ - 'type' => 'button', - 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', - '@click' => 'modalOpen = false;', - ]; - - /** - * Default action button attributes. - */ - public array $linkActionAttributes = [ - 'type' => 'button', - 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', - '@click' => 'modalOpen = false;', - ]; - - /** - * Default cancel button attributes. - */ - public array $linkCancelAttributes = [ - 'type' => 'button', - 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', - '@click' => 'modalOpen = false;', - ]; - - /** - * @throws Exception - */ - public function mount(): void - { - $this->tag = $this->tag ?? $this->defaultTag; - } - - #[On('refresh')] - public function refresh(): void - { - info('refreshing'); - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.tailwind.modal'); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function actionAttributes(array $attributes = []): string - {$this->emit('refresh'); - $newAttributes = array_merge( - $this->actionAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function cancelAttributes(array $attributes = []): string - { - $newAttributes = array_merge( - $this->cancelAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } -} diff --git a/src/View/Components/Themes/Tailwind/Notify.php b/src/View/Components/Themes/Tailwind/Notify.php deleted file mode 100644 index ed642a7a..00000000 --- a/src/View/Components/Themes/Tailwind/Notify.php +++ /dev/null @@ -1,36 +0,0 @@ -alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.tailwind.notify'); - } -} diff --git a/src/View/Components/Themes/Tailwind/Sticky.php b/src/View/Components/Themes/Tailwind/Sticky.php deleted file mode 100644 index b857df0f..00000000 --- a/src/View/Components/Themes/Tailwind/Sticky.php +++ /dev/null @@ -1,58 +0,0 @@ - 'button', - 'class' => 'btn btn-sm btn-primary float-end', - ]; - - /** - * Create a new component instance. - */ - public function mount(Alert $alert) - { - $this->alert = $alert; - } - - /** - * Get the view / contents that represent the component. - */ - public function render(): View - { - return view('alert::components.themes.tailwind.sticky'); - } - - /** - * Merge and convert array attributes to HTML string attributes. - */ - public function actionAttributes(array $attributes): string - { - $newAttributes = array_merge( - $this->actionAttributes, - $attributes - ); - - return Attribute::toString($newAttributes); - } -} diff --git a/tests/Feature/Component/ButtonTest.php b/tests/Feature/Component/ButtonTest.php deleted file mode 100644 index a543ea10..00000000 --- a/tests/Feature/Component/ButtonTest.php +++ /dev/null @@ -1,19 +0,0 @@ - 'btn-sm']); - - expect($button->label)->toEqual('Submit'); - expect($button->link)->toEqual('/about'); - expect($button->attributes)->toEqual(['class' => 'btn-sm']); - - $button->label('Register'); - $button->link('/register'); - $button->attributes(['id' => 'register']); - - expect($button->label)->toEqual('Register'); - expect($button->link)->toEqual('/register'); - expect($button->attributes)->toEqual(['id' => 'register']); -})->name('component', 'component-button'); diff --git a/tests/Feature/Components/FieldBagTest.php b/tests/Feature/Components/FieldBagTest.php deleted file mode 100644 index d42231ac..00000000 --- a/tests/Feature/Components/FieldBagTest.php +++ /dev/null @@ -1,27 +0,0 @@ - '', 'lastname' => ''], - [ - 'firstname' => 'required', - 'lastname' => 'required', - ] - ); - - Alert::fieldBag($validator) - ->tag('contact') - ->error(); - - $this - ->blade('') - ->assertSee('class="form-text text-danger"', false) - ->assertSee('The firstname field is required'); - - $this - ->blade('') - ->assertSee('class="form-text text-danger"', false) - ->assertSee('The lastname field is required'); -})->group('view-component', 'view-component-field-bag'); diff --git a/tests/Feature/Components/FieldTest.php b/tests/Feature/Components/FieldTest.php deleted file mode 100644 index ba344a54..00000000 --- a/tests/Feature/Components/FieldTest.php +++ /dev/null @@ -1,49 +0,0 @@ -success(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-success"', false) - ->assertSee('Username is available'); - -})->group('view-component', 'view-component-field-default'); - -it('can render a tagged field view component', function () { - Alert::field('country', 'Please select a country') - ->tag('contact') - ->warning(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-warning"', false) - ->assertSee('Please select a country'); - -})->group('view-component', 'view-component-field-tagged'); - -it('can render a named field view component', function () { - Alert::field('country', 'Good, you chose a valid country') - ->tag('contact') - ->success(); - - Alert::field('state', 'Good, you chose a valid state') - ->tag('contact') - ->success(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-success"', false) - ->assertSee('Good, you chose a valid country') - ->assertDontSee('Good, you chose a valid state'); - -})->group('view-component', 'view-component-field-named-tagged'); diff --git a/tests/Feature/Components/MessageTest.php b/tests/Feature/Components/MessageTest.php deleted file mode 100644 index c5003c18..00000000 --- a/tests/Feature/Components/MessageTest.php +++ /dev/null @@ -1,12 +0,0 @@ -blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-message-default'); diff --git a/tests/Feature/Components/ModalTest.php b/tests/Feature/Components/ModalTest.php deleted file mode 100644 index 6a690a2b..00000000 --- a/tests/Feature/Components/ModalTest.php +++ /dev/null @@ -1,72 +0,0 @@ -blade('') - ->assertSee('class="modal"', false) - ->assertSee('Than you for joining us'); -})->group('view-component', 'view-component-modal-default'); - -it('can render a default modal with buttons and title', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->action('Yes') - ->cancel('Cancel') - ->centered() - ->title('Please login') - ->error(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="modal"', false) - ->assertSee('Yes') - ->assertSee('Cancel') - ->assertSee('Please login') - ->assertSee('Your message has been recieved, you will hear from us soon'); -})->group('view-component', 'view-component-modal-buttons-title'); - -it('can render a default modal a the right position', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->centered('centered'); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="modal-centered "', false); -})->group('view-component', 'view-component-modal-position'); - -it('can render a default modal a the right size', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->small(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-sm "', false); - - Alert::modal('Your message has been recieved, you will hear from us soon') - ->large(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-lg "', false); - - Alert::modal() - ->extraLarge(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-xl "', false); - - Alert::modal() - ->fullscreen(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-fullscreen "', false); -})->group('view-component', 'view-component-modal-size'); diff --git a/tests/Feature/Components/NotifyTest.php b/tests/Feature/Components/NotifyTest.php deleted file mode 100644 index 1da6d3e7..00000000 --- a/tests/Feature/Components/NotifyTest.php +++ /dev/null @@ -1,22 +0,0 @@ -blade('') - ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-notify-default'); - -it('can render a tagged notify alert', function () { - Alert::notify('Thank you for joining us') - ->tag('contact'); - - $this - ->blade('') - ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-notify-tagged'); diff --git a/tests/Feature/Components/StickyTest.php b/tests/Feature/Components/StickyTest.php deleted file mode 100644 index 14b0f79a..00000000 --- a/tests/Feature/Components/StickyTest.php +++ /dev/null @@ -1,32 +0,0 @@ -blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-sticky-default'); - -it('can render a tagged sticky alert', function () { - Alert::sticky('Thank you for joining us') - ->tag('contact'); - - $this - ->blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-sticky-tagged'); - -it('can render a tagged sticky alert button', function () { - Alert::sticky('Thank you for joining us') - ->action('Pay'); - - $this - ->blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Pay'); -})->group('view-component', 'view-component-sticky-button'); diff --git a/tests/Feature/Helpers/FieldTest.php b/tests/Feature/Helpers/FieldTest.php deleted file mode 100644 index 899c496e..00000000 --- a/tests/Feature/Helpers/FieldTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Field::class) - ->and($default->message) - ->toEqual('Invalid firstname'); - -})->group('types', 'types-field'); diff --git a/tests/Feature/Helpers/MessageTest.php b/tests/Feature/Helpers/MessageTest.php deleted file mode 100644 index e20589f7..00000000 --- a/tests/Feature/Helpers/MessageTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Message::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Helpers/ModalTest.php b/tests/Feature/Helpers/ModalTest.php deleted file mode 100644 index 82a72a24..00000000 --- a/tests/Feature/Helpers/ModalTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Modal::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Helpers/NotifyTest.php b/tests/Feature/Helpers/NotifyTest.php deleted file mode 100644 index 01ce4a41..00000000 --- a/tests/Feature/Helpers/NotifyTest.php +++ /dev/null @@ -1,21 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Notify::class) - ->and($default->message) - ->toEqual('Thank you!') - ->and($default->key()) - ->toEqual('notify'); - -})->group('types', 'types-notify', 'types-notify'); diff --git a/tests/Feature/Helpers/StickyTest.php b/tests/Feature/Helpers/StickyTest.php deleted file mode 100644 index 19514e79..00000000 --- a/tests/Feature/Helpers/StickyTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Sticky::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-sticky', 'types-sticky-message'); diff --git a/tests/Feature/Message/MessageInterfaceTest.php b/tests/Feature/Message/MessageInterfaceTest.php deleted file mode 100644 index b3d9bbc7..00000000 --- a/tests/Feature/Message/MessageInterfaceTest.php +++ /dev/null @@ -1 +0,0 @@ -primary(); - expect($alert->level)->toEqual('primary'); - - $alert = Alert::message('Thank you!')->secondary(); - expect($alert->level)->toEqual('secondary'); - - $alert = Alert::message('Thank you!')->success(); - expect($alert->level)->toEqual('success'); - - $alert = Alert::message('Thank you!')->info(); - expect($alert->level)->toEqual('info'); - - $alert = Alert::message('Thank you!')->error(); - expect($alert->level)->toEqual('danger'); - - $alert = Alert::message('Thank you!')->warning(); - expect($alert->level)->toEqual('warning'); - - $alert = Alert::message('Thank you!')->light(); - expect($alert->level)->toEqual('light'); - - $alert = Alert::message('Thank you!')->dark(); - expect($alert->level)->toEqual('dark'); -})->name('traits', 'traits-levelable'); diff --git a/tests/Feature/Types/FieldTest.php b/tests/Feature/Types/FieldTest.php deleted file mode 100644 index 606eb4b8..00000000 --- a/tests/Feature/Types/FieldTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Field::class) - ->and($default->message) - ->toEqual('Invalid firstname'); - -})->group('types', 'types-field', 'types-field'); diff --git a/tests/Feature/Types/MessageTest.php b/tests/Feature/Types/MessageTest.php deleted file mode 100644 index 1dd4318d..00000000 --- a/tests/Feature/Types/MessageTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Message::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Types/ModalTest.php b/tests/Feature/Types/ModalTest.php deleted file mode 100644 index da2ddab7..00000000 --- a/tests/Feature/Types/ModalTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Modal::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Types/NotifyTest.php b/tests/Feature/Types/NotifyTest.php deleted file mode 100644 index 621c2ae4..00000000 --- a/tests/Feature/Types/NotifyTest.php +++ /dev/null @@ -1,64 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default)->toBeInstanceOf(Notify::class) - ->and($default->message) - ->toEqual('Thank you!') - ->and($default->key()) - ->toEqual('notify'); - -})->group('types', 'types-notify', 'types-notify'); - -it('can create a notify alert position', function () { - // top right - Alert::notify('Thank you!') - ->topRight(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-0 end-0'); - - // top left - Alert::notify('Thank you!') - ->topLeft(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-0 start-0'); - - // bottom right - Alert::notify('Thank you!') - ->bottomRight(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 end-0'); - - // bottom left - Alert::notify('Thank you!') - ->bottomLeft(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 start-0'); - - // centered - Alert::notify('Thank you!') - ->centered(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-50 start-50 translate-middle'); - - // bottom center - Alert::notify('Thank you!') - ->bottomCenter(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 start-50 translate-middle-x'); -})->group('types', 'types-notify', 'types-notify-position'); diff --git a/tests/Feature/Types/StickyTest.php b/tests/Feature/Types/StickyTest.php deleted file mode 100644 index 21251663..00000000 --- a/tests/Feature/Types/StickyTest.php +++ /dev/null @@ -1,44 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Sticky::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-sticky', 'types-sticky-message'); - -it('can create a sticky alert title', function () { - Alert::sticky('Thank for ordering pizza!') - ->title('Order'); - - $default = Alert::default('sticky'); - - expect($default->title) - ->toEqual('Order') - ->and($default->message) - ->toEqual('Thank for ordering pizza!'); - -})->group('types', 'types-sticky', 'types-sticky-title'); - -it('can create a sticky alert button', function () { - Alert::sticky() - ->action('Yes'); - - $default = Alert::default('sticky'); - - expect($default->action) - ->toBeInstanceOf(Button::class); - -})->group('types', 'types-sticky', 'types-sticky-button'); diff --git a/tests/Pest.php b/tests/Pest.php deleted file mode 100644 index 1d2a4f86..00000000 --- a/tests/Pest.php +++ /dev/null @@ -1,42 +0,0 @@ -in('Feature', 'Unit'); - -/* -|-------------------------------------------------------------------------- -| Expectations -|-------------------------------------------------------------------------- -| -| When you're writing tests, you often need to check that values meet certain conditions. The -| "expect()" function gives you access to a set of "expectations" methods that you can use -| to assert different things. Of course, you may extend the Expectation API at any time. -| -*/ - -expect()->extend('toBeOne', function () { - return $this->toBe(1); -}); - -/* -|-------------------------------------------------------------------------- -| Functions -|-------------------------------------------------------------------------- -| -| While Pest is very powerful out-of-the-box, you may have some testing code specific to your -| project that you don't want to repeat in every file. Here you can also expose helpers as -| global functions to help you to reduce the number of lines of code in your test files. -| -*/ diff --git a/tests/TestCase.php b/tests/TestCase.php deleted file mode 100644 index f532c7b1..00000000 --- a/tests/TestCase.php +++ /dev/null @@ -1,42 +0,0 @@ -> - */ - protected function getPackageAliases($app) - { - return [ - - ]; - } - - protected function getEnvironmentSetUp($app) - { - // perform environment setup - } - - public function packagePath(string $path = '') - { - return __DIR__.'/../'.$path; - } -} diff --git a/tests/Unit/Helpers/AttributeTest.php b/tests/Unit/Helpers/AttributeTest.php deleted file mode 100644 index ff099075..00000000 --- a/tests/Unit/Helpers/AttributeTest.php +++ /dev/null @@ -1,13 +0,0 @@ - 'alert-id', - 'class' => 'alert alert-success', - ]); - - expect($attributesString) - ->toEqual('id="alert-id" class="alert alert-success"'); -})->name('helpers', 'helpers-to-string'); diff --git a/tests/Unit/Helpers/SessionKeyTest.php b/tests/Unit/Helpers/SessionKeyTest.php deleted file mode 100644 index 38740bf1..00000000 --- a/tests/Unit/Helpers/SessionKeyTest.php +++ /dev/null @@ -1,10 +0,0 @@ -toEqual(SessionKey::MAIN_KEY.'.notify.contact-form-1'); -})->name('helpers', 'helpers-session-key'); diff --git a/tests/Unit/Helpers/ThemeTest.php b/tests/Unit/Helpers/ThemeTest.php deleted file mode 100644 index 80fd6565..00000000 --- a/tests/Unit/Helpers/ThemeTest.php +++ /dev/null @@ -1,45 +0,0 @@ -get('alert.theme'); - - expect($theme) - ->toEqual('tailwind') - ->and(Theme::name())->toEqual('tailwind'); - -})->group('theme', 'helpers', 'theme-name'); - -it('can get all themes', function () { - $themes = Helper::config()->get('alert.themes'); - $this->assertIsArray($themes); - - expect($themes) - ->not()->toBeEmpty() - ->toBeArray() - ->toEqual(Theme::all()); - -})->group('theme', 'helpers', 'theme-all'); - -it('can get the correct theme based on config', function () { - // set a non-existent theme - config(['alert.theme' => 'none']); - - expect(Theme::name()) - ->toEqual('none') - ->and(Theme::theme()) - ->toBeArray() - ->toBeEmpty(); - - // set a valid theme - config(['alert.theme' => 'tailwind']); - expect(Theme::name()) - ->toEqual('tailwind') - ->and(Theme::theme()) - ->toBeArray() - ->not()->toBeEmpty() - ->toEqual(config('alert.themes.tailwind')); - -})->group('theme', 'helpers', 'theme-theme'); diff --git a/tests/Unit/Helpers/TypeTest.php b/tests/Unit/Helpers/TypeTest.php deleted file mode 100644 index c74a93a0..00000000 --- a/tests/Unit/Helpers/TypeTest.php +++ /dev/null @@ -1,56 +0,0 @@ -toBeArray() - ->and($types) - ->not->toBeEmpty(); -}); - -it('should return prefixed alert type', function () { - $type = 'success'; - $prefixed = Type::prefixed($type); - - expect($prefixed) - ->toEqual(Type::PREFIX.$type); -}); - -it('should check if alert type exists', function () { - $type = 'sticky'; - - expect(Type::exists($type)) - ->toBeTrue(); -}); - -it('should return alert type', function () { - $type = 'sticky'; - $alertType = Type::type($type); - - expect($alertType) - ->toBeArray() - ->toHaveKey('view') - ->toHaveKey('alert') - ->toHaveKey('component'); -}); - -it('should return alert class name', function () { - $type = 'sticky'; - $className = Type::classname($type); - - expect($className) - ->toBeString() - ->toEqual(Type::type($type)['alert']); -}); - -it('should throw exception if alert type does not exist', function () { - $type = 'unknown'; - - Type::classname($type); -})->throws( - Exception::class, - "The alert type 'unknown' does not exist in config" -); diff --git a/tests/Unit/SessionTest.php b/tests/Unit/SessionTest.php deleted file mode 100644 index b3d9bbc7..00000000 --- a/tests/Unit/SessionTest.php +++ /dev/null @@ -1 +0,0 @@ - Date: Fri, 21 Feb 2025 03:38:56 +0000 Subject: [PATCH 018/137] adapt config to use theme --- config/alert.php | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 config/alert.php diff --git a/config/alert.php b/config/alert.php new file mode 100644 index 00000000..31dfa61c --- /dev/null +++ b/config/alert.php @@ -0,0 +1,31 @@ + 'tailwind', + + /* + |-------------------------------------------------------------------------- + | Themes + |-------------------------------------------------------------------------- + | + | Here you may register your custom alert themes + | + */ + 'themes' => [ + 'tailwind' => Digitlimit\Alert\View\Components\Themes\Tailwind::class, + 'bootstrap5' => Digitlimit\Alert\View\Components\Themes\Bootstrap5::class, + ], +]; From 4816ac5ef6a4317f9e9b5331b7e08bd70c22cad4 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 03:39:16 +0000 Subject: [PATCH 019/137] fix tests --- tests/Feature/Component/ButtonTest.php | 19 +++++ tests/Feature/Components/FieldBagTest.php | 27 +++++++ tests/Feature/Components/FieldTest.php | 49 +++++++++++++ tests/Feature/Components/MessageTest.php | 12 ++++ tests/Feature/Components/ModalTest.php | 72 +++++++++++++++++++ tests/Feature/Components/NotifyTest.php | 22 ++++++ tests/Feature/Components/StickyTest.php | 32 +++++++++ tests/Feature/Helpers/FieldTest.php | 19 +++++ tests/Feature/Helpers/MessageTest.php | 19 +++++ tests/Feature/Helpers/ModalTest.php | 19 +++++ tests/Feature/Helpers/NotifyTest.php | 21 ++++++ tests/Feature/Helpers/StickyTest.php | 19 +++++ .../Feature/Message/MessageInterfaceTest.php | 1 + tests/Feature/Traits/LevelableTest.php | 29 ++++++++ tests/Feature/Types/FieldTest.php | 19 +++++ tests/Feature/Types/MessageTest.php | 19 +++++ tests/Feature/Types/ModalTest.php | 19 +++++ tests/Feature/Types/NotifyTest.php | 64 +++++++++++++++++ tests/Feature/Types/StickyTest.php | 44 ++++++++++++ tests/Pest.php | 42 +++++++++++ tests/TestCase.php | 42 +++++++++++ tests/Unit/Helpers/AttributeTest.php | 13 ++++ tests/Unit/Helpers/SessionKeyTest.php | 10 +++ tests/Unit/Helpers/ThemeTest.php | 46 ++++++++++++ tests/Unit/Helpers/TypeTest.php | 56 +++++++++++++++ tests/Unit/SessionTest.php | 1 + 26 files changed, 735 insertions(+) create mode 100644 tests/Feature/Component/ButtonTest.php create mode 100644 tests/Feature/Components/FieldBagTest.php create mode 100644 tests/Feature/Components/FieldTest.php create mode 100644 tests/Feature/Components/MessageTest.php create mode 100644 tests/Feature/Components/ModalTest.php create mode 100644 tests/Feature/Components/NotifyTest.php create mode 100644 tests/Feature/Components/StickyTest.php create mode 100644 tests/Feature/Helpers/FieldTest.php create mode 100644 tests/Feature/Helpers/MessageTest.php create mode 100644 tests/Feature/Helpers/ModalTest.php create mode 100644 tests/Feature/Helpers/NotifyTest.php create mode 100644 tests/Feature/Helpers/StickyTest.php create mode 100644 tests/Feature/Message/MessageInterfaceTest.php create mode 100644 tests/Feature/Traits/LevelableTest.php create mode 100644 tests/Feature/Types/FieldTest.php create mode 100644 tests/Feature/Types/MessageTest.php create mode 100644 tests/Feature/Types/ModalTest.php create mode 100644 tests/Feature/Types/NotifyTest.php create mode 100644 tests/Feature/Types/StickyTest.php create mode 100644 tests/Pest.php create mode 100644 tests/TestCase.php create mode 100644 tests/Unit/Helpers/AttributeTest.php create mode 100644 tests/Unit/Helpers/SessionKeyTest.php create mode 100644 tests/Unit/Helpers/ThemeTest.php create mode 100644 tests/Unit/Helpers/TypeTest.php create mode 100644 tests/Unit/SessionTest.php diff --git a/tests/Feature/Component/ButtonTest.php b/tests/Feature/Component/ButtonTest.php new file mode 100644 index 00000000..a543ea10 --- /dev/null +++ b/tests/Feature/Component/ButtonTest.php @@ -0,0 +1,19 @@ + 'btn-sm']); + + expect($button->label)->toEqual('Submit'); + expect($button->link)->toEqual('/about'); + expect($button->attributes)->toEqual(['class' => 'btn-sm']); + + $button->label('Register'); + $button->link('/register'); + $button->attributes(['id' => 'register']); + + expect($button->label)->toEqual('Register'); + expect($button->link)->toEqual('/register'); + expect($button->attributes)->toEqual(['id' => 'register']); +})->name('component', 'component-button'); diff --git a/tests/Feature/Components/FieldBagTest.php b/tests/Feature/Components/FieldBagTest.php new file mode 100644 index 00000000..d42231ac --- /dev/null +++ b/tests/Feature/Components/FieldBagTest.php @@ -0,0 +1,27 @@ + '', 'lastname' => ''], + [ + 'firstname' => 'required', + 'lastname' => 'required', + ] + ); + + Alert::fieldBag($validator) + ->tag('contact') + ->error(); + + $this + ->blade('') + ->assertSee('class="form-text text-danger"', false) + ->assertSee('The firstname field is required'); + + $this + ->blade('') + ->assertSee('class="form-text text-danger"', false) + ->assertSee('The lastname field is required'); +})->group('view-component', 'view-component-field-bag'); diff --git a/tests/Feature/Components/FieldTest.php b/tests/Feature/Components/FieldTest.php new file mode 100644 index 00000000..ba344a54 --- /dev/null +++ b/tests/Feature/Components/FieldTest.php @@ -0,0 +1,49 @@ +success(); + + $view = $this + ->blade(''); + + $view + ->assertSee('class="form-text text-success"', false) + ->assertSee('Username is available'); + +})->group('view-component', 'view-component-field-default'); + +it('can render a tagged field view component', function () { + Alert::field('country', 'Please select a country') + ->tag('contact') + ->warning(); + + $view = $this + ->blade(''); + + $view + ->assertSee('class="form-text text-warning"', false) + ->assertSee('Please select a country'); + +})->group('view-component', 'view-component-field-tagged'); + +it('can render a named field view component', function () { + Alert::field('country', 'Good, you chose a valid country') + ->tag('contact') + ->success(); + + Alert::field('state', 'Good, you chose a valid state') + ->tag('contact') + ->success(); + + $view = $this + ->blade(''); + + $view + ->assertSee('class="form-text text-success"', false) + ->assertSee('Good, you chose a valid country') + ->assertDontSee('Good, you chose a valid state'); + +})->group('view-component', 'view-component-field-named-tagged'); diff --git a/tests/Feature/Components/MessageTest.php b/tests/Feature/Components/MessageTest.php new file mode 100644 index 00000000..c5003c18 --- /dev/null +++ b/tests/Feature/Components/MessageTest.php @@ -0,0 +1,12 @@ +blade('') + ->assertSee('class="alert alert-dismissible alert-"', false) + ->assertSee('Thank you for joining us'); +})->group('view-component', 'view-component-message-default'); diff --git a/tests/Feature/Components/ModalTest.php b/tests/Feature/Components/ModalTest.php new file mode 100644 index 00000000..6a690a2b --- /dev/null +++ b/tests/Feature/Components/ModalTest.php @@ -0,0 +1,72 @@ +blade('') + ->assertSee('class="modal"', false) + ->assertSee('Than you for joining us'); +})->group('view-component', 'view-component-modal-default'); + +it('can render a default modal with buttons and title', function () { + Alert::modal('Your message has been recieved, you will hear from us soon') + ->action('Yes') + ->cancel('Cancel') + ->centered() + ->title('Please login') + ->error(); + + $view = $this + ->blade(''); + + $view + ->assertSee('class="modal"', false) + ->assertSee('Yes') + ->assertSee('Cancel') + ->assertSee('Please login') + ->assertSee('Your message has been recieved, you will hear from us soon'); +})->group('view-component', 'view-component-modal-buttons-title'); + +it('can render a default modal a the right position', function () { + Alert::modal('Your message has been recieved, you will hear from us soon') + ->centered('centered'); + + $view = $this + ->blade(''); + + $view + ->assertSee('class="modal-centered "', false); +})->group('view-component', 'view-component-modal-position'); + +it('can render a default modal a the right size', function () { + Alert::modal('Your message has been recieved, you will hear from us soon') + ->small(); + + $this + ->blade('') + ->assertSee('class="modal-dialog modal-sm "', false); + + Alert::modal('Your message has been recieved, you will hear from us soon') + ->large(); + + $this + ->blade('') + ->assertSee('class="modal-dialog modal-lg "', false); + + Alert::modal() + ->extraLarge(); + + $this + ->blade('') + ->assertSee('class="modal-dialog modal-xl "', false); + + Alert::modal() + ->fullscreen(); + + $this + ->blade('') + ->assertSee('class="modal-dialog modal-fullscreen "', false); +})->group('view-component', 'view-component-modal-size'); diff --git a/tests/Feature/Components/NotifyTest.php b/tests/Feature/Components/NotifyTest.php new file mode 100644 index 00000000..1da6d3e7 --- /dev/null +++ b/tests/Feature/Components/NotifyTest.php @@ -0,0 +1,22 @@ +blade('') + ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) + ->assertSee('Thank you for joining us'); +})->group('view-component', 'view-component-notify-default'); + +it('can render a tagged notify alert', function () { + Alert::notify('Thank you for joining us') + ->tag('contact'); + + $this + ->blade('') + ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) + ->assertSee('Thank you for joining us'); +})->group('view-component', 'view-component-notify-tagged'); diff --git a/tests/Feature/Components/StickyTest.php b/tests/Feature/Components/StickyTest.php new file mode 100644 index 00000000..14b0f79a --- /dev/null +++ b/tests/Feature/Components/StickyTest.php @@ -0,0 +1,32 @@ +blade('') + ->assertSee('class="alert alert-dismissible alert-"', false) + ->assertSee('Thank you for joining us'); +})->group('view-component', 'view-component-sticky-default'); + +it('can render a tagged sticky alert', function () { + Alert::sticky('Thank you for joining us') + ->tag('contact'); + + $this + ->blade('') + ->assertSee('class="alert alert-dismissible alert-"', false) + ->assertSee('Thank you for joining us'); +})->group('view-component', 'view-component-sticky-tagged'); + +it('can render a tagged sticky alert button', function () { + Alert::sticky('Thank you for joining us') + ->action('Pay'); + + $this + ->blade('') + ->assertSee('class="alert alert-dismissible alert-"', false) + ->assertSee('Pay'); +})->group('view-component', 'view-component-sticky-button'); diff --git a/tests/Feature/Helpers/FieldTest.php b/tests/Feature/Helpers/FieldTest.php new file mode 100644 index 00000000..899c496e --- /dev/null +++ b/tests/Feature/Helpers/FieldTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Field::class) + ->and($default->message) + ->toEqual('Invalid firstname'); + +})->group('types', 'types-field'); diff --git a/tests/Feature/Helpers/MessageTest.php b/tests/Feature/Helpers/MessageTest.php new file mode 100644 index 00000000..e20589f7 --- /dev/null +++ b/tests/Feature/Helpers/MessageTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Message::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Helpers/ModalTest.php b/tests/Feature/Helpers/ModalTest.php new file mode 100644 index 00000000..82a72a24 --- /dev/null +++ b/tests/Feature/Helpers/ModalTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Modal::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Helpers/NotifyTest.php b/tests/Feature/Helpers/NotifyTest.php new file mode 100644 index 00000000..01ce4a41 --- /dev/null +++ b/tests/Feature/Helpers/NotifyTest.php @@ -0,0 +1,21 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Notify::class) + ->and($default->message) + ->toEqual('Thank you!') + ->and($default->key()) + ->toEqual('notify'); + +})->group('types', 'types-notify', 'types-notify'); diff --git a/tests/Feature/Helpers/StickyTest.php b/tests/Feature/Helpers/StickyTest.php new file mode 100644 index 00000000..19514e79 --- /dev/null +++ b/tests/Feature/Helpers/StickyTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Sticky::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-sticky', 'types-sticky-message'); diff --git a/tests/Feature/Message/MessageInterfaceTest.php b/tests/Feature/Message/MessageInterfaceTest.php new file mode 100644 index 00000000..b3d9bbc7 --- /dev/null +++ b/tests/Feature/Message/MessageInterfaceTest.php @@ -0,0 +1 @@ +primary(); + expect($alert->level)->toEqual('primary'); + + $alert = Alert::message('Thank you!')->secondary(); + expect($alert->level)->toEqual('secondary'); + + $alert = Alert::message('Thank you!')->success(); + expect($alert->level)->toEqual('success'); + + $alert = Alert::message('Thank you!')->info(); + expect($alert->level)->toEqual('info'); + + $alert = Alert::message('Thank you!')->error(); + expect($alert->level)->toEqual('danger'); + + $alert = Alert::message('Thank you!')->warning(); + expect($alert->level)->toEqual('warning'); + + $alert = Alert::message('Thank you!')->light(); + expect($alert->level)->toEqual('light'); + + $alert = Alert::message('Thank you!')->dark(); + expect($alert->level)->toEqual('dark'); +})->name('traits', 'traits-levelable'); diff --git a/tests/Feature/Types/FieldTest.php b/tests/Feature/Types/FieldTest.php new file mode 100644 index 00000000..606eb4b8 --- /dev/null +++ b/tests/Feature/Types/FieldTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Field::class) + ->and($default->message) + ->toEqual('Invalid firstname'); + +})->group('types', 'types-field', 'types-field'); diff --git a/tests/Feature/Types/MessageTest.php b/tests/Feature/Types/MessageTest.php new file mode 100644 index 00000000..1dd4318d --- /dev/null +++ b/tests/Feature/Types/MessageTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Message::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Types/ModalTest.php b/tests/Feature/Types/ModalTest.php new file mode 100644 index 00000000..da2ddab7 --- /dev/null +++ b/tests/Feature/Types/ModalTest.php @@ -0,0 +1,19 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Modal::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Types/NotifyTest.php b/tests/Feature/Types/NotifyTest.php new file mode 100644 index 00000000..621c2ae4 --- /dev/null +++ b/tests/Feature/Types/NotifyTest.php @@ -0,0 +1,64 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default)->toBeInstanceOf(Notify::class) + ->and($default->message) + ->toEqual('Thank you!') + ->and($default->key()) + ->toEqual('notify'); + +})->group('types', 'types-notify', 'types-notify'); + +it('can create a notify alert position', function () { + // top right + Alert::notify('Thank you!') + ->topRight(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('top-0 end-0'); + + // top left + Alert::notify('Thank you!') + ->topLeft(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('top-0 start-0'); + + // bottom right + Alert::notify('Thank you!') + ->bottomRight(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('bottom-0 end-0'); + + // bottom left + Alert::notify('Thank you!') + ->bottomLeft(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('bottom-0 start-0'); + + // centered + Alert::notify('Thank you!') + ->centered(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('top-50 start-50 translate-middle'); + + // bottom center + Alert::notify('Thank you!') + ->bottomCenter(); + + $default = Alert::default('notify'); + expect($default->position)->toEqual('bottom-0 start-50 translate-middle-x'); +})->group('types', 'types-notify', 'types-notify-position'); diff --git a/tests/Feature/Types/StickyTest.php b/tests/Feature/Types/StickyTest.php new file mode 100644 index 00000000..21251663 --- /dev/null +++ b/tests/Feature/Types/StickyTest.php @@ -0,0 +1,44 @@ +toBeInstanceOf(MessageInterface::class) + ->and($default) + ->toBeInstanceOf(Sticky::class) + ->and($default->message) + ->toEqual('Thank you!'); + +})->group('types', 'types-sticky', 'types-sticky-message'); + +it('can create a sticky alert title', function () { + Alert::sticky('Thank for ordering pizza!') + ->title('Order'); + + $default = Alert::default('sticky'); + + expect($default->title) + ->toEqual('Order') + ->and($default->message) + ->toEqual('Thank for ordering pizza!'); + +})->group('types', 'types-sticky', 'types-sticky-title'); + +it('can create a sticky alert button', function () { + Alert::sticky() + ->action('Yes'); + + $default = Alert::default('sticky'); + + expect($default->action) + ->toBeInstanceOf(Button::class); + +})->group('types', 'types-sticky', 'types-sticky-button'); diff --git a/tests/Pest.php b/tests/Pest.php new file mode 100644 index 00000000..1d2a4f86 --- /dev/null +++ b/tests/Pest.php @@ -0,0 +1,42 @@ +in('Feature', 'Unit'); + +/* +|-------------------------------------------------------------------------- +| Expectations +|-------------------------------------------------------------------------- +| +| When you're writing tests, you often need to check that values meet certain conditions. The +| "expect()" function gives you access to a set of "expectations" methods that you can use +| to assert different things. Of course, you may extend the Expectation API at any time. +| +*/ + +expect()->extend('toBeOne', function () { + return $this->toBe(1); +}); + +/* +|-------------------------------------------------------------------------- +| Functions +|-------------------------------------------------------------------------- +| +| While Pest is very powerful out-of-the-box, you may have some testing code specific to your +| project that you don't want to repeat in every file. Here you can also expose helpers as +| global functions to help you to reduce the number of lines of code in your test files. +| +*/ diff --git a/tests/TestCase.php b/tests/TestCase.php new file mode 100644 index 00000000..f532c7b1 --- /dev/null +++ b/tests/TestCase.php @@ -0,0 +1,42 @@ +> + */ + protected function getPackageAliases($app) + { + return [ + + ]; + } + + protected function getEnvironmentSetUp($app) + { + // perform environment setup + } + + public function packagePath(string $path = '') + { + return __DIR__.'/../'.$path; + } +} diff --git a/tests/Unit/Helpers/AttributeTest.php b/tests/Unit/Helpers/AttributeTest.php new file mode 100644 index 00000000..ff099075 --- /dev/null +++ b/tests/Unit/Helpers/AttributeTest.php @@ -0,0 +1,13 @@ + 'alert-id', + 'class' => 'alert alert-success', + ]); + + expect($attributesString) + ->toEqual('id="alert-id" class="alert alert-success"'); +})->name('helpers', 'helpers-to-string'); diff --git a/tests/Unit/Helpers/SessionKeyTest.php b/tests/Unit/Helpers/SessionKeyTest.php new file mode 100644 index 00000000..38740bf1 --- /dev/null +++ b/tests/Unit/Helpers/SessionKeyTest.php @@ -0,0 +1,10 @@ +toEqual(SessionKey::MAIN_KEY.'.notify.contact-form-1'); +})->name('helpers', 'helpers-session-key'); diff --git a/tests/Unit/Helpers/ThemeTest.php b/tests/Unit/Helpers/ThemeTest.php new file mode 100644 index 00000000..7e92d654 --- /dev/null +++ b/tests/Unit/Helpers/ThemeTest.php @@ -0,0 +1,46 @@ +toEqual('tailwind') + ->and(Theme::name())->toEqual('tailwind'); + +})->group('theme', 'helpers', 'theme-name'); + +it('can get all themes', function () { + $themes = Config::get('alert.themes'); + $this->assertIsArray($themes); + + expect($themes) + ->not()->toBeEmpty() + ->toBeArray() + ->toEqual(Theme::all()); + +})->group('theme', 'helpers', 'theme-all'); + +it('can get the correct theme based on config', function () { + // set a non-existent theme + config(['alert.theme' => 'none']); + + expect(Theme::name()) + ->toEqual('none') + ->and(Theme::theme()) + ->toBeArray() + ->toBeEmpty(); + + // set a valid theme + config(['alert.theme' => 'tailwind']); + expect(Theme::name()) + ->toEqual('tailwind') + ->and(Theme::theme()) + ->toBeArray() + ->not()->toBeEmpty() + ->toEqual(config('alert.themes.tailwind')); + +})->group('theme', 'helpers', 'theme-theme'); diff --git a/tests/Unit/Helpers/TypeTest.php b/tests/Unit/Helpers/TypeTest.php new file mode 100644 index 00000000..c74a93a0 --- /dev/null +++ b/tests/Unit/Helpers/TypeTest.php @@ -0,0 +1,56 @@ +toBeArray() + ->and($types) + ->not->toBeEmpty(); +}); + +it('should return prefixed alert type', function () { + $type = 'success'; + $prefixed = Type::prefixed($type); + + expect($prefixed) + ->toEqual(Type::PREFIX.$type); +}); + +it('should check if alert type exists', function () { + $type = 'sticky'; + + expect(Type::exists($type)) + ->toBeTrue(); +}); + +it('should return alert type', function () { + $type = 'sticky'; + $alertType = Type::type($type); + + expect($alertType) + ->toBeArray() + ->toHaveKey('view') + ->toHaveKey('alert') + ->toHaveKey('component'); +}); + +it('should return alert class name', function () { + $type = 'sticky'; + $className = Type::classname($type); + + expect($className) + ->toBeString() + ->toEqual(Type::type($type)['alert']); +}); + +it('should throw exception if alert type does not exist', function () { + $type = 'unknown'; + + Type::classname($type); +})->throws( + Exception::class, + "The alert type 'unknown' does not exist in config" +); diff --git a/tests/Unit/SessionTest.php b/tests/Unit/SessionTest.php new file mode 100644 index 00000000..b3d9bbc7 --- /dev/null +++ b/tests/Unit/SessionTest.php @@ -0,0 +1 @@ + Date: Fri, 21 Feb 2025 03:40:23 +0000 Subject: [PATCH 020/137] remove session and config contracts --- src/Contracts/ThemeInterface.php | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/Contracts/ThemeInterface.php diff --git a/src/Contracts/ThemeInterface.php b/src/Contracts/ThemeInterface.php new file mode 100644 index 00000000..5cec15eb --- /dev/null +++ b/src/Contracts/ThemeInterface.php @@ -0,0 +1,16 @@ + Date: Fri, 21 Feb 2025 03:41:19 +0000 Subject: [PATCH 021/137] add fill and toArray methods --- src/Types/Field.php | 82 +++++++++++++++++ src/Types/FieldBag.php | 92 +++++++++++++++++++ src/Types/Message.php | 48 ++++++++++ src/Types/Modal.php | 198 +++++++++++++++++++++++++++++++++++++++++ src/Types/Notify.php | 127 ++++++++++++++++++++++++++ src/Types/Sticky.php | 100 +++++++++++++++++++++ 6 files changed, 647 insertions(+) create mode 100644 src/Types/Field.php create mode 100644 src/Types/FieldBag.php create mode 100644 src/Types/Message.php create mode 100644 src/Types/Modal.php create mode 100644 src/Types/Notify.php create mode 100644 src/Types/Sticky.php diff --git a/src/Types/Field.php b/src/Types/Field.php new file mode 100644 index 00000000..bb9f803c --- /dev/null +++ b/src/Types/Field.php @@ -0,0 +1,82 @@ +id($this->key().'-'.Helper::randomString()); + } + + /** + * Message store key for the field alert. + */ + public function key(): string + { + return 'field'; + } + + /** + * Get field store tag. + */ + public function getTag(): string + { + if ($this->name) { + //e.g default.firstname + return $this->tag.'.'.$this->name; + } + + return $this->tag; + } + + /** + * Flash field instance to store. + */ + public function flash(): void + { + $sessionKey = SessionKey::key($this->key(), $this->getTag()); + + if (empty($this->name) || empty($this->message)) { + return; + } + + Session::flash($sessionKey, $this); + } + + /** + * Get the field alert as an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'name' => $this->name, + 'message' => $this->message, + 'tag' => $this->getTag(), + ]); + } + + /** + * Fill the field alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + $field = new static($alert['name'], $alert['message']); + $field->id($alert['id']); + $field->tag($alert['tag']); + } +} diff --git a/src/Types/FieldBag.php b/src/Types/FieldBag.php new file mode 100644 index 00000000..94ad430e --- /dev/null +++ b/src/Types/FieldBag.php @@ -0,0 +1,92 @@ +id($this->key().'-'.Helper::randomString()); + + if (is_a($bag, Validator::class)) { + $this->errors($bag); + } elseif (is_a($bag, MessageBag::class)) { + $this->messages($bag); + } else { + $this->messages = new MessageBag; + } + } + + /** + * Message store key for the field alert. + */ + public function key(): string + { + return 'bag'; + } + + /** + * Set messages. + */ + public function messages(MessageBag $messages): self + { + $this->messages = $messages; + return $this; + } + + /** + * Set errors. + */ + public function errors(Validator $validator): self + { + $this->messages = $validator->errors(); + return $this; + } + + /** + * Fetch a message for a given field name. + */ + public function messageFor(string $name): string + { + return $this->messages->first($name); + } + + /** + * Convert the field bag alert to an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'messages' => $this->messages, + ]); + } + + /** + * Fill the field bag alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + $bag = new static; + $bag->id($alert['id']); + $bag->messages($alert['messages']); + return $bag; + } +} diff --git a/src/Types/Message.php b/src/Types/Message.php new file mode 100644 index 00000000..d44017bc --- /dev/null +++ b/src/Types/Message.php @@ -0,0 +1,48 @@ +id($this->key().'-'.Helper::randomString()); + } + + /** + * Message store key for the message alert. + */ + public function key(): string + { + return 'message'; + } + + /** + * Convert the message instance to an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'message' => $this->message, + ]); + } + + /** + * Fill the message alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + return new static($alert['message']); + } +} diff --git a/src/Types/Modal.php b/src/Types/Modal.php new file mode 100644 index 00000000..b6a5265f --- /dev/null +++ b/src/Types/Modal.php @@ -0,0 +1,198 @@ +id($this->key().'-'.Helper::randomString()); + $this->action = new Button; + $this->cancel = new Button; + } + + /** + * Message store key for the modal alert. + */ + public function key(): string + { + return 'modal'; + } + + /** + * Set the action button. + */ + public function action(string $label, ?string $link = null, array $attributes = []): self + { + $this->action = new Button($label, $link, $attributes); + + return $this; + } + + /** + * Set the cancel button. + */ + public function cancel(string $label, ?string $link = null, array $attributes = []): self + { + $this->cancel = new Button($label, $link, $attributes); + + return $this; + } + + /** + * Set modal to scrollable. + */ + public function scrollable( + string $class = 'modal-dialog-scrollable' + ): self { + $this->scrollable = $class; + + return $this; + } + + /** + * Set modal size to small. + */ + public function small(string $class = 'modal-sm'): self + { + $this->size = $class; + + return $this; + } + + /** + * Set modal size to large. + */ + public function large(string $class = 'modal-lg'): self + { + $this->size = $class; + + return $this; + } + + /** + * Set modal size to extra-large. + */ + public function extraLarge(string $class = 'modal-xl'): self + { + $this->size = $class; + + return $this; + } + + /** + * Set modal size to fullscreen. + */ + public function fullscreen(string $class = 'modal-fullscreen'): self + { + $this->size = $class; + + return $this; + } + + /** + * Set modal position to center. + */ + public function centered(string $class = 'modal-dialog-centered'): self + { + $this->position = $class; + + return $this; + } + + /** + * Set a view for the modal. + */ + public function view(View $view): self + { + $this->view = $view->render(); + + return $this; + } + + /** + * Set HTML string for the modal. + */ + public function html(string $html): self + { + $this->view = $html; + + return $this; + } + + /** + * Convert the modal alert to an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'message' => $this->message, + 'action' => $this->action->toArray(), + 'cancel' => $this->cancel->toArray(), + 'size' => $this->size, + 'scrollable' => $this->scrollable, + 'position' => $this->position, + 'view' => $this->view, + ]); + } + + /** + * Fill the modal alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + $modal = new static($alert['message']); + $modal->id($alert['id']); + $modal->action = Button::fill($alert['action']); + $modal->cancel = Button::fill($alert['cancel']); + $modal->size = $alert['size']; + $modal->scrollable = $alert['scrollable']; + $modal->position = $alert['position']; + $modal->view = $alert['view']; + + return $modal; + } +} diff --git a/src/Types/Notify.php b/src/Types/Notify.php new file mode 100644 index 00000000..9150088f --- /dev/null +++ b/src/Types/Notify.php @@ -0,0 +1,127 @@ +id($this->key().'-'.Helper::randomString()); + $this->bottomRight(); + } + + /** + * Message store key for the notify alert. + */ + public function key(): string + { + return 'notify'; + } + + /** + * Position notify on center of the screen. + */ + public function centered(string $class = 'top-50 start-50 translate-middle'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the center of the screen. + */ + public function topLeft(string $class = 'top-0 start-0'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the top right of the screen. + */ + public function topRight(string $class = 'top-0 end-0'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the top center of the screen. + */ + public function topCenter(string $class = 'top-0 start-50 translate-middle-x'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the bottom left of the screen. + */ + public function bottomLeft(string $class = 'bottom-0 start-0'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the bottom right of the screen. + */ + public function bottomRight(string $class = 'bottom-0 end-0'): self + { + $this->position = $class; + + return $this; + } + + /** + * Position notify on the bottom center of the screen. + */ + public function bottomCenter(string $class = 'bottom-0 start-50 translate-middle-x'): self + { + $this->position = $class; + + return $this; + } + + /** + * Convert the notify alert to an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'message' => $this->message, + 'position' => $this->position, + ]); + } + + /** + * Fill the notify alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + $notify = new static($alert['message']); + $notify->id($alert['id']); + $notify->position($alert['position']); + } +} diff --git a/src/Types/Sticky.php b/src/Types/Sticky.php new file mode 100644 index 00000000..15559613 --- /dev/null +++ b/src/Types/Sticky.php @@ -0,0 +1,100 @@ +id($this->key().'-'.Helper::randomString()); + + $this->action = new Button; + } + + /** + * Message store key for the sticky alert. + */ + public function key(): string + { + return 'sticky'; + } + + /** + * Set the action button. + */ + public function action(string $label, ?string $link = null, array $attributes = []): self + { + $this->action = new Button($label, $link, $attributes); + + return $this; + } + + /** + * Put alert in the store. + */ + public function flash(): void + { + $sessionKey = SessionKey::key($this->key(), $this->getTag()); + + Session::put($sessionKey, $this); + } + + /** + * Remove alert from the store. + */ + public function forget(?string $tag = null): void + { + $tag = $tag ?? $this->getTag(); + + if (empty($tag)) { + $tag = Alert::DEFAULT_TAG; + } + + $sessionKey = SessionKey::key($this->key(), $tag); + + Session::forget($sessionKey); + } + + /** + * Convert the alert to an array. + */ + public function toArray(): array + { + return array_merge(parent::toArray(), [ + 'type' => $this->key(), + 'message' => $this->message, + 'action' => $this->action->toArray(), + ]); + } + + /** + * Fill the sticky alert from an array. + */ + public static function fill(array $alert): MessageInterface + { + $sticky = new static($alert['message']); + $sticky->id($alert['id']); + $sticky->action = Button::fill($alert['action']); + + return $sticky; + } +} From d28fd4115177e757af8d118d8579dbe0703ea83c Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 03:43:07 +0000 Subject: [PATCH 022/137] enforce requirement to call flash on alert --- src/Alert.php | 121 ++++++++++++++ src/AlertServiceProvider.php | 89 ++++++++++ src/Component/Button.php | 65 ++++++++ src/Facades/Alert.php | 36 +++++ src/Helpers.php | 86 ++++++++++ src/Helpers/Attribute.php | 21 +++ src/Helpers/Helper.php | 14 ++ src/Helpers/SessionKey.php | 32 ++++ src/Helpers/Theme.php | 37 +++++ src/Helpers/Type.php | 62 +++++++ src/Message/AbstractMessage.php | 152 ++++++++++++++++++ src/Message/MessageFactory.php | 37 +++++ src/Message/MessageInterface.php | 41 +++++ src/Traits/Levelable.php | 86 ++++++++++ src/View/Components/Themes/Bootstrap5.php | 66 ++++++++ .../Components/Themes/Bootstrap5/Field.php | 36 +++++ .../Components/Themes/Bootstrap5/Message.php | 36 +++++ .../Components/Themes/Bootstrap5/Modal.php | 80 +++++++++ .../Components/Themes/Bootstrap5/Notify.php | 36 +++++ .../Components/Themes/Bootstrap5/Sticky.php | 58 +++++++ src/View/Components/Themes/Tailwind.php | 96 +++++++++++ src/View/Components/Themes/Tailwind/Field.php | 36 +++++ .../Components/Themes/Tailwind/Message.php | 36 +++++ src/View/Components/Themes/Tailwind/Modal.php | 109 +++++++++++++ .../Components/Themes/Tailwind/Notify.php | 36 +++++ .../Components/Themes/Tailwind/Sticky.php | 58 +++++++ 26 files changed, 1562 insertions(+) create mode 100644 src/Alert.php create mode 100644 src/AlertServiceProvider.php create mode 100644 src/Component/Button.php create mode 100644 src/Facades/Alert.php create mode 100644 src/Helpers.php create mode 100644 src/Helpers/Attribute.php create mode 100644 src/Helpers/Helper.php create mode 100644 src/Helpers/SessionKey.php create mode 100644 src/Helpers/Theme.php create mode 100644 src/Helpers/Type.php create mode 100644 src/Message/AbstractMessage.php create mode 100644 src/Message/MessageFactory.php create mode 100644 src/Message/MessageInterface.php create mode 100644 src/Traits/Levelable.php create mode 100644 src/View/Components/Themes/Bootstrap5.php create mode 100644 src/View/Components/Themes/Bootstrap5/Field.php create mode 100644 src/View/Components/Themes/Bootstrap5/Message.php create mode 100644 src/View/Components/Themes/Bootstrap5/Modal.php create mode 100644 src/View/Components/Themes/Bootstrap5/Notify.php create mode 100644 src/View/Components/Themes/Bootstrap5/Sticky.php create mode 100644 src/View/Components/Themes/Tailwind.php create mode 100644 src/View/Components/Themes/Tailwind/Field.php create mode 100644 src/View/Components/Themes/Tailwind/Message.php create mode 100644 src/View/Components/Themes/Tailwind/Modal.php create mode 100644 src/View/Components/Themes/Tailwind/Notify.php create mode 100644 src/View/Components/Themes/Tailwind/Sticky.php diff --git a/src/Alert.php b/src/Alert.php new file mode 100644 index 00000000..2eb6447e --- /dev/null +++ b/src/Alert.php @@ -0,0 +1,121 @@ +loadViewsFrom(__DIR__.'/../resources/views', 'alert'); + + $this->bootAlert(); + + $this->registerMacros(); + + $this->bootForConsole(); + } + + /** + * Register any package services. + */ + public function register(): void + { + $this->app->singleton('alert', function ($app) { + return $app->make(Alert::class); + }); + + $this->mergeConfigFrom(__DIR__.'/../config/alert.php', 'alert'); + } + + /** + * Get the services provided by the provider. + */ + public function provides(): array + { + return ['alert']; + } + + /** + * Boot the alert. + * @throws Exception + */ + protected function bootAlert(): void + { + Theme::theme()->boot(); + } + + /** + * Console-specific booting. + */ + protected function bootForConsole(): void + { + $this->publishes([ + __DIR__.'/../resources/views' => base_path('resources/views/vendor/digitlimit/alert'), + ], 'alert.views'); + + $this->publishes([ + __DIR__.'/../config/alert.php' => config_path('alert.php'), + ], 'alert.config'); + + $this->publishes([ + __DIR__.'/../public' => public_path('vendor/alert'), + ], 'alert.assets'); + } + + /** + * Register some helper macros. + */ + protected function registerMacros(): void + { + Alert::macro('stickForget', function (?string $tag = null) { + app(Alert::class) + ->sticky() + ->forget($tag); + }); + } +} diff --git a/src/Component/Button.php b/src/Component/Button.php new file mode 100644 index 00000000..94cbbe8a --- /dev/null +++ b/src/Component/Button.php @@ -0,0 +1,65 @@ +label = $label; + } + + /** + * Set the button link. + */ + public function link(string $link): void + { + $this->link = $link; + } + + /** + * Set the button attributes. + */ + public function attributes(array $attributes): void + { + $this->attributes = $attributes; + } + + /** + * Convert the button instance to an array. + */ + public function toArray(): array + { + return [ + 'label' => $this->label, + 'link' => $this->link, + 'attributes' => $this->attributes, + ]; + } + + /** + * Fill the button from an array. + */ + public static function fill(array $button): self + { + return new static( + $button['label'], + $button['link'], + $button['attributes'] + ); + } +} diff --git a/src/Facades/Alert.php b/src/Facades/Alert.php new file mode 100644 index 00000000..3dbe4813 --- /dev/null +++ b/src/Facades/Alert.php @@ -0,0 +1,36 @@ +message($message) + ->info(); + + if ($title) { + $alert->title($title); + } + + return $alert; + } +} + +if (! function_exists('field')) { + function field(string $name, string $message, ?string $tag = null): mixed + { + $alert = app('alert')->field($name, $message); + + if ($tag) { + $alert->tag($tag); + } + + return $alert; + } +} + +if (! function_exists('fieldBag')) { + function fieldBag(Validator|MessageBag $bag): mixed + { + return app('alert') + ->fieldBag($bag); + } +} + +if (! function_exists('modal')) { + function modal(string $message, ?string $title = null): mixed + { + $alert = app('alert')->modal($message); + + if ($title) { + $alert->title($title); + } + + return $alert; + } +} + +if (! function_exists('notify')) { + function notify(string $message, ?string $title = null): mixed + { + $alert = app('alert')->notify($message); + + if ($title) { + $alert->title($title); + } + + return $alert; + } +} + +if (! function_exists('sticky')) { + function sticky(string $message, ?string $title = null): mixed + { + $alert = app('alert')->sticky($message); + + if ($title) { + $alert->title($title); + } + + return $alert; + } +} + +if (! function_exists('forgetSticky')) { + function forgetSticky(?string $name = null): void + { + app('alert')->stickForget($name); + } +} diff --git a/src/Helpers/Attribute.php b/src/Helpers/Attribute.php new file mode 100644 index 00000000..d57fd3fb --- /dev/null +++ b/src/Helpers/Attribute.php @@ -0,0 +1,21 @@ +types(); + } + + /** + * Get the prefixed type for an alert type. + */ + public static function prefixed(string $type): string + { + return self::PREFIX.$type; + } + + /** + * Check if an alert type exists. + */ + public static function exists(string $type): bool + { + $types = self::types(); + + return isset($types[$type]) || isset($types[self::prefixed($type)]); + } + + /** + * Get an alert type. + */ + public static function type(string $type): array + { + $types = self::types(); + + return $types[$type] ?? $types[self::prefixed($type)]; + } + + /** + * Get alert class name. + */ + public static function classname(string $type): string + { + if (! self::exists($type)) { + throw new Exception("The alert type '$type' does not exist in config"); + } + + return self::type($type)['alert']; + } +} diff --git a/src/Message/AbstractMessage.php b/src/Message/AbstractMessage.php new file mode 100644 index 00000000..48c3f2c6 --- /dev/null +++ b/src/Message/AbstractMessage.php @@ -0,0 +1,152 @@ +id = $id; + + return $this; + } + + /** + * Set alert level. + */ + public function level(string $level): self + { + $this->level = $level; + + return $this; + } + + /** + * Set alert message. + */ + public function message(string $message): self + { + $this->message = $message; + + return $this; + } + + /** + * Set the alert title. + */ + public function title(string $title): self + { + $this->title = $title; + + return $this; + } + + /** + * Set the alert tag. + */ + public function tag(string $tag): self + { + $this->tag = $tag; + + return $this; + } + + /** + * Fetch the alert ID. + */ + public function getId(): string|int + { + return $this->id; + } + + /** + * Fetch the alert tag. + */ + public function getTag(): string + { + return $this->tag; + } + + /** + * Fetch the alert level. + */ + public function getLevel(): ?string + { + return $this->level ?? null; + } + + /** + * Fetch the alert title. + */ + public function getTitle(): ?string + { + return $this->title ?? null; + } + + /** + * Fetch the alert message. + */ + public function getMessage(): ?string + { + return $this->message ?? null; + } + + /** + * Flash alert to store. + * Its temporal store that is deleted once pulled/fetched. + */ + public function flash(): void + { + $sessionKey = SessionKey::key($this->key(), $this->getTag()); + + if (empty($sessionKey)) { + return; + } + + Session::flash($sessionKey, $this); + } + + public function toArray(): array + { + return [ + 'id' => $this->getId(), + 'title' => $this->getTitle(), + 'message' => $this->getMessage(), + 'level' => $this->getLevel(), + 'tag' => $this->getTag(), + ]; + } +} diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php new file mode 100644 index 00000000..adc8a5b8 --- /dev/null +++ b/src/Message/MessageFactory.php @@ -0,0 +1,37 @@ +fill($alert); + } +} diff --git a/src/Message/MessageInterface.php b/src/Message/MessageInterface.php new file mode 100644 index 00000000..19c21766 --- /dev/null +++ b/src/Message/MessageInterface.php @@ -0,0 +1,41 @@ +level = 'primary'; + + return $this; + } + + /** + * Secondary alert level. + */ + public function secondary(): self + { + $this->level = 'secondary'; + + return $this; + } + + /** + * Success alert level. + */ + public function success(): self + { + $this->level = 'success'; + + return $this; + } + + /** + * Info alert level. + */ + public function info(): self + { + $this->level = 'info'; + + return $this; + } + + /** + * Error alert level. + */ + public function error(): self + { + $this->level = 'danger'; + + return $this; + } + + /** + * Warning alert level. + */ + public function warning(): self + { + $this->level = 'warning'; + + return $this; + } + + /** + * Light alert level. + */ + public function light(): self + { + $this->level = 'light'; + + return $this; + } + + /** + * Dark alert level. + */ + public function dark(): self + { + $this->level = 'dark'; + + return $this; + } +} diff --git a/src/View/Components/Themes/Bootstrap5.php b/src/View/Components/Themes/Bootstrap5.php new file mode 100644 index 00000000..75317c5c --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5.php @@ -0,0 +1,66 @@ + [ + 'view' => 'alert-message', + 'alert' => Types\Message::class, + 'component' => Bootstrap5\Message::class, + ], + + 'field' => [ + 'view' => 'alert-field', + 'alert' => Types\Field::class, + 'component' => Bootstrap5\Field::class, + ], + + 'bag' => [ + 'view' => 'alert-field', + 'alert' => Types\FieldBag::class, + 'component' => Bootstrap5\Field::class, + ], + + 'modal' => [ + 'view' => 'alert-modal', + 'alert' => Types\Modal::class, + 'component' => Bootstrap5\Modal::class, + ], + + 'notify' => [ + 'view' => 'alert-notify', + 'alert' => Types\Notify::class, + 'component' => Bootstrap5\Notify::class, + ], + + 'sticky' => [ + 'view' => 'alert-sticky', + 'alert' => Types\Sticky::class, + 'component' => Bootstrap5\Sticky::class, + ], + ]; + } + + /** + * Register the alert components + */ + public function boot(): void + { + Blade::componentNamespace(__NAMESPACE__, 'alert'); + + foreach ($this->types() as $type) { + Blade::component($type['view'], $type['component']); + } + } +} diff --git a/src/View/Components/Themes/Bootstrap5/Field.php b/src/View/Components/Themes/Bootstrap5/Field.php new file mode 100644 index 00000000..6274720b --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5/Field.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.bootstrap5.field'); + } +} diff --git a/src/View/Components/Themes/Bootstrap5/Message.php b/src/View/Components/Themes/Bootstrap5/Message.php new file mode 100644 index 00000000..cd1e2112 --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5/Message.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.bootstrap5.message'); + } +} diff --git a/src/View/Components/Themes/Bootstrap5/Modal.php b/src/View/Components/Themes/Bootstrap5/Modal.php new file mode 100644 index 00000000..a64fd2e3 --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5/Modal.php @@ -0,0 +1,80 @@ + 'button', + 'class' => 'btn btn-primary', + ]; + + /** + * Default cancel button attributes. + */ + public array $cancelAttributes = [ + 'type' => 'button', + 'class' => 'btn btn-secondary', + 'data-bs-dismiss' => 'modal', + ]; + + /** + * Create a new component instance. + */ + public function __construct(Alert $alert) + { + $this->alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.bootstrap5.modal'); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function actionAttributes(array $attributes): string + { + $newAttributes = array_merge( + $this->actionAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function cancelAttributes(array $attributes): string + { + $newAttributes = array_merge( + $this->cancelAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } +} diff --git a/src/View/Components/Themes/Bootstrap5/Notify.php b/src/View/Components/Themes/Bootstrap5/Notify.php new file mode 100644 index 00000000..7b250341 --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5/Notify.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.bootstrap5.notify'); + } +} diff --git a/src/View/Components/Themes/Bootstrap5/Sticky.php b/src/View/Components/Themes/Bootstrap5/Sticky.php new file mode 100644 index 00000000..47ad3bc2 --- /dev/null +++ b/src/View/Components/Themes/Bootstrap5/Sticky.php @@ -0,0 +1,58 @@ + 'button', + 'class' => 'btn btn-sm btn-primary float-end', + ]; + + /** + * Create a new component instance. + */ + public function __construct(Alert $alert) + { + $this->alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.bootstrap5.sticky'); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function actionAttributes(array $attributes): string + { + $newAttributes = array_merge( + $this->actionAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } +} diff --git a/src/View/Components/Themes/Tailwind.php b/src/View/Components/Themes/Tailwind.php new file mode 100644 index 00000000..b808d071 --- /dev/null +++ b/src/View/Components/Themes/Tailwind.php @@ -0,0 +1,96 @@ + [ + 'view' => 'alert-message', + 'alert' => Types\Message::class, + 'component' => Tailwind\Message::class, + ], + + 'field' => [ + 'view' => 'alert-field', + 'alert' => Types\Field::class, + 'component' => Tailwind\Field::class, + ], + + 'bag' => [ + 'view' => 'alert-field', + 'alert' => Types\FieldBag::class, + 'component' => Tailwind\Field::class, + ], + + 'modal' => [ + 'view' => 'alert-modal', + 'alert' => Types\Modal::class, + 'component' => Tailwind\Modal::class, + ], + + 'notify' => [ + 'view' => 'alert-notify', + 'alert' => Types\Notify::class, + 'component' => Tailwind\Notify::class, + ], + + 'sticky' => [ + 'view' => 'alert-sticky', + 'alert' => Types\Sticky::class, + 'component' => Tailwind\Sticky::class, + ], + ]; + } + + /** + * Register the alert components + */ + public function boot(): void + { + foreach ($this->types() as $type) { + Livewire::component($type['view'], $type['component']); + } + + on('dehydrate', function (Component $component) + { + if (! $this->shouldHydrate($component)) { + return; + } + + dd(store($component)); + + $component->dispatch('refresh'); + }); + } + + public function shouldHydrate(Component $component) + { + if (! Livewire::isLivewireRequest()) { + return false; + } + + if (store($component)->has('redirect')) { + return false; + } + + if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { + return false; + } + + return true; + } +} diff --git a/src/View/Components/Themes/Tailwind/Field.php b/src/View/Components/Themes/Tailwind/Field.php new file mode 100644 index 00000000..d3e2bad9 --- /dev/null +++ b/src/View/Components/Themes/Tailwind/Field.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.tailwind.field'); + } +} diff --git a/src/View/Components/Themes/Tailwind/Message.php b/src/View/Components/Themes/Tailwind/Message.php new file mode 100644 index 00000000..dc5a0c2e --- /dev/null +++ b/src/View/Components/Themes/Tailwind/Message.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.tailwind.message'); + } +} diff --git a/src/View/Components/Themes/Tailwind/Modal.php b/src/View/Components/Themes/Tailwind/Modal.php new file mode 100644 index 00000000..83a0b7a2 --- /dev/null +++ b/src/View/Components/Themes/Tailwind/Modal.php @@ -0,0 +1,109 @@ + 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', + '@click' => 'modalOpen = false;', + ]; + + /** + * Default cancel button attributes. + */ + public array $cancelAttributes = [ + 'type' => 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', + '@click' => 'modalOpen = false;', + ]; + + /** + * Default action button attributes. + */ + public array $linkActionAttributes = [ + 'type' => 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:ring-offset-2 bg-neutral-950 hover:bg-neutral-900', + '@click' => 'modalOpen = false;', + ]; + + /** + * Default cancel button attributes. + */ + public array $linkCancelAttributes = [ + 'type' => 'button', + 'class' => 'inline-flex items-center justify-center h-10 px-4 py-2 text-sm font-medium transition-colors border rounded-md focus:outline-none focus:ring-2 focus:ring-neutral-100 focus:ring-offset-2', + '@click' => 'modalOpen = false;', + ]; + + /** + * @throws Exception + */ + public function mount(): void + { + $this->tag = $this->tag ?? $this->defaultTag; + // TODO: maybe remove from session pull + } + + #[On('created')] + public function refresh(array $data = []): void + { + info('refresh', $data); + $this->reset(); + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.tailwind.modal'); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function actionAttributes(array $attributes = []): string + { + $newAttributes = array_merge( + $this->actionAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function cancelAttributes(array $attributes = []): string + { + $newAttributes = array_merge( + $this->cancelAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } +} diff --git a/src/View/Components/Themes/Tailwind/Notify.php b/src/View/Components/Themes/Tailwind/Notify.php new file mode 100644 index 00000000..ed642a7a --- /dev/null +++ b/src/View/Components/Themes/Tailwind/Notify.php @@ -0,0 +1,36 @@ +alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.tailwind.notify'); + } +} diff --git a/src/View/Components/Themes/Tailwind/Sticky.php b/src/View/Components/Themes/Tailwind/Sticky.php new file mode 100644 index 00000000..b857df0f --- /dev/null +++ b/src/View/Components/Themes/Tailwind/Sticky.php @@ -0,0 +1,58 @@ + 'button', + 'class' => 'btn btn-sm btn-primary float-end', + ]; + + /** + * Create a new component instance. + */ + public function mount(Alert $alert) + { + $this->alert = $alert; + } + + /** + * Get the view / contents that represent the component. + */ + public function render(): View + { + return view('alert::components.themes.tailwind.sticky'); + } + + /** + * Merge and convert array attributes to HTML string attributes. + */ + public function actionAttributes(array $attributes): string + { + $newAttributes = array_merge( + $this->actionAttributes, + $attributes + ); + + return Attribute::toString($newAttributes); + } +} From 24a5430cb6dcf7d9d35f39d151b3448246284939 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 05:06:18 +0000 Subject: [PATCH 023/137] add events --- config/alert.php | 5 +- .../Components/Themes/Bootstrap5.php | 17 +- .../Components/Themes/Bootstrap5/Field.php | 2 +- .../Components/Themes/Bootstrap5/Message.php | 2 +- .../Components/Themes/Bootstrap5/Modal.php | 2 +- .../Components/Themes/Bootstrap5/Notify.php | 2 +- .../Components/Themes/Bootstrap5/Sticky.php | 2 +- src/Components/Themes/Tailwind.php | 147 ++++++++++++++++++ .../Components/Themes/Tailwind/Field.php | 2 +- .../Components/Themes/Tailwind/Message.php | 2 +- .../Components/Themes/Tailwind/Modal.php | 6 +- .../Components/Themes/Tailwind/Notify.php | 2 +- .../Components/Themes/Tailwind/Sticky.php | 2 +- src/Events/Field/Flashed.php | 37 +++++ src/Events/FieldBag/Flashed.php | 38 +++++ src/Events/Message/Flashed.php | 37 +++++ src/Events/Modal/Flashed.php | 37 +++++ src/Events/Notify/Flashed.php | 38 +++++ src/Events/Sticky/Flashed.php | 37 +++++ src/Helpers.php | 16 +- src/Types/Field.php | 2 + src/Types/FieldBag.php | 11 ++ src/Types/Message.php | 11 ++ src/Types/Modal.php | 11 ++ src/Types/Notify.php | 23 +++ src/Types/Sticky.php | 22 +-- src/View/Components/Themes/Tailwind.php | 96 ------------ 27 files changed, 477 insertions(+), 132 deletions(-) rename src/{View => }/Components/Themes/Bootstrap5.php (74%) rename src/{View => }/Components/Themes/Bootstrap5/Field.php (91%) rename src/{View => }/Components/Themes/Bootstrap5/Message.php (91%) rename src/{View => }/Components/Themes/Bootstrap5/Modal.php (96%) rename src/{View => }/Components/Themes/Bootstrap5/Notify.php (91%) rename src/{View => }/Components/Themes/Bootstrap5/Sticky.php (95%) create mode 100644 src/Components/Themes/Tailwind.php rename src/{View => }/Components/Themes/Tailwind/Field.php (91%) rename src/{View => }/Components/Themes/Tailwind/Message.php (91%) rename src/{View => }/Components/Themes/Tailwind/Modal.php (98%) rename src/{View => }/Components/Themes/Tailwind/Notify.php (91%) rename src/{View => }/Components/Themes/Tailwind/Sticky.php (95%) create mode 100644 src/Events/Field/Flashed.php create mode 100644 src/Events/FieldBag/Flashed.php create mode 100644 src/Events/Message/Flashed.php create mode 100644 src/Events/Modal/Flashed.php create mode 100644 src/Events/Notify/Flashed.php create mode 100644 src/Events/Sticky/Flashed.php delete mode 100644 src/View/Components/Themes/Tailwind.php diff --git a/config/alert.php b/config/alert.php index 31dfa61c..7542f252 100644 --- a/config/alert.php +++ b/config/alert.php @@ -1,6 +1,5 @@ [ - 'tailwind' => Digitlimit\Alert\View\Components\Themes\Tailwind::class, - 'bootstrap5' => Digitlimit\Alert\View\Components\Themes\Bootstrap5::class, + 'tailwind' => \Digitlimit\Alert\Components\Themes\Tailwind::class, + 'bootstrap5' => \Digitlimit\Alert\Components\Themes\Bootstrap5::class, ], ]; diff --git a/src/View/Components/Themes/Bootstrap5.php b/src/Components/Themes/Bootstrap5.php similarity index 74% rename from src/View/Components/Themes/Bootstrap5.php rename to src/Components/Themes/Bootstrap5.php index 75317c5c..3fa667c0 100644 --- a/src/View/Components/Themes/Bootstrap5.php +++ b/src/Components/Themes/Bootstrap5.php @@ -1,10 +1,11 @@ [ 'view' => 'alert-message', 'alert' => Types\Message::class, - 'component' => Bootstrap5\Message::class, + 'component' => Themes\Bootstrap5\Message::class, ], 'field' => [ 'view' => 'alert-field', 'alert' => Types\Field::class, - 'component' => Bootstrap5\Field::class, + 'component' => Themes\Bootstrap5\Field::class, ], 'bag' => [ 'view' => 'alert-field', 'alert' => Types\FieldBag::class, - 'component' => Bootstrap5\Field::class, + 'component' => Themes\Bootstrap5\Field::class, ], 'modal' => [ 'view' => 'alert-modal', 'alert' => Types\Modal::class, - 'component' => Bootstrap5\Modal::class, + 'component' => Themes\Bootstrap5\Modal::class, ], 'notify' => [ 'view' => 'alert-notify', 'alert' => Types\Notify::class, - 'component' => Bootstrap5\Notify::class, + 'component' => Themes\Bootstrap5\Notify::class, ], 'sticky' => [ 'view' => 'alert-sticky', 'alert' => Types\Sticky::class, - 'component' => Bootstrap5\Sticky::class, + 'component' => Themes\Bootstrap5\Sticky::class, ], ]; } diff --git a/src/View/Components/Themes/Bootstrap5/Field.php b/src/Components/Themes/Bootstrap5/Field.php similarity index 91% rename from src/View/Components/Themes/Bootstrap5/Field.php rename to src/Components/Themes/Bootstrap5/Field.php index 6274720b..41f83f96 100644 --- a/src/View/Components/Themes/Bootstrap5/Field.php +++ b/src/Components/Themes/Bootstrap5/Field.php @@ -1,6 +1,6 @@ [ + 'view' => 'alert-message', + 'alert' => Types\Message::class, + 'component' => Themes\Tailwind\Message::class, + ], + + 'field' => [ + 'view' => 'alert-field', + 'alert' => Types\Field::class, + 'component' => Themes\Tailwind\Field::class, + ], + + 'bag' => [ + 'view' => 'alert-field', + 'alert' => Types\FieldBag::class, + 'component' => Themes\Tailwind\Field::class, + ], + + 'modal' => [ + 'view' => 'alert-modal', + 'alert' => Types\Modal::class, + 'component' => Themes\Tailwind\Modal::class, + ], + + 'notify' => [ + 'view' => 'alert-notify', + 'alert' => Types\Notify::class, + 'component' => Themes\Tailwind\Notify::class, + ], + + 'sticky' => [ + 'view' => 'alert-sticky', + 'alert' => Types\Sticky::class, + 'component' => Themes\Tailwind\Sticky::class, + ], + ]; + } + + /** + * Register the alert components + */ + public function boot(): void + { + $this->registerComponents(); + + $this->listeners(); + + $this->hydrate(); + } + + public function registerComponents(): void + { + foreach ($this->types() as $type) { + Livewire::component($type['view'], $type['component']); + } + } + + public function listeners(): void + { + Event::listen(Events\Field\Flashed::class, function ($event) { + info('Field Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + + Event::listen(Events\FieldBag\Flashed::class, function ($event) { + info('Field Bag Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + + Event::listen(Events\Message\Flashed::class, function ($event) { + info('Message Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + + Event::listen(Events\Modal\Flashed::class, function ($event) { + info('Modal Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + + Event::listen(Events\Notify\Flashed::class, function ($event) { + info('Notify Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + + Event::listen(Events\Sticky\Flashed::class, function ($event) { + info('Sticky Flashed', [ + 'message' => $event->alert->message, + 'id' => $event->alert->id(), + ]); + }); + } + + public function hydrate(): void + { + on('dehydrate', function (Component $component) + { + if (! Livewire::isLivewireRequest()) { + return false; + } + + if (store($component)->has('redirect')) { + return false; + } + + if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { + return false; + } + + dd(store($component)); + + $component->dispatch('refresh'); + }); + } +} diff --git a/src/View/Components/Themes/Tailwind/Field.php b/src/Components/Themes/Tailwind/Field.php similarity index 91% rename from src/View/Components/Themes/Tailwind/Field.php rename to src/Components/Themes/Tailwind/Field.php index d3e2bad9..7f5f74fb 100644 --- a/src/View/Components/Themes/Tailwind/Field.php +++ b/src/Components/Themes/Tailwind/Field.php @@ -1,6 +1,6 @@ + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Events/FieldBag/Flashed.php b/src/Events/FieldBag/Flashed.php new file mode 100644 index 00000000..ed7862c2 --- /dev/null +++ b/src/Events/FieldBag/Flashed.php @@ -0,0 +1,38 @@ + + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Events/Message/Flashed.php b/src/Events/Message/Flashed.php new file mode 100644 index 00000000..1879ee0f --- /dev/null +++ b/src/Events/Message/Flashed.php @@ -0,0 +1,37 @@ + + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Events/Modal/Flashed.php b/src/Events/Modal/Flashed.php new file mode 100644 index 00000000..b002190f --- /dev/null +++ b/src/Events/Modal/Flashed.php @@ -0,0 +1,37 @@ + + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Events/Notify/Flashed.php b/src/Events/Notify/Flashed.php new file mode 100644 index 00000000..f2dfbdb8 --- /dev/null +++ b/src/Events/Notify/Flashed.php @@ -0,0 +1,38 @@ + + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Events/Sticky/Flashed.php b/src/Events/Sticky/Flashed.php new file mode 100644 index 00000000..18821624 --- /dev/null +++ b/src/Events/Sticky/Flashed.php @@ -0,0 +1,37 @@ + + */ + public function broadcastOn(): array + { + return [ + new PrivateChannel('channel-name'), + ]; + } +} diff --git a/src/Helpers.php b/src/Helpers.php index 7f907c38..92f83d52 100644 --- a/src/Helpers.php +++ b/src/Helpers.php @@ -14,6 +14,8 @@ function alert(string $message, ?string $title = null): mixed $alert->title($title); } + $alert->flash(); + return $alert; } } @@ -27,6 +29,8 @@ function field(string $name, string $message, ?string $tag = null): mixed $alert->tag($tag); } + $alert->flash(); + return $alert; } } @@ -35,7 +39,8 @@ function field(string $name, string $message, ?string $tag = null): mixed function fieldBag(Validator|MessageBag $bag): mixed { return app('alert') - ->fieldBag($bag); + ->fieldBag($bag) + ->flash(); } } @@ -48,6 +53,8 @@ function modal(string $message, ?string $title = null): mixed $alert->title($title); } + $alert->flash(); + return $alert; } } @@ -61,6 +68,8 @@ function notify(string $message, ?string $title = null): mixed $alert->title($title); } + $alert->flash(); + return $alert; } } @@ -74,13 +83,14 @@ function sticky(string $message, ?string $title = null): mixed $alert->title($title); } + $alert->flash(); + return $alert; } } if (! function_exists('forgetSticky')) { - function forgetSticky(?string $name = null): void - { + function forgetSticky(?string $name = null): void { app('alert')->stickForget($name); } } diff --git a/src/Types/Field.php b/src/Types/Field.php index bb9f803c..f569854b 100644 --- a/src/Types/Field.php +++ b/src/Types/Field.php @@ -7,6 +7,7 @@ use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; use Illuminate\Support\Facades\Session; +use Digitlimit\Alert\Events\Field\Flashed; class Field extends AbstractMessage implements MessageInterface { @@ -55,6 +56,7 @@ public function flash(): void } Session::flash($sessionKey, $this); + Flashed::dispatch($this); } /** diff --git a/src/Types/FieldBag.php b/src/Types/FieldBag.php index 94ad430e..b9ab7ed9 100644 --- a/src/Types/FieldBag.php +++ b/src/Types/FieldBag.php @@ -7,6 +7,7 @@ use Digitlimit\Alert\Message\MessageInterface; use Illuminate\Support\MessageBag; use Illuminate\Validation\Validator; +use Digitlimit\Alert\Events\FieldBag\Flashed; class FieldBag extends AbstractMessage implements MessageInterface { @@ -89,4 +90,14 @@ public static function fill(array $alert): MessageInterface $bag->messages($alert['messages']); return $bag; } + + /** + * Flash field instance to store. + */ + public function flash(): void + { + parent::flash(); + + Flashed::dispatch($this); + } } diff --git a/src/Types/Message.php b/src/Types/Message.php index d44017bc..b7cb0dab 100644 --- a/src/Types/Message.php +++ b/src/Types/Message.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Events\Message\Flashed; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; @@ -45,4 +46,14 @@ public static function fill(array $alert): MessageInterface { return new static($alert['message']); } + + /** + * Flash field instance to store. + */ + public function flash(): void + { + parent::flash(); + + Flashed::dispatch($this); + } } diff --git a/src/Types/Modal.php b/src/Types/Modal.php index b6a5265f..c27e07a5 100644 --- a/src/Types/Modal.php +++ b/src/Types/Modal.php @@ -3,6 +3,7 @@ namespace Digitlimit\Alert\Types; use Digitlimit\Alert\Component\Button; +use Digitlimit\Alert\Events\Modal\Flashed; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; @@ -195,4 +196,14 @@ public static function fill(array $alert): MessageInterface return $modal; } + + /** + * Flash field instance to store. + */ + public function flash(): void + { + parent::flash(); + + Flashed::dispatch($this); + } } diff --git a/src/Types/Notify.php b/src/Types/Notify.php index 9150088f..56636f11 100644 --- a/src/Types/Notify.php +++ b/src/Types/Notify.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert\Types; +use Digitlimit\Alert\Events\Notify\Flashed; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Message\AbstractMessage; use Digitlimit\Alert\Message\MessageInterface; @@ -33,6 +34,16 @@ public function key(): string return 'notify'; } + /** + * Set the position of the notify. + */ + public function position(string $position): self + { + $this->position = $position; + + return $this; + } + /** * Position notify on center of the screen. */ @@ -123,5 +134,17 @@ public static function fill(array $alert): MessageInterface $notify = new static($alert['message']); $notify->id($alert['id']); $notify->position($alert['position']); + + return $notify; + } + + /** + * Flash field instance to store. + */ + public function flash(): void + { + parent::flash(); + + Flashed::dispatch($this); } } diff --git a/src/Types/Sticky.php b/src/Types/Sticky.php index 15559613..89d4af11 100644 --- a/src/Types/Sticky.php +++ b/src/Types/Sticky.php @@ -4,6 +4,7 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Component\Button; +use Digitlimit\Alert\Events\FieldBag\Flashed; use Digitlimit\Alert\Helpers\Helper; use Digitlimit\Alert\Helpers\SessionKey; use Digitlimit\Alert\Message\AbstractMessage; @@ -48,16 +49,6 @@ public function action(string $label, ?string $link = null, array $attributes = return $this; } - /** - * Put alert in the store. - */ - public function flash(): void - { - $sessionKey = SessionKey::key($this->key(), $this->getTag()); - - Session::put($sessionKey, $this); - } - /** * Remove alert from the store. */ @@ -97,4 +88,15 @@ public static function fill(array $alert): MessageInterface return $sticky; } + + /** + * Put alert in the store. + */ + public function flash(): void + { + $sessionKey = SessionKey::key($this->key(), $this->getTag()); + + Session::put($sessionKey, $this); + Flashed::dispatch($this); + } } diff --git a/src/View/Components/Themes/Tailwind.php b/src/View/Components/Themes/Tailwind.php deleted file mode 100644 index b808d071..00000000 --- a/src/View/Components/Themes/Tailwind.php +++ /dev/null @@ -1,96 +0,0 @@ - [ - 'view' => 'alert-message', - 'alert' => Types\Message::class, - 'component' => Tailwind\Message::class, - ], - - 'field' => [ - 'view' => 'alert-field', - 'alert' => Types\Field::class, - 'component' => Tailwind\Field::class, - ], - - 'bag' => [ - 'view' => 'alert-field', - 'alert' => Types\FieldBag::class, - 'component' => Tailwind\Field::class, - ], - - 'modal' => [ - 'view' => 'alert-modal', - 'alert' => Types\Modal::class, - 'component' => Tailwind\Modal::class, - ], - - 'notify' => [ - 'view' => 'alert-notify', - 'alert' => Types\Notify::class, - 'component' => Tailwind\Notify::class, - ], - - 'sticky' => [ - 'view' => 'alert-sticky', - 'alert' => Types\Sticky::class, - 'component' => Tailwind\Sticky::class, - ], - ]; - } - - /** - * Register the alert components - */ - public function boot(): void - { - foreach ($this->types() as $type) { - Livewire::component($type['view'], $type['component']); - } - - on('dehydrate', function (Component $component) - { - if (! $this->shouldHydrate($component)) { - return; - } - - dd(store($component)); - - $component->dispatch('refresh'); - }); - } - - public function shouldHydrate(Component $component) - { - if (! Livewire::isLivewireRequest()) { - return false; - } - - if (store($component)->has('redirect')) { - return false; - } - - if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { - return false; - } - - return true; - } -} From 86c5af281dc66c6bd1e4d67f5adad2b631edd8ce Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 05:26:16 +0000 Subject: [PATCH 024/137] refactor themes --- config/alert.php | 6 +++--- src/{Components => }/Themes/Bootstrap5.php | 4 ++-- src/{Components => }/Themes/Bootstrap5/Field.php | 2 +- src/{Components => }/Themes/Bootstrap5/Message.php | 2 +- src/{Components => }/Themes/Bootstrap5/Modal.php | 2 +- src/{Components => }/Themes/Bootstrap5/Notify.php | 2 +- src/{Components => }/Themes/Bootstrap5/Sticky.php | 2 +- src/{Components => }/Themes/Tailwind.php | 8 ++++---- src/{Components => }/Themes/Tailwind/Field.php | 2 +- src/{Components => }/Themes/Tailwind/Message.php | 2 +- src/{Components => }/Themes/Tailwind/Modal.php | 2 +- src/{Components => }/Themes/Tailwind/Notify.php | 2 +- src/{Components => }/Themes/Tailwind/Sticky.php | 2 +- 13 files changed, 19 insertions(+), 19 deletions(-) rename src/{Components => }/Themes/Bootstrap5.php (95%) rename src/{Components => }/Themes/Bootstrap5/Field.php (91%) rename src/{Components => }/Themes/Bootstrap5/Message.php (91%) rename src/{Components => }/Themes/Bootstrap5/Modal.php (96%) rename src/{Components => }/Themes/Bootstrap5/Notify.php (91%) rename src/{Components => }/Themes/Bootstrap5/Sticky.php (95%) rename src/{Components => }/Themes/Tailwind.php (97%) rename src/{Components => }/Themes/Tailwind/Field.php (91%) rename src/{Components => }/Themes/Tailwind/Message.php (91%) rename src/{Components => }/Themes/Tailwind/Modal.php (98%) rename src/{Components => }/Themes/Tailwind/Notify.php (91%) rename src/{Components => }/Themes/Tailwind/Sticky.php (95%) diff --git a/config/alert.php b/config/alert.php index 7542f252..69d1414e 100644 --- a/config/alert.php +++ b/config/alert.php @@ -1,6 +1,6 @@ [ - 'tailwind' => \Digitlimit\Alert\Components\Themes\Tailwind::class, - 'bootstrap5' => \Digitlimit\Alert\Components\Themes\Bootstrap5::class, + 'tailwind' => Themes\Tailwind::class, + 'bootstrap5' => Themes\Bootstrap5::class, ], ]; diff --git a/src/Components/Themes/Bootstrap5.php b/src/Themes/Bootstrap5.php similarity index 95% rename from src/Components/Themes/Bootstrap5.php rename to src/Themes/Bootstrap5.php index 3fa667c0..a8c3e942 100644 --- a/src/Components/Themes/Bootstrap5.php +++ b/src/Themes/Bootstrap5.php @@ -1,11 +1,11 @@ Date: Fri, 21 Feb 2025 05:29:10 +0000 Subject: [PATCH 025/137] fix id --- src/Themes/Tailwind.php | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/Themes/Tailwind.php b/src/Themes/Tailwind.php index b306aca4..33daf77b 100644 --- a/src/Themes/Tailwind.php +++ b/src/Themes/Tailwind.php @@ -83,42 +83,42 @@ public function listeners(): void Event::listen(Events\Field\Flashed::class, function ($event) { info('Field Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); Event::listen(Events\FieldBag\Flashed::class, function ($event) { info('Field Bag Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); Event::listen(Events\Message\Flashed::class, function ($event) { info('Message Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); Event::listen(Events\Modal\Flashed::class, function ($event) { info('Modal Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); Event::listen(Events\Notify\Flashed::class, function ($event) { info('Notify Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); Event::listen(Events\Sticky\Flashed::class, function ($event) { info('Sticky Flashed', [ 'message' => $event->alert->message, - 'id' => $event->alert->id(), + 'id' => $event->alert->getId(), ]); }); } From 2fdd6b68f5aa457369c0bae49d9361115c4b348f Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 05:38:51 +0000 Subject: [PATCH 026/137] fix factory --- src/Alert.php | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) diff --git a/src/Alert.php b/src/Alert.php index 2eb6447e..e4016149 100644 --- a/src/Alert.php +++ b/src/Alert.php @@ -77,13 +77,18 @@ public function from(string $type, ...$args): MessageInterface return MessageFactory::make($type, ...$args); } + /** + * @throws Exception + */ public function fromArray(array $alert): MessageInterface { - if (! Type::exists($type)) { + $type = $alert['type'] ?? null; + + if (!$type || !Type::exists($type)) { throw new Exception("Invalid alert type '$type'. Check the alert config"); } - return MessageFactory::make($type, ...$args); + return MessageFactory::makeFromArray($alert); } /** @@ -102,7 +107,7 @@ public function __call($method, $parameters) /** * Fetch all alerts from the session. */ - public function has(string $type): bool + public static function has(string $type): bool { $types = Session::get(SessionKey::typeKey($type)) ?? []; @@ -112,10 +117,18 @@ public function has(string $type): bool /** * Fetch all alerts from the session. */ - public function count(string $type): int + public static function count(string $type): int { $types = Session::get(SessionKey::typeKey($type)) ?? []; return count($types); } + + /** + * Fetch all alerts from the session. + */ + public static function all(): array + { + return Session::get(SessionKey::mainKey()) ?? []; + } } From d6bda503265a2ae0e1b03364ba9662f84bf06f84 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 20:11:02 +0000 Subject: [PATCH 027/137] fix modal --- .../themes/tailwind/modal.blade.php | 256 +++++++++--------- src/Alert.php | 52 ++-- src/Helpers.php | 6 +- src/Message/MessageFactory.php | 2 +- src/Themes/Tailwind.php | 91 +++---- src/Themes/Tailwind/Modal.php | 36 ++- tests/Feature/Component/ButtonTest.php | 19 -- tests/Feature/Components/FieldBagTest.php | 27 -- tests/Feature/Components/FieldTest.php | 49 ---- tests/Feature/Components/MessageTest.php | 12 - tests/Feature/Components/ModalTest.php | 72 ----- tests/Feature/Components/NotifyTest.php | 22 -- tests/Feature/Components/StickyTest.php | 32 --- tests/Feature/Helpers/FieldTest.php | 19 -- tests/Feature/Helpers/MessageTest.php | 19 -- tests/Feature/Helpers/ModalTest.php | 19 -- tests/Feature/Helpers/NotifyTest.php | 21 -- tests/Feature/Helpers/StickyTest.php | 19 -- .../Feature/Message/MessageInterfaceTest.php | 1 - tests/Feature/Traits/LevelableTest.php | 29 -- tests/Feature/Types/FieldTest.php | 19 -- tests/Feature/Types/MessageTest.php | 19 -- tests/Feature/Types/ModalTest.php | 19 -- tests/Feature/Types/NotifyTest.php | 64 ----- tests/Feature/Types/StickyTest.php | 44 --- tests/Pest.php | 42 --- tests/TestCase.php | 42 --- tests/Unit/Helpers/AttributeTest.php | 13 - tests/Unit/Helpers/SessionKeyTest.php | 10 - tests/Unit/Helpers/ThemeTest.php | 46 ---- tests/Unit/Helpers/TypeTest.php | 56 ---- tests/Unit/SessionTest.php | 1 - 32 files changed, 237 insertions(+), 941 deletions(-) delete mode 100644 tests/Feature/Component/ButtonTest.php delete mode 100644 tests/Feature/Components/FieldBagTest.php delete mode 100644 tests/Feature/Components/FieldTest.php delete mode 100644 tests/Feature/Components/MessageTest.php delete mode 100644 tests/Feature/Components/ModalTest.php delete mode 100644 tests/Feature/Components/NotifyTest.php delete mode 100644 tests/Feature/Components/StickyTest.php delete mode 100644 tests/Feature/Helpers/FieldTest.php delete mode 100644 tests/Feature/Helpers/MessageTest.php delete mode 100644 tests/Feature/Helpers/ModalTest.php delete mode 100644 tests/Feature/Helpers/NotifyTest.php delete mode 100644 tests/Feature/Helpers/StickyTest.php delete mode 100644 tests/Feature/Message/MessageInterfaceTest.php delete mode 100644 tests/Feature/Traits/LevelableTest.php delete mode 100644 tests/Feature/Types/FieldTest.php delete mode 100644 tests/Feature/Types/MessageTest.php delete mode 100644 tests/Feature/Types/ModalTest.php delete mode 100644 tests/Feature/Types/NotifyTest.php delete mode 100644 tests/Feature/Types/StickyTest.php delete mode 100644 tests/Pest.php delete mode 100644 tests/TestCase.php delete mode 100644 tests/Unit/Helpers/AttributeTest.php delete mode 100644 tests/Unit/Helpers/SessionKeyTest.php delete mode 100644 tests/Unit/Helpers/ThemeTest.php delete mode 100644 tests/Unit/Helpers/TypeTest.php delete mode 100644 tests/Unit/SessionTest.php diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index 9a73f389..5b16c21d 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -1,158 +1,152 @@
- @inject('alert', 'Digitlimit\Alert\Alert') - + @inject('alert', 'Digitlimit\Alert\Alert'); @php + $modal = $alert->fromArray($data); $header = $header ?? null; $body = $body ?? null; $footer = $footer ?? null; - $modal = $alert->tagged('modal', $tag); - @endphp - @if($modal) - @php - $id = $id ?? $modal->id; - $cancel = $modal->cancel ?? ''; - $action = $modal->action ?? ''; - $view = $modal->view ?? ''; + info('running'); + $id = $id ?? $modal->id; + $cancel = $modal->cancel ?? ''; + $action = $modal->action ?? ''; + $view = $modal->view ?? ''; - $hasBody = !is_null($body); - $hasHeader = !is_null($header); - $hasFooter = !is_null($footer); + $hasBody = !is_null($body); + $hasHeader = !is_null($header); + $hasFooter = !is_null($footer); - $hasTitle = $hasHeader || $modal->getTitle(); - @endphp + $hasTitle = $hasHeader || $modal->getTitle(); + @endphp +
-
- - -
-
- -
+
+ + +
- - - @if ($hasHeader) - {{ $header }} - @elseif($modal->getTitle()) -
-

{{ $modal->getTitle() }}

- -
- @endif - - - @if($view) - {!! $view !!} - @else -
- @if($hasBody) - {{ $body }} - @elseif($modal->getMessage()) - {{ $modal->getMessage() }} - @endif -
- @endif - - -
- -
- @if( $action->label || $cancel->label && $hasFooter ) - -
- @if($hasFooter) - {{ $footer }} - @else - - @if($cancel->label) - @if($cancel->link) - attributes) !!}> - {{ $cancel->label }} - - @else - - @endif - @endif + @endif + + + @if($view) + {!! $view !!} + @else +
+ @if($hasBody) + {{ $body }} + @elseif($modal->getMessage()) + {{ $modal->getMessage() }} + @endif +
+ @endif + + +
+ + +
+ @if( $action->label || $cancel->label && $hasFooter ) - @if($action->label) - @if($action->link) - attributes) !!}> - {{ $action->label }} - - @else - - @endif +
+ @if($hasFooter) + {{ $footer }} + @else + + @if($cancel->label) + @if($cancel->link) + attributes) !!}> + {{ $cancel->label }} + + @else + @endif + @endif + @if($action->label) + @if($action->link) + attributes) !!}> + {{ $action->label }} + + @else + + @endif @endif -
- @endif -
+ @endif +
+ + @endif
- @endif +
- -@script - -@endscript diff --git a/src/Alert.php b/src/Alert.php index e4016149..243f353a 100644 --- a/src/Alert.php +++ b/src/Alert.php @@ -48,7 +48,7 @@ public function named(string $type, string $name, ?string $tag = null): ?Message /** * Fetch an alert based on the tag name. */ - public function tagged(string $type, string $tag): ?MessageInterface + public static function tagged(string $type, string $tag): ?MessageInterface { if (! Type::exists($type)) { throw new Exception("Invalid alert type '$type'. Check the alert config"); @@ -68,7 +68,7 @@ public function tagged(string $type, string $tag): ?MessageInterface /** * Fetch an alert from the given alert type. */ - public function from(string $type, ...$args): MessageInterface + public static function from(string $type, ...$args): MessageInterface { if (! Type::exists($type)) { throw new Exception("Invalid alert type '$type'. Check the alert config"); @@ -80,7 +80,7 @@ public function from(string $type, ...$args): MessageInterface /** * @throws Exception */ - public function fromArray(array $alert): MessageInterface + public static function fromArray(array $alert): MessageInterface { $type = $alert['type'] ?? null; @@ -92,43 +92,55 @@ public function fromArray(array $alert): MessageInterface } /** - * Dynamically handle method calls for different alert types. - * @throws Exception + * Fetch all alerts from the session. */ - public function __call($method, $parameters) + public static function has(string $type): bool { - if (Type::exists($method)) { - return MessageFactory::make($method, ...$parameters); - } + $types = Session::get(SessionKey::typeKey($type)) ?? []; - throw new Exception("Method '$method' not found in Alert class."); + return ! empty($types); } /** * Fetch all alerts from the session. */ - public static function has(string $type): bool + public static function count(string $type = null): int { - $types = Session::get(SessionKey::typeKey($type)) ?? []; + $types = self::all($type); - return ! empty($types); + if ($type) { + return count($types); + } + + // count sub arrays + $count = 0; + foreach ($types as $type) { + $count += count($type); + } + + return $count; } /** * Fetch all alerts from the session. */ - public static function count(string $type): int + public static function all(string $type = null): array { - $types = Session::get(SessionKey::typeKey($type)) ?? []; - - return count($types); + return $type + ? Session::get(SessionKey::typeKey($type), []) + : Session::get(SessionKey::mainKey(), []); } /** - * Fetch all alerts from the session. + * Dynamically handle method calls for different alert types. + * @throws Exception */ - public static function all(): array + public function __call($method, $parameters) { - return Session::get(SessionKey::mainKey()) ?? []; + if (Type::exists($method)) { + return MessageFactory::make($method, ...$parameters); + } + + throw new Exception("Method '$method' not found in Alert class."); } } diff --git a/src/Helpers.php b/src/Helpers.php index 92f83d52..3f1529a6 100644 --- a/src/Helpers.php +++ b/src/Helpers.php @@ -45,7 +45,7 @@ function fieldBag(Validator|MessageBag $bag): mixed } if (! function_exists('modal')) { - function modal(string $message, ?string $title = null): mixed + function modal(string $message, ?string $title = null, ?string $tag = null): mixed { $alert = app('alert')->modal($message); @@ -53,6 +53,10 @@ function modal(string $message, ?string $title = null): mixed $alert->title($title); } + if ($tag) { + $alert->tag($tag); + } + $alert->flash(); return $alert; diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php index adc8a5b8..00c333d9 100644 --- a/src/Message/MessageFactory.php +++ b/src/Message/MessageFactory.php @@ -32,6 +32,6 @@ public static function makeFromArray(array $alert): MessageInterface throw new Exception("Alert type '$class' class not found "); } - return $class->fill($alert); + return app($class)->fill($alert); } } diff --git a/src/Themes/Tailwind.php b/src/Themes/Tailwind.php index 33daf77b..aa55dabf 100644 --- a/src/Themes/Tailwind.php +++ b/src/Themes/Tailwind.php @@ -2,6 +2,7 @@ namespace Digitlimit\Alert\Themes; +use Digitlimit\Alert\Alert; use Digitlimit\Alert\Themes; use Digitlimit\Alert\Contracts\ThemeInterface; use Digitlimit\Alert\Events; @@ -10,11 +11,19 @@ use Illuminate\Support\Facades\Event; use Livewire\Component; use Livewire\Livewire; + use function Livewire\on; use function Livewire\store; class Tailwind implements ThemeInterface { + public const ALERT_MESSAGE = 'alert-message'; + public const ALERT_FIELD = 'alert-field'; + public const ALERT_FIELD_BAG = 'alert-field-bag'; + public const ALERT_MODAL = 'alert-modal'; + public const ALERT_NOTIFY = 'alert-notify'; + public const ALERT_STICKY = 'alert-sticky'; + /** * Register the alert types */ @@ -73,54 +82,40 @@ public function boot(): void public function registerComponents(): void { - foreach ($this->types() as $type) { - Livewire::component($type['view'], $type['component']); - } + $types = $this->types(); + + Livewire::component($types['message']['view'], Themes\Tailwind\Message::class); + Livewire::component($types['field']['view'], Themes\Tailwind\Field::class); + Livewire::component($types['modal']['view'], Themes\Tailwind\Modal::class); + Livewire::component($types['notify']['view'], Themes\Tailwind\Notify::class); + Livewire::component($types['sticky']['view'], Themes\Tailwind\Sticky::class); } public function listeners(): void { - Event::listen(Events\Field\Flashed::class, function ($event) { - info('Field Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); - - Event::listen(Events\FieldBag\Flashed::class, function ($event) { - info('Field Bag Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); - - Event::listen(Events\Message\Flashed::class, function ($event) { - info('Message Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); - - Event::listen(Events\Modal\Flashed::class, function ($event) { - info('Modal Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); - - Event::listen(Events\Notify\Flashed::class, function ($event) { - info('Notify Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); - - Event::listen(Events\Sticky\Flashed::class, function ($event) { - info('Sticky Flashed', [ - 'message' => $event->alert->message, - 'id' => $event->alert->getId(), - ]); - }); +// Event::listen(Events\Field\Flashed::class, function ($event) { +// $this->dispatch(self::ALERT_FIELD, $event->alert->toArray()); +// }); +// +// Event::listen(Events\FieldBag\Flashed::class, function ($event) { +// $this->dispatch(self::ALERT_FIELD_BAG, $event->alert->toArray()); +// }); +// +// Event::listen(Events\Message\Flashed::class, function ($event) { +// $this->dispatch(self::ALERT_MESSAGE, $event->alert->toArray()); +// }); +// +// Event::listen(Events\Modal\Flashed::class, function ($event) { +// (new Themes\Tailwind\Modal)->dispatch(self::ALERT_MODAL, $event->alert->toArray()); +// }); +// +// Event::listen(Events\Notify\Flashed::class, function ($event) { +// $this->dispatch(self::ALERT_NOTIFY, $event->alert->toArray()); +// }); +// +// Event::listen(Events\Sticky\Flashed::class, function ($event) { +// $this->dispatch(self::ALERT_STICKY, $event->alert->toArray()); +// }); } public function hydrate(): void @@ -139,9 +134,11 @@ public function hydrate(): void return false; } - dd(store($component)); - - $component->dispatch('refresh'); + if(!is_a($component, Themes\Tailwind\Modal::class)) { + foreach(Alert::all('modal') as $tag => $modal) { + $component->dispatch('refresh-alert-modal', $tag, $modal->toArray()); + } + } }); } } diff --git a/src/Themes/Tailwind/Modal.php b/src/Themes/Tailwind/Modal.php index 055f7da7..19cd97d8 100644 --- a/src/Themes/Tailwind/Modal.php +++ b/src/Themes/Tailwind/Modal.php @@ -21,6 +21,11 @@ class Modal extends Component */ public string $tag; + /** + * The alert + */ + public array $data = []; + /** * Default action button attributes. */ @@ -62,22 +67,41 @@ class Modal extends Component */ public function mount(): void { + info('mount called'); $this->tag = $this->tag ?? $this->defaultTag; - // TODO: maybe remove from session pull + $this->data = Alert::tagged('modal', $this->tag)?->toArray() ?? []; + + if(empty($this->data)) { + $this->skipRender(); + } + + info('mount-alert-modal', [ + 'tag' => $this->tag, + 'alert' => $this->data, + ]); } - #[On('created')] - public function refresh(array $data = []): void + #[On('refresh-alert-modal')] + public function refresh(string $tag, array $data): void { - info('refresh', $data); - $this->reset(); + if($this->tag !== $tag) { + return; + } + + $this->data = $data; + $this->dispatch('open-alert-modal'); + + info('refresh-alert-modal', [ + 'tag' => $tag, + 'alert' => $data, + ]); } /** * Get the view / contents that represent the component. */ public function render(): View - { + {info('render called'); return view('alert::components.themes.tailwind.modal'); } diff --git a/tests/Feature/Component/ButtonTest.php b/tests/Feature/Component/ButtonTest.php deleted file mode 100644 index a543ea10..00000000 --- a/tests/Feature/Component/ButtonTest.php +++ /dev/null @@ -1,19 +0,0 @@ - 'btn-sm']); - - expect($button->label)->toEqual('Submit'); - expect($button->link)->toEqual('/about'); - expect($button->attributes)->toEqual(['class' => 'btn-sm']); - - $button->label('Register'); - $button->link('/register'); - $button->attributes(['id' => 'register']); - - expect($button->label)->toEqual('Register'); - expect($button->link)->toEqual('/register'); - expect($button->attributes)->toEqual(['id' => 'register']); -})->name('component', 'component-button'); diff --git a/tests/Feature/Components/FieldBagTest.php b/tests/Feature/Components/FieldBagTest.php deleted file mode 100644 index d42231ac..00000000 --- a/tests/Feature/Components/FieldBagTest.php +++ /dev/null @@ -1,27 +0,0 @@ - '', 'lastname' => ''], - [ - 'firstname' => 'required', - 'lastname' => 'required', - ] - ); - - Alert::fieldBag($validator) - ->tag('contact') - ->error(); - - $this - ->blade('') - ->assertSee('class="form-text text-danger"', false) - ->assertSee('The firstname field is required'); - - $this - ->blade('') - ->assertSee('class="form-text text-danger"', false) - ->assertSee('The lastname field is required'); -})->group('view-component', 'view-component-field-bag'); diff --git a/tests/Feature/Components/FieldTest.php b/tests/Feature/Components/FieldTest.php deleted file mode 100644 index ba344a54..00000000 --- a/tests/Feature/Components/FieldTest.php +++ /dev/null @@ -1,49 +0,0 @@ -success(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-success"', false) - ->assertSee('Username is available'); - -})->group('view-component', 'view-component-field-default'); - -it('can render a tagged field view component', function () { - Alert::field('country', 'Please select a country') - ->tag('contact') - ->warning(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-warning"', false) - ->assertSee('Please select a country'); - -})->group('view-component', 'view-component-field-tagged'); - -it('can render a named field view component', function () { - Alert::field('country', 'Good, you chose a valid country') - ->tag('contact') - ->success(); - - Alert::field('state', 'Good, you chose a valid state') - ->tag('contact') - ->success(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="form-text text-success"', false) - ->assertSee('Good, you chose a valid country') - ->assertDontSee('Good, you chose a valid state'); - -})->group('view-component', 'view-component-field-named-tagged'); diff --git a/tests/Feature/Components/MessageTest.php b/tests/Feature/Components/MessageTest.php deleted file mode 100644 index c5003c18..00000000 --- a/tests/Feature/Components/MessageTest.php +++ /dev/null @@ -1,12 +0,0 @@ -blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-message-default'); diff --git a/tests/Feature/Components/ModalTest.php b/tests/Feature/Components/ModalTest.php deleted file mode 100644 index 6a690a2b..00000000 --- a/tests/Feature/Components/ModalTest.php +++ /dev/null @@ -1,72 +0,0 @@ -blade('') - ->assertSee('class="modal"', false) - ->assertSee('Than you for joining us'); -})->group('view-component', 'view-component-modal-default'); - -it('can render a default modal with buttons and title', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->action('Yes') - ->cancel('Cancel') - ->centered() - ->title('Please login') - ->error(); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="modal"', false) - ->assertSee('Yes') - ->assertSee('Cancel') - ->assertSee('Please login') - ->assertSee('Your message has been recieved, you will hear from us soon'); -})->group('view-component', 'view-component-modal-buttons-title'); - -it('can render a default modal a the right position', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->centered('centered'); - - $view = $this - ->blade(''); - - $view - ->assertSee('class="modal-centered "', false); -})->group('view-component', 'view-component-modal-position'); - -it('can render a default modal a the right size', function () { - Alert::modal('Your message has been recieved, you will hear from us soon') - ->small(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-sm "', false); - - Alert::modal('Your message has been recieved, you will hear from us soon') - ->large(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-lg "', false); - - Alert::modal() - ->extraLarge(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-xl "', false); - - Alert::modal() - ->fullscreen(); - - $this - ->blade('') - ->assertSee('class="modal-dialog modal-fullscreen "', false); -})->group('view-component', 'view-component-modal-size'); diff --git a/tests/Feature/Components/NotifyTest.php b/tests/Feature/Components/NotifyTest.php deleted file mode 100644 index 1da6d3e7..00000000 --- a/tests/Feature/Components/NotifyTest.php +++ /dev/null @@ -1,22 +0,0 @@ -blade('') - ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-notify-default'); - -it('can render a tagged notify alert', function () { - Alert::notify('Thank you for joining us') - ->tag('contact'); - - $this - ->blade('') - ->assertSee('class="position-fixed p-3 bottom-0 end-0"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-notify-tagged'); diff --git a/tests/Feature/Components/StickyTest.php b/tests/Feature/Components/StickyTest.php deleted file mode 100644 index 14b0f79a..00000000 --- a/tests/Feature/Components/StickyTest.php +++ /dev/null @@ -1,32 +0,0 @@ -blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-sticky-default'); - -it('can render a tagged sticky alert', function () { - Alert::sticky('Thank you for joining us') - ->tag('contact'); - - $this - ->blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Thank you for joining us'); -})->group('view-component', 'view-component-sticky-tagged'); - -it('can render a tagged sticky alert button', function () { - Alert::sticky('Thank you for joining us') - ->action('Pay'); - - $this - ->blade('') - ->assertSee('class="alert alert-dismissible alert-"', false) - ->assertSee('Pay'); -})->group('view-component', 'view-component-sticky-button'); diff --git a/tests/Feature/Helpers/FieldTest.php b/tests/Feature/Helpers/FieldTest.php deleted file mode 100644 index 899c496e..00000000 --- a/tests/Feature/Helpers/FieldTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Field::class) - ->and($default->message) - ->toEqual('Invalid firstname'); - -})->group('types', 'types-field'); diff --git a/tests/Feature/Helpers/MessageTest.php b/tests/Feature/Helpers/MessageTest.php deleted file mode 100644 index e20589f7..00000000 --- a/tests/Feature/Helpers/MessageTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Message::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Helpers/ModalTest.php b/tests/Feature/Helpers/ModalTest.php deleted file mode 100644 index 82a72a24..00000000 --- a/tests/Feature/Helpers/ModalTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Modal::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Helpers/NotifyTest.php b/tests/Feature/Helpers/NotifyTest.php deleted file mode 100644 index 01ce4a41..00000000 --- a/tests/Feature/Helpers/NotifyTest.php +++ /dev/null @@ -1,21 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Notify::class) - ->and($default->message) - ->toEqual('Thank you!') - ->and($default->key()) - ->toEqual('notify'); - -})->group('types', 'types-notify', 'types-notify'); diff --git a/tests/Feature/Helpers/StickyTest.php b/tests/Feature/Helpers/StickyTest.php deleted file mode 100644 index 19514e79..00000000 --- a/tests/Feature/Helpers/StickyTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Sticky::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-sticky', 'types-sticky-message'); diff --git a/tests/Feature/Message/MessageInterfaceTest.php b/tests/Feature/Message/MessageInterfaceTest.php deleted file mode 100644 index b3d9bbc7..00000000 --- a/tests/Feature/Message/MessageInterfaceTest.php +++ /dev/null @@ -1 +0,0 @@ -primary(); - expect($alert->level)->toEqual('primary'); - - $alert = Alert::message('Thank you!')->secondary(); - expect($alert->level)->toEqual('secondary'); - - $alert = Alert::message('Thank you!')->success(); - expect($alert->level)->toEqual('success'); - - $alert = Alert::message('Thank you!')->info(); - expect($alert->level)->toEqual('info'); - - $alert = Alert::message('Thank you!')->error(); - expect($alert->level)->toEqual('danger'); - - $alert = Alert::message('Thank you!')->warning(); - expect($alert->level)->toEqual('warning'); - - $alert = Alert::message('Thank you!')->light(); - expect($alert->level)->toEqual('light'); - - $alert = Alert::message('Thank you!')->dark(); - expect($alert->level)->toEqual('dark'); -})->name('traits', 'traits-levelable'); diff --git a/tests/Feature/Types/FieldTest.php b/tests/Feature/Types/FieldTest.php deleted file mode 100644 index 606eb4b8..00000000 --- a/tests/Feature/Types/FieldTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Field::class) - ->and($default->message) - ->toEqual('Invalid firstname'); - -})->group('types', 'types-field', 'types-field'); diff --git a/tests/Feature/Types/MessageTest.php b/tests/Feature/Types/MessageTest.php deleted file mode 100644 index 1dd4318d..00000000 --- a/tests/Feature/Types/MessageTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Message::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-default', 'types-message'); diff --git a/tests/Feature/Types/ModalTest.php b/tests/Feature/Types/ModalTest.php deleted file mode 100644 index da2ddab7..00000000 --- a/tests/Feature/Types/ModalTest.php +++ /dev/null @@ -1,19 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Modal::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-modal', 'types-modal'); diff --git a/tests/Feature/Types/NotifyTest.php b/tests/Feature/Types/NotifyTest.php deleted file mode 100644 index 621c2ae4..00000000 --- a/tests/Feature/Types/NotifyTest.php +++ /dev/null @@ -1,64 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default)->toBeInstanceOf(Notify::class) - ->and($default->message) - ->toEqual('Thank you!') - ->and($default->key()) - ->toEqual('notify'); - -})->group('types', 'types-notify', 'types-notify'); - -it('can create a notify alert position', function () { - // top right - Alert::notify('Thank you!') - ->topRight(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-0 end-0'); - - // top left - Alert::notify('Thank you!') - ->topLeft(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-0 start-0'); - - // bottom right - Alert::notify('Thank you!') - ->bottomRight(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 end-0'); - - // bottom left - Alert::notify('Thank you!') - ->bottomLeft(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 start-0'); - - // centered - Alert::notify('Thank you!') - ->centered(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('top-50 start-50 translate-middle'); - - // bottom center - Alert::notify('Thank you!') - ->bottomCenter(); - - $default = Alert::default('notify'); - expect($default->position)->toEqual('bottom-0 start-50 translate-middle-x'); -})->group('types', 'types-notify', 'types-notify-position'); diff --git a/tests/Feature/Types/StickyTest.php b/tests/Feature/Types/StickyTest.php deleted file mode 100644 index 21251663..00000000 --- a/tests/Feature/Types/StickyTest.php +++ /dev/null @@ -1,44 +0,0 @@ -toBeInstanceOf(MessageInterface::class) - ->and($default) - ->toBeInstanceOf(Sticky::class) - ->and($default->message) - ->toEqual('Thank you!'); - -})->group('types', 'types-sticky', 'types-sticky-message'); - -it('can create a sticky alert title', function () { - Alert::sticky('Thank for ordering pizza!') - ->title('Order'); - - $default = Alert::default('sticky'); - - expect($default->title) - ->toEqual('Order') - ->and($default->message) - ->toEqual('Thank for ordering pizza!'); - -})->group('types', 'types-sticky', 'types-sticky-title'); - -it('can create a sticky alert button', function () { - Alert::sticky() - ->action('Yes'); - - $default = Alert::default('sticky'); - - expect($default->action) - ->toBeInstanceOf(Button::class); - -})->group('types', 'types-sticky', 'types-sticky-button'); diff --git a/tests/Pest.php b/tests/Pest.php deleted file mode 100644 index 1d2a4f86..00000000 --- a/tests/Pest.php +++ /dev/null @@ -1,42 +0,0 @@ -in('Feature', 'Unit'); - -/* -|-------------------------------------------------------------------------- -| Expectations -|-------------------------------------------------------------------------- -| -| When you're writing tests, you often need to check that values meet certain conditions. The -| "expect()" function gives you access to a set of "expectations" methods that you can use -| to assert different things. Of course, you may extend the Expectation API at any time. -| -*/ - -expect()->extend('toBeOne', function () { - return $this->toBe(1); -}); - -/* -|-------------------------------------------------------------------------- -| Functions -|-------------------------------------------------------------------------- -| -| While Pest is very powerful out-of-the-box, you may have some testing code specific to your -| project that you don't want to repeat in every file. Here you can also expose helpers as -| global functions to help you to reduce the number of lines of code in your test files. -| -*/ diff --git a/tests/TestCase.php b/tests/TestCase.php deleted file mode 100644 index f532c7b1..00000000 --- a/tests/TestCase.php +++ /dev/null @@ -1,42 +0,0 @@ -> - */ - protected function getPackageAliases($app) - { - return [ - - ]; - } - - protected function getEnvironmentSetUp($app) - { - // perform environment setup - } - - public function packagePath(string $path = '') - { - return __DIR__.'/../'.$path; - } -} diff --git a/tests/Unit/Helpers/AttributeTest.php b/tests/Unit/Helpers/AttributeTest.php deleted file mode 100644 index ff099075..00000000 --- a/tests/Unit/Helpers/AttributeTest.php +++ /dev/null @@ -1,13 +0,0 @@ - 'alert-id', - 'class' => 'alert alert-success', - ]); - - expect($attributesString) - ->toEqual('id="alert-id" class="alert alert-success"'); -})->name('helpers', 'helpers-to-string'); diff --git a/tests/Unit/Helpers/SessionKeyTest.php b/tests/Unit/Helpers/SessionKeyTest.php deleted file mode 100644 index 38740bf1..00000000 --- a/tests/Unit/Helpers/SessionKeyTest.php +++ /dev/null @@ -1,10 +0,0 @@ -toEqual(SessionKey::MAIN_KEY.'.notify.contact-form-1'); -})->name('helpers', 'helpers-session-key'); diff --git a/tests/Unit/Helpers/ThemeTest.php b/tests/Unit/Helpers/ThemeTest.php deleted file mode 100644 index 7e92d654..00000000 --- a/tests/Unit/Helpers/ThemeTest.php +++ /dev/null @@ -1,46 +0,0 @@ -toEqual('tailwind') - ->and(Theme::name())->toEqual('tailwind'); - -})->group('theme', 'helpers', 'theme-name'); - -it('can get all themes', function () { - $themes = Config::get('alert.themes'); - $this->assertIsArray($themes); - - expect($themes) - ->not()->toBeEmpty() - ->toBeArray() - ->toEqual(Theme::all()); - -})->group('theme', 'helpers', 'theme-all'); - -it('can get the correct theme based on config', function () { - // set a non-existent theme - config(['alert.theme' => 'none']); - - expect(Theme::name()) - ->toEqual('none') - ->and(Theme::theme()) - ->toBeArray() - ->toBeEmpty(); - - // set a valid theme - config(['alert.theme' => 'tailwind']); - expect(Theme::name()) - ->toEqual('tailwind') - ->and(Theme::theme()) - ->toBeArray() - ->not()->toBeEmpty() - ->toEqual(config('alert.themes.tailwind')); - -})->group('theme', 'helpers', 'theme-theme'); diff --git a/tests/Unit/Helpers/TypeTest.php b/tests/Unit/Helpers/TypeTest.php deleted file mode 100644 index c74a93a0..00000000 --- a/tests/Unit/Helpers/TypeTest.php +++ /dev/null @@ -1,56 +0,0 @@ -toBeArray() - ->and($types) - ->not->toBeEmpty(); -}); - -it('should return prefixed alert type', function () { - $type = 'success'; - $prefixed = Type::prefixed($type); - - expect($prefixed) - ->toEqual(Type::PREFIX.$type); -}); - -it('should check if alert type exists', function () { - $type = 'sticky'; - - expect(Type::exists($type)) - ->toBeTrue(); -}); - -it('should return alert type', function () { - $type = 'sticky'; - $alertType = Type::type($type); - - expect($alertType) - ->toBeArray() - ->toHaveKey('view') - ->toHaveKey('alert') - ->toHaveKey('component'); -}); - -it('should return alert class name', function () { - $type = 'sticky'; - $className = Type::classname($type); - - expect($className) - ->toBeString() - ->toEqual(Type::type($type)['alert']); -}); - -it('should throw exception if alert type does not exist', function () { - $type = 'unknown'; - - Type::classname($type); -})->throws( - Exception::class, - "The alert type 'unknown' does not exist in config" -); diff --git a/tests/Unit/SessionTest.php b/tests/Unit/SessionTest.php deleted file mode 100644 index b3d9bbc7..00000000 --- a/tests/Unit/SessionTest.php +++ /dev/null @@ -1 +0,0 @@ - Date: Fri, 21 Feb 2025 20:17:35 +0000 Subject: [PATCH 028/137] fix modal --- src/Themes/Tailwind/Modal.php | 13 +------------ 1 file changed, 1 insertion(+), 12 deletions(-) diff --git a/src/Themes/Tailwind/Modal.php b/src/Themes/Tailwind/Modal.php index 19cd97d8..557b4d0b 100644 --- a/src/Themes/Tailwind/Modal.php +++ b/src/Themes/Tailwind/Modal.php @@ -67,18 +67,12 @@ class Modal extends Component */ public function mount(): void { - info('mount called'); $this->tag = $this->tag ?? $this->defaultTag; $this->data = Alert::tagged('modal', $this->tag)?->toArray() ?? []; if(empty($this->data)) { $this->skipRender(); } - - info('mount-alert-modal', [ - 'tag' => $this->tag, - 'alert' => $this->data, - ]); } #[On('refresh-alert-modal')] @@ -90,18 +84,13 @@ public function refresh(string $tag, array $data): void $this->data = $data; $this->dispatch('open-alert-modal'); - - info('refresh-alert-modal', [ - 'tag' => $tag, - 'alert' => $data, - ]); } /** * Get the view / contents that represent the component. */ public function render(): View - {info('render called'); + { return view('alert::components.themes.tailwind.modal'); } From ff1e06cce3a461d1d82f7c56a8ecbf51cfea1f30 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 20:20:11 +0000 Subject: [PATCH 029/137] fix modal --- src/Themes/Tailwind.php | 54 +++++++++++++++++++++-------------------- 1 file changed, 28 insertions(+), 26 deletions(-) diff --git a/src/Themes/Tailwind.php b/src/Themes/Tailwind.php index aa55dabf..e797be35 100644 --- a/src/Themes/Tailwind.php +++ b/src/Themes/Tailwind.php @@ -75,9 +75,9 @@ public function boot(): void { $this->registerComponents(); - $this->listeners(); + $this->dehydrate(); - $this->hydrate(); + $this->listeners(); } public function registerComponents(): void @@ -91,6 +91,32 @@ public function registerComponents(): void Livewire::component($types['sticky']['view'], Themes\Tailwind\Sticky::class); } + public function dehydrate(): void + { + on('dehydrate', function (Component $component) + { + if (! Livewire::isLivewireRequest()) { + return false; + } + + if (store($component)->has('redirect')) { + return false; + } + + if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { + return false; + } + + if(!is_a($component, Themes\Tailwind\Modal::class)) { + foreach(Alert::all('modal') as $tag => $modal) { + $component->dispatch('refresh-alert-modal', $tag, $modal->toArray()); + } + } + + return $component; + }); + } + public function listeners(): void { // Event::listen(Events\Field\Flashed::class, function ($event) { @@ -117,28 +143,4 @@ public function listeners(): void // $this->dispatch(self::ALERT_STICKY, $event->alert->toArray()); // }); } - - public function hydrate(): void - { - on('dehydrate', function (Component $component) - { - if (! Livewire::isLivewireRequest()) { - return false; - } - - if (store($component)->has('redirect')) { - return false; - } - - if (count(session()->get(SessionKey::mainKey()) ?? []) <= 0) { - return false; - } - - if(!is_a($component, Themes\Tailwind\Modal::class)) { - foreach(Alert::all('modal') as $tag => $modal) { - $component->dispatch('refresh-alert-modal', $tag, $modal->toArray()); - } - } - }); - } } From e9294edd512123eff2676cfae5e334b0c188c208 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Fri, 21 Feb 2025 23:11:39 +0000 Subject: [PATCH 030/137] fix modal --- src/Contracts/LivewireInterface.php | 8 +++++ src/Themes/Tailwind.php | 48 ++++++++++------------------- src/Themes/Tailwind/Field.php | 3 +- src/Themes/Tailwind/Message.php | 3 +- src/Themes/Tailwind/Modal.php | 3 +- src/Themes/Tailwind/Notify.php | 3 +- src/Themes/Tailwind/Sticky.php | 3 +- 7 files changed, 34 insertions(+), 37 deletions(-) create mode 100644 src/Contracts/LivewireInterface.php diff --git a/src/Contracts/LivewireInterface.php b/src/Contracts/LivewireInterface.php new file mode 100644 index 00000000..6a4cea0e --- /dev/null +++ b/src/Contracts/LivewireInterface.php @@ -0,0 +1,8 @@ + $modal) { - $component->dispatch('refresh-alert-modal', $tag, $modal->toArray()); + if(! is_a($component, LivewireInterface::class)) { + foreach (Alert::all() as $alerts) { + foreach ($alerts as $tag => $alert) { + $component->dispatch( + 'refresh-alert-' . $alert->key(), + $alert->getTag(), + $alert->toArray() + ); + } } } @@ -119,28 +119,12 @@ public function dehydrate(): void public function listeners(): void { -// Event::listen(Events\Field\Flashed::class, function ($event) { -// $this->dispatch(self::ALERT_FIELD, $event->alert->toArray()); -// }); -// -// Event::listen(Events\FieldBag\Flashed::class, function ($event) { -// $this->dispatch(self::ALERT_FIELD_BAG, $event->alert->toArray()); -// }); -// -// Event::listen(Events\Message\Flashed::class, function ($event) { -// $this->dispatch(self::ALERT_MESSAGE, $event->alert->toArray()); -// }); -// // Event::listen(Events\Modal\Flashed::class, function ($event) { -// (new Themes\Tailwind\Modal)->dispatch(self::ALERT_MODAL, $event->alert->toArray()); -// }); -// -// Event::listen(Events\Notify\Flashed::class, function ($event) { -// $this->dispatch(self::ALERT_NOTIFY, $event->alert->toArray()); -// }); -// -// Event::listen(Events\Sticky\Flashed::class, function ($event) { -// $this->dispatch(self::ALERT_STICKY, $event->alert->toArray()); +// (new Themes\Tailwind\Modal) +// ->refresh( +// $event->alert->getTag(), +// $event->alert->toArray() +// ); // }); } } diff --git a/src/Themes/Tailwind/Field.php b/src/Themes/Tailwind/Field.php index d3710322..434c5b37 100644 --- a/src/Themes/Tailwind/Field.php +++ b/src/Themes/Tailwind/Field.php @@ -3,10 +3,11 @@ namespace Digitlimit\Alert\Themes\Tailwind; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\LivewireInterface; use Illuminate\Contracts\View\View; use Livewire\Component; -class Field extends Component +class Field extends Component implements LivewireInterface { /** * Set the default tag. diff --git a/src/Themes/Tailwind/Message.php b/src/Themes/Tailwind/Message.php index 3710c393..b582c11f 100644 --- a/src/Themes/Tailwind/Message.php +++ b/src/Themes/Tailwind/Message.php @@ -3,10 +3,11 @@ namespace Digitlimit\Alert\Themes\Tailwind; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\LivewireInterface; use Illuminate\Contracts\View\View; use Livewire\Component; -class Message extends Component +class Message extends Component implements LivewireInterface { /** * Set the default tag. diff --git a/src/Themes/Tailwind/Modal.php b/src/Themes/Tailwind/Modal.php index 557b4d0b..cc0fcee8 100644 --- a/src/Themes/Tailwind/Modal.php +++ b/src/Themes/Tailwind/Modal.php @@ -3,13 +3,14 @@ namespace Digitlimit\Alert\Themes\Tailwind; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\LivewireInterface; use Digitlimit\Alert\Helpers\Attribute; use Exception; use Illuminate\Contracts\View\View; use Livewire\Attributes\On; use Livewire\Component; -class Modal extends Component +class Modal extends Component implements LivewireInterface { /** * The default alert tag. diff --git a/src/Themes/Tailwind/Notify.php b/src/Themes/Tailwind/Notify.php index 53aa2bd5..cb18fa6f 100644 --- a/src/Themes/Tailwind/Notify.php +++ b/src/Themes/Tailwind/Notify.php @@ -3,10 +3,11 @@ namespace Digitlimit\Alert\Themes\Tailwind; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\LivewireInterface; use Illuminate\Contracts\View\View; use Livewire\Component; -class Notify extends Component +class Notify extends Component implements LivewireInterface { /** * Set the default tag. diff --git a/src/Themes/Tailwind/Sticky.php b/src/Themes/Tailwind/Sticky.php index bfb61d4e..6405a21d 100644 --- a/src/Themes/Tailwind/Sticky.php +++ b/src/Themes/Tailwind/Sticky.php @@ -3,11 +3,12 @@ namespace Digitlimit\Alert\Themes\Tailwind; use Digitlimit\Alert\Alert; +use Digitlimit\Alert\Contracts\LivewireInterface; use Digitlimit\Alert\Helpers\Attribute; use Illuminate\Contracts\View\View; use Livewire\Component; -class Sticky extends Component +class Sticky extends Component implements LivewireInterface { /** * Set the default tag. From 619043cd1bec5e0db9024c4126357fc4d8fb4e29 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Sat, 22 Feb 2025 20:33:37 +0000 Subject: [PATCH 031/137] fix alert message --- .../themes/tailwind/message.blade.php | 90 ++++++++-- .../themes/tailwind/modal.blade.php | 3 +- .../themes/tailwind/notify.blade.php | 167 ++++++++++-------- src/Message/MessageFactory.php | 38 +++- src/Themes/Tailwind/Message.php | 32 +++- src/Types/Message.php | 12 +- 6 files changed, 247 insertions(+), 95 deletions(-) diff --git a/resources/views/components/themes/tailwind/message.blade.php b/resources/views/components/themes/tailwind/message.blade.php index 63677319..94a70f77 100644 --- a/resources/views/components/themes/tailwind/message.blade.php +++ b/resources/views/components/themes/tailwind/message.blade.php @@ -1,19 +1,77 @@ -@php - $id = $attributes->get('id'); - $tag = $attributes->get('tag', $defaultTag); - $message = $alert->tagged('message', $tag); - $theme = $attributes->get('theme', 'light'); -@endphp -@if($message) +
+ @inject('alert', 'Digitlimit\Alert\Alert'); @php - $id = $id ?? $message->id; + $message = $alert->fromArray($data); + $header = $header ?? null; + $body = $body ?? null; + $footer = $footer ?? null; + + $id = $id ?? $message->id; + $cancel = $message->cancel ?? ''; + $action = $message->action ?? ''; + $view = $message->view ?? ''; + + $hasBody = !is_null($body); + $hasHeader = !is_null($header); + $hasFooter = !is_null($footer); + + $hasTitle = $hasHeader || $message->getTitle(); @endphp -
merge(['class' => 'alert alert-dismissible alert-'.$message->getLevel()]) }} role="alert"> - @if ($slot->isNotEmpty()) - {{ $slot }} - @else - @if($message->getTitle()){{ $message->getTitle() }}@endif {{ $message->getMessage() }} - - @endif +{{--@if($message)--}} +{{-- @php--}} +{{-- $id = $id ?? $message->id;--}} +{{-- @endphp--}} +{{--
merge(['class' => 'alert alert-dismissible alert-'.$message->getLevel()]) }} role="alert">--}} +{{-- @if ($slot->isNotEmpty())--}} +{{-- {{ $slot }}--}} +{{-- @else--}} +{{-- @if($message->getTitle()){{ $message->getTitle() }}@endif {{ $message->getMessage() }}--}} +{{-- --}} +{{-- @endif--}} +{{--
--}} +{{--@endif--}} + + -@endif \ No newline at end of file +
diff --git a/resources/views/components/themes/tailwind/modal.blade.php b/resources/views/components/themes/tailwind/modal.blade.php index 5b16c21d..9307ed5b 100644 --- a/resources/views/components/themes/tailwind/modal.blade.php +++ b/resources/views/components/themes/tailwind/modal.blade.php @@ -1,4 +1,4 @@ -
+
@inject('alert', 'Digitlimit\Alert\Alert'); @php $modal = $alert->fromArray($data); @@ -6,7 +6,6 @@ $body = $body ?? null; $footer = $footer ?? null; - info('running'); $id = $id ?? $modal->id; $cancel = $modal->cancel ?? ''; $action = $modal->action ?? ''; diff --git a/resources/views/components/themes/tailwind/notify.blade.php b/resources/views/components/themes/tailwind/notify.blade.php index b6b013c9..ca631a33 100644 --- a/resources/views/components/themes/tailwind/notify.blade.php +++ b/resources/views/components/themes/tailwind/notify.blade.php @@ -1,72 +1,101 @@ -@php - $tag = $attributes->get('tag', $defaultTag); - $id = $attributes->get('id'); - $notify = $alert->tagged('notify', $tag); - $view = $notify->view ?? ''; - $position = $notify->position ?? 'bottom-0 end-0'; - $theme = $attributes->get('theme', 'light'); -@endphp -@if($notify) - @php - $id = $id ?? $notify->id; - $hasBody = isset($body) && $body->isNotEmpty(); - $hasHeader = isset($header) && $header->isNotEmpty(); - $hasTitle = $hasHeader || $notify->getTitle(); - @endphp -
merge(['class' => 'position-fixed p-3 ' . $position]) }} - {{ $attributes->merge(['z-index' => '100']) }} - > - -
- -@endif \ No newline at end of file +{{--@php--}} +{{-- $tag = $attributes->get('tag', $defaultTag); --}} +{{-- $id = $attributes->get('id'); --}} +{{-- $notify = $alert->tagged('notify', $tag);--}} +{{-- $view = $notify->view ?? '';--}} +{{-- $position = $notify->position ?? 'bottom-0 end-0';--}} +{{-- $theme = $attributes->get('theme', 'light');--}} +{{--@endphp--}} +{{--@if($notify)--}} +{{-- @php--}} +{{-- $id = $id ?? $notify->id;--}} +{{-- $hasBody = isset($body) && $body->isNotEmpty();--}} +{{-- $hasHeader = isset($header) && $header->isNotEmpty();--}} +{{-- $hasTitle = $hasHeader || $notify->getTitle();--}} +{{-- @endphp--}} +{{--
merge(['class' => 'position-fixed p-3 ' . $position]) }}--}} +{{-- {{ $attributes->merge(['z-index' => '100']) }}--}} +{{-- >--}} +{{-- --}} +{{--
--}} +{{-- --}} +{{--@endif--}} diff --git a/src/Message/MessageFactory.php b/src/Message/MessageFactory.php index 00c333d9..b75e3285 100644 --- a/src/Message/MessageFactory.php +++ b/src/Message/MessageFactory.php @@ -4,7 +4,11 @@ use Digitlimit\Alert\Helpers\Type; use Exception; +use ReflectionClass; +/** + * Alert message factory. + */ class MessageFactory { /** @@ -22,7 +26,10 @@ public static function make(string $type, ...$args): MessageInterface return new $class(...$args); } - // make from array + /** + * Make a new alert instance from an array. + * @throws Exception + */ public static function makeFromArray(array $alert): MessageInterface { $type = $alert['type']; @@ -32,6 +39,33 @@ public static function makeFromArray(array $alert): MessageInterface throw new Exception("Alert type '$class' class not found "); } - return app($class)->fill($alert); + return app($class, $alert)->fill($alert); + } + + /** + * Get the constructor arguments for the alert. + * @deprecated use laravel container instead + * + * @param array $alert + * @return array + * @throws ReflectionException + */ + protected static function constructorArgs(array $alert): array + { + $args = []; + $constructor = (new ReflectionClass($class))->getConstructor(); + + if(! $constructor) { + return $args; + } + + $parameters = $constructor->getParameters(); + + foreach ($parameters as $parameter) { + $name = $parameter->getName(); + $args[$name] = $alert[$name] ?? null; + } + + return $args; } } diff --git a/src/Themes/Tailwind/Message.php b/src/Themes/Tailwind/Message.php index b582c11f..d3c855fd 100644 --- a/src/Themes/Tailwind/Message.php +++ b/src/Themes/Tailwind/Message.php @@ -5,26 +5,48 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Contracts\LivewireInterface; use Illuminate\Contracts\View\View; +use Livewire\Attributes\On; use Livewire\Component; class Message extends Component implements LivewireInterface { /** - * Set the default tag. + * The default alert tag. */ public string $defaultTag = Alert::DEFAULT_TAG; /** - * Alert instance. + * The alert tag. */ - public Alert $alert; + public string $tag; + + /** + * The alert + */ + public array $data = []; /** * Create a new component instance. */ - public function mount(Alert $alert) + public function mount() + { + $this->tag = $this->tag ?? $this->defaultTag; + $this->data = Alert::tagged('modal', $this->tag)?->toArray() ?? []; + + if(empty($this->data)) { + $this->skipRender(); + } + } + + #[On('refresh-alert-message')] + public function refresh(string $tag, array $data): void { - $this->alert = $alert; + if($this->tag !== $tag) { + return; + } + + $this->data = $data; + $this->dispatch('open-alert-message'); } /** diff --git a/src/Types/Message.php b/src/Types/Message.php index b7cb0dab..fa1d1190 100644 --- a/src/Types/Message.php +++ b/src/Types/Message.php @@ -44,7 +44,17 @@ public function toArray(): array */ public static function fill(array $alert): MessageInterface { - return new static($alert['message']); + $message = new static($alert['message']); + + $message->id($alert['id']); + $message->tag($alert['tag']); + $message->level($alert['level']); + + if ($alert['title']) { + $message->title($alert['title']); + } + + return $message; } /** From 4dbdf9efcbecc8449fac742f7843a467774d8263 Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Sat, 22 Feb 2025 22:40:33 +0000 Subject: [PATCH 032/137] fix alert message --- .../themes/tailwind/message.blade.php | 43 +++++++------- .../themes/tailwind/modal.blade.php | 2 +- src/Themes/Tailwind/Message.php | 57 +++++++++++++++++-- 3 files changed, 73 insertions(+), 29 deletions(-) diff --git a/resources/views/components/themes/tailwind/message.blade.php b/resources/views/components/themes/tailwind/message.blade.php index 94a70f77..6813d163 100644 --- a/resources/views/components/themes/tailwind/message.blade.php +++ b/resources/views/components/themes/tailwind/message.blade.php @@ -1,5 +1,5 @@
- @inject('alert', 'Digitlimit\Alert\Alert'); + @inject('alert', 'Digitlimit\Alert\Alert') @php $message = $alert->fromArray($data); $header = $header ?? null; @@ -17,50 +17,47 @@ $hasTitle = $hasHeader || $message->getTitle(); @endphp -{{--@if($message)--}} -{{-- @php--}} -{{-- $id = $id ?? $message->id;--}} -{{-- @endphp--}} -{{--
merge(['class' => 'alert alert-dismissible alert-'.$message->getLevel()]) }} role="alert">--}} -{{-- @if ($slot->isNotEmpty())--}} -{{-- {{ $slot }}--}} -{{-- @else--}} -{{-- @if($message->getTitle()){{ $message->getTitle() }}@endif {{ $message->getMessage() }}--}} -{{-- --}} -{{-- @endif--}} -{{--
--}} -{{--@endif--}} - - +
+
get('tag', $defaultTag); --}} -{{-- $id = $attributes->get('id'); --}} -{{-- $notify = $alert->tagged('notify', $tag);--}} -{{-- $view = $notify->view ?? '';--}} -{{-- $position = $notify->position ?? 'bottom-0 end-0';--}} -{{-- $theme = $attributes->get('theme', 'light');--}} -{{--@endphp--}} -{{--@if($notify)--}} -{{-- @php--}} -{{-- $id = $id ?? $notify->id;--}} -{{-- $hasBody = isset($body) && $body->isNotEmpty();--}} -{{-- $hasHeader = isset($header) && $header->isNotEmpty();--}} -{{-- $hasTitle = $hasHeader || $notify->getTitle();--}} -{{-- @endphp--}} -{{--
merge(['class' => 'position-fixed p-3 ' . $position]) }}--}} -{{-- {{ $attributes->merge(['z-index' => '100']) }}--}} -{{-- >--}} -{{-- +
diff --git a/resources/views/components/themes/tailwind/notify1.blade.php b/resources/views/components/themes/tailwind/notify1.blade.php new file mode 100644 index 00000000..ca631a33 --- /dev/null +++ b/resources/views/components/themes/tailwind/notify1.blade.php @@ -0,0 +1,101 @@ + + + + +{{--@php--}} +{{-- $tag = $attributes->get('tag', $defaultTag); --}} +{{-- $id = $attributes->get('id'); --}} +{{-- $notify = $alert->tagged('notify', $tag);--}} +{{-- $view = $notify->view ?? '';--}} +{{-- $position = $notify->position ?? 'bottom-0 end-0';--}} +{{-- $theme = $attributes->get('theme', 'light');--}} +{{--@endphp--}} +{{--@if($notify)--}} +{{-- @php--}} +{{-- $id = $id ?? $notify->id;--}} +{{-- $hasBody = isset($body) && $body->isNotEmpty();--}} +{{-- $hasHeader = isset($header) && $header->isNotEmpty();--}} +{{-- $hasTitle = $hasHeader || $notify->getTitle();--}} +{{-- @endphp--}} +{{--
merge(['class' => 'position-fixed p-3 ' . $position]) }}--}} +{{-- {{ $attributes->merge(['z-index' => '100']) }}--}} +{{-- >--}} +{{-- --}} +{{--
--}} +{{-- --}} +{{--@endif--}} diff --git a/resources/views/components/themes/tailwind/notify2.blade.php b/resources/views/components/themes/tailwind/notify2.blade.php new file mode 100644 index 00000000..5ccf15a6 --- /dev/null +++ b/resources/views/components/themes/tailwind/notify2.blade.php @@ -0,0 +1,456 @@ +
+
+ +
+
diff --git a/resources/views/components/themes/tailwind/notify3.blade.php b/resources/views/components/themes/tailwind/notify3.blade.php new file mode 100644 index 00000000..df605f68 --- /dev/null +++ b/resources/views/components/themes/tailwind/notify3.blade.php @@ -0,0 +1,196 @@ +
+
+
+ +
+
+
+ + + + + + + + +{{--
--}} +{{-- --}} +{{-- --}} + +{{-- --}} +{{-- --}} +{{--
--}} + +{{-- --}} +{{-- --}} +{{--
--}} +{{-- --}} +{{-- --}} +{{--
--}} +{{-- --}} +{{--
--}} +{{--
--}} +{{--
--}} diff --git a/src/Helpers.php b/src/Helpers.php index 3f1529a6..d6f14385 100644 --- a/src/Helpers.php +++ b/src/Helpers.php @@ -58,7 +58,7 @@ function modal(string $message, ?string $title = null, ?string $tag = null): mix } $alert->flash(); - + return $alert; } } diff --git a/src/Themes/Tailwind/Notify.php b/src/Themes/Tailwind/Notify.php index cb18fa6f..d95b8112 100644 --- a/src/Themes/Tailwind/Notify.php +++ b/src/Themes/Tailwind/Notify.php @@ -5,26 +5,95 @@ use Digitlimit\Alert\Alert; use Digitlimit\Alert\Contracts\LivewireInterface; use Illuminate\Contracts\View\View; +use Livewire\Attributes\On; use Livewire\Component; class Notify extends Component implements LivewireInterface { /** - * Set the default tag. + * The default alert tag. */ public string $defaultTag = Alert::DEFAULT_TAG; /** - * Alert instance. + * The alert tag. */ - public Alert $alert; + public string $tag; + + /** + * The default alert class. + */ + public array $classes; + + /** + * The alert + */ + public array $data = []; + + /** + * The alert levels. + */ + public array $levels = [ + 'success' => [ + 'classes' => [ + 'main' => 'flex items-center p-4 mb-4 text-green-800 rounded-lg bg-green-50 dark:bg-gray-800 dark:text-green-400', + 'close' => 'ms-auto -mx-1.5 -my-1.5 bg-blue-50 text-blue-500 rounded-lg focus:ring-2 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex items-center justify-center h-8 w-8 dark:bg-gray-800 dark:text-blue-400 dark:hover:bg-gray-700' + ], + ], + 'error' => [ + 'classes' => [ + 'main' => 'flex items-center p-4 mb-4 text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400', + 'close' => 'ms-auto -mx-1.5 -my-1.5 bg-red-50 text-red-500 rounded-lg focus:ring-2 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex items-center justify-center h-8 w-8 dark:bg-gray-800 dark:text-red-400 dark:hover:bg-gray-700' + ], + ], + 'warning' => [ + 'classes' => [ + 'main' => 'flex items-center p-4 mb-4 text-yellow-800 rounded-lg bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300', + 'close' => 'ms-auto -mx-1.5 -my-1.5 bg-yellow-50 text-yellow-500 rounded-lg focus:ring-2 focus:ring-yellow-400 p-1.5 hover:bg-yellow-200 inline-flex items-center justify-center h-8 w-8 dark:bg-gray-800 dark:text-yellow-400 dark:hover:bg-gray-700' + ], + ], + 'info' => [ + 'classes' => [ + 'main' => 'flex items-center p-4 mb-4 text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400', + 'close' => 'ms-auto -mx-1.5 -my-1.5 bg-blue-50 text-blue-500 rounded-lg focus:ring-2 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex items-center justify-center h-8 w-8 dark:bg-gray-800 dark:text-blue-400 dark:hover:bg-gray-700' + ], + ], + ]; + + /** + * Set data for the alert. + */ + public function setUp(array $data): void + { + $this->data = $data; +// $this->classes = $this->levels[$data['level']]['classes']; + } /** * Create a new component instance. */ - public function mount(Alert $alert) + public function mount(): void + { + $this->tag = $this->tag ?? $this->defaultTag; + $data = Alert::tagged('modal', $this->tag)?->toArray() ?? []; + + if(empty($data)) { + $this->skipRender(); + return; + } + + $this->setUp($data); + } + + #[On('refresh-alert-notify')] + public function refresh(string $tag, array $data): void { - $this->alert = $alert; + if($this->tag !== $tag || empty($data)) { + return; + } + + $this->setUp($data); + $this->dispatch('open-alert-notify'); } /** From a47ee57baa746dca885be5e3876d988127e0a66d Mon Sep 17 00:00:00 2001 From: Emeka Mbah Date: Mon, 24 Feb 2025 01:27:56 +0000 Subject: [PATCH 034/137] refactor alert --- .../components/themes/tailwind/h.blade.php | 431 ----------------- .../components/themes/tailwind/j.blade.php | 89 ---- .../themes/tailwind/notify.blade.php | 49 +- .../themes/tailwind/notify1.blade.php | 101 ---- .../themes/tailwind/notify2.blade.php | 456 ------------------ .../themes/tailwind/notify3.blade.php | 196 -------- src/Contracts/Levelable.php | 14 + src/Contracts/Positionable.php | 41 ++ src/Contracts/Scrollable.php | 8 + src/Contracts/Sizable.php | 31 ++ src/Message/AbstractMessage.php | 43 ++ src/Themes/Tailwind/Notify.php | 3 +- src/Traits/Levelable.php | 40 -- src/Traits/Positionable.php | 76 +++ src/Traits/Scrollable.php | 13 + src/Traits/Sizable.php | 56 +++ src/Types/Message.php | 11 +- src/Types/Modal.php | 88 +--- src/Types/Notify.php | 81 +--- src/Types/Sticky.php | 6 +- 20 files changed, 335 insertions(+), 1498 deletions(-) delete mode 100644 resources/views/components/themes/tailwind/h.blade.php delete mode 100644 resources/views/components/themes/tailwind/j.blade.php delete mode 100644 resources/views/components/themes/tailwind/notify1.blade.php delete mode 100644 resources/views/components/themes/tailwind/notify2.blade.php delete mode 100644 resources/views/components/themes/tailwind/notify3.blade.php create mode 100644 src/Contracts/Levelable.php create mode 100644 src/Contracts/Positionable.php create mode 100644 src/Contracts/Scrollable.php create mode 100644 src/Contracts/Sizable.php create mode 100644 src/Traits/Positionable.php create mode 100644 src/Traits/Scrollable.php create mode 100644 src/Traits/Sizable.php diff --git a/resources/views/components/themes/tailwind/h.blade.php b/resources/views/components/themes/tailwind/h.blade.php deleted file mode 100644 index 36ae9530..00000000 --- a/resources/views/components/themes/tailwind/h.blade.php +++ /dev/null @@ -1,431 +0,0 @@ -
-
-
- -
diff --git a/resources/views/components/themes/tailwind/j.blade.php b/resources/views/components/themes/tailwind/j.blade.php deleted file mode 100644 index 2c220888..00000000 --- a/resources/views/components/themes/tailwind/j.blade.php +++ /dev/null @@ -1,89 +0,0 @@ - diff --git a/resources/views/components/themes/tailwind/notify.blade.php b/resources/views/components/themes/tailwind/notify.blade.php index f22aa191..bc6ebe7c 100644 --- a/resources/views/components/themes/tailwind/notify.blade.php +++ b/resources/views/components/themes/tailwind/notify.blade.php @@ -2,37 +2,40 @@
-