Feature/modal

[pwelter34]

No description provided.

[Copilot]

Pull Request Overview

This PR introduces a comprehensive modal dialog system for Blazor applications using native HTML <dialog> elements with JavaScript interop. The implementation provides a service-based approach for displaying common modal types (alert, confirm, prompt) with customizable styling variants.

• Adds a complete modal dialog framework with JavaScript interop for HTML <dialog> management
• Implements service layer with extension methods for common modal patterns (Alert, Confirm, Prompt)
• Provides comprehensive CSS styling with multiple visual variants (Primary, Information, Success, Warning, Danger)

Reviewed Changes

Copilot reviewed 24 out of 24 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
dialog.js	JavaScript module for managing HTMLDialogElement interactions
modal-dialog.css	Complete CSS styling system with variants and animations
BlazorControls.css	Imports the new modal dialog CSS
ServiceCollectionExtensions.cs	Adds modal service registration
ModalVariant.cs	Enum defining visual variants for modals
ModalServiceExtensions.cs	Extension methods for common modal operations
ModalService.cs	Core service for displaying modal dialogs
ModalResult.cs	Result structure for modal operations
ModalReference.cs	Reference class managing modal lifecycle
ModalDialog.razor/.cs	Component rendering individual modal dialogs
ModalContainer.razor/.cs	Container component managing active modals
ModalComponentBase.cs	Base class for modal components
Message classes	Records for modal show/close messaging
IModalReference.cs	Interface for modal references
Common modal components	Alert, Confirm, and Prompt modal implementations
Sample files	Demo page and navigation updates

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The magic string '--closed--' should be defined as a constant to improve maintainability and reduce the risk of typos.

[Copilot]

The CSS nesting syntax using '&' may not be supported in all browsers. Consider using standard CSS selectors for better compatibility.

Suggested change

	&[open] {
	animation: dialog-open 300ms forwards;
	}
	}
	dialog[open] {
	animation: dialog-open 300ms forwards;

[Copilot]

[nitpick] Remove the empty line at the beginning of the file for consistency with other files in the codebase.

Suggested change