release: WRNexusJS 0.6.0

.publish/ui/components/card.wrn

@@ -1,48 +1,51 @@
 component Card {
-  props {
-    @event click = function
-    @event action = function
-    @event navigate = function
-    @event dismiss = function
-    @event load = function
-    @event error = function
-    title = "Card title"
-    subtitle = ""
-    description = ""
-    header = ""
-    footer = ""
-    imageSrc = ""
-    imageAlt = ""
-    imagePosition = "top"
-    actionLabel = ""
-    actionHref = ""
-    headerActions = []
-    navigation = []
-    activeNav = ""
-    mobileNavigation = false
-    alertTitle = ""
-    alertDescription = ""
-    empty = false
-    emptyTitle = "No data to show"
-    emptyIcon = "icon-[lucide--inbox]"
-    items = []
-    size = "md"
-    color = "primary"
-    variant = "default"
-    layout = "vertical"
-    align = "left"
-    hover = "none"
-    scrollable = false
-    maxHeight = "18rem"
-    dismissible = false
-    ariaLabel = ""
-    class = ""
+  outputs {
+    click(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    action(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    navigate(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    dismiss(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    load(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    error(payload: { error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
   }
 
-  state dismissed = false
+  props {
+    title: string = "Card title"
+    subtitle: string = ""
+    description: string = ""
+    header: string = ""
+    footer: string = ""
+    imageSrc: string = ""
+    imageAlt: string = ""
+    imagePosition: string = "top"
+    actionLabel: string = ""
+    actionHref: string = ""
+    headerActions: unknown[] = []
+    navigation: unknown[] = []
+    activeNav: string = ""
+    mobileNavigation: boolean = false
+    alertTitle: string = ""
+    alertDescription: string = ""
+    empty: boolean = false
+    emptyTitle: string = "No data to show"
+    emptyIcon: string = "icon-[lucide--inbox]"
+    items: unknown[] = []
+    size: string = "md"
+    color: string = "primary"
+    variant: string = "default"
+    layout: string = "vertical"
+    align: string = "left"
+    hover: string = "none"
+    scrollable: boolean = false
+    maxHeight: string = "18rem"
+    dismissible: boolean = false
+    ariaLabel: string = ""
+    class: string = ""
+  }
+
+  state dismissed: boolean = false
 
   functions {
-    function dispatchCardNavigation(sourceEvent, item, index, root, customEvent) {
+    client function dispatchCardNavigation(sourceEvent, item, index, root, customEvent) {
       root = sourceEvent.currentTarget.closest("[data-wrn-card]")
 
       if (!root) {
@@ -58,7 +61,7 @@ component Card {
       root.dispatchEvent(customEvent)
     }
 
-    function dispatchCardNavigationValue(sourceEvent, root, customEvent) {
+    client function dispatchCardNavigationValue(sourceEvent, root, customEvent) {
       root = sourceEvent.currentTarget.closest("[data-wrn-card]")
 
       if (!root) {
@@ -73,7 +76,7 @@ component Card {
       root.dispatchEvent(customEvent)
     }
 
-    function dispatchCardHeaderAction(sourceEvent, action, index, root, customEvent) {
+    client function dispatchCardHeaderAction(sourceEvent, action, index, root, customEvent) {
       root = sourceEvent.currentTarget.closest("[data-wrn-card]")
 
       if (!root) {
@@ -89,7 +92,7 @@ component Card {
       root.dispatchEvent(customEvent)
     }
 
-    function dismissCard(sourceEvent, root, customEvent) {
+    client function dismissCard(sourceEvent, root, customEvent) {
       dismissed = true
       root = sourceEvent.currentTarget.closest("[data-wrn-card]")