Add the NewElementCommand.Hx property

Author: CedX

Sources/New-Element.cs

@@ -84,6 +84,12 @@ public abstract class NewElementCommand(string tagName, bool isVoid = false): PS
 	[Parameter]
 	public SwitchParameter Hidden { get; set; }
 
+	/// <summary>
+	/// The <c>htmx</c> attributes to render.
+	/// </summary>
+	[Parameter]
+	public Hashtable Hx { get; set; } = [];
+
 	/// <summary>
 	/// The element identifier.
 	/// </summary>
@@ -222,6 +228,7 @@ protected virtual void RenderAttributes(IDictionary<string, object?> attributes)
 		if (Dir is not null) attributes["dir"] = Dir;
 		if (Draggable is not null) attributes["draggable"] = Draggable;
 		if (Hidden) attributes["hidden"] = true;
+		foreach (DictionaryEntry entry in Hx) attributes[$"hx-{kebabCase(entry.Key.ToString() ?? "")}"] = entry.Value;
 		if (!string.IsNullOrWhiteSpace(Id)) attributes["id"] = Id;
 		if (Inert) attributes["inert"] = true;
 		if (InputMode is not null) attributes["inputmode"] = InputMode;

Tests/New-Element.Tests.ps1

@@ -68,6 +68,12 @@ Describe "New-Element" {
 		$expected | Should-ContainCollection (button -DataSet @{ BsToggle = "tooltip"; PushUrl = $true })
 	}
 
+	It "should htmx attributes" {
+		$expected = '<button hx-confirm="Wat?" hx-post="/new"></button>', '<button hx-post="/new" hx-confirm="Wat?"></button>'
+		$expected | Should-ContainCollection (button -Hx @{ Confirm = "Wat?"; Post = "/new" })
+		Should-BeString '<button hx-on:app:click="alert(''Hello!'')"></button>' (button -Hx @{ "On:app:click" = "alert('Hello!')" }) -CaseSensitive
+	}
+
 	It "should handle event handler attributes" {
 		$expected = '<button onclick="submit(event)" oncontextmenu="showMenu()"></button>', '<button oncontextmenu="showMenu()" onclick="submit(event)"></button>'
 		$expected | Should-ContainCollection (button -On @{ Click = "submit(event)"; ContextMenu = "showMenu()" })