release: WRNexusJS 0.6.0

.publish/ui/components/Accordion.wrn

@@ -1,52 +1,55 @@
 component Accordion {
-  props {
-    size = "default"
-    color = "primary"
-    variant = "default"
-    class = ""
-
-    id = "accordion"
-    items = []
-    defaultOpen = []
-    multiple = false
-    alwaysOpen = false
-    disabled = false
-
-    indicator = "plus"
-    indicatorPosition = "start"
-    showIndicator = true
-    bordered = false
-    separated = false
-    flush = false
-    contentItalic = false
-
-    @event change = function
-    @event open = function
-    @event close = function
+  outputs {
+    change(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
+    open(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
+    close(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
   }
 
+  props {
+    size: string = "default"
+    color: string = "primary"
+    variant: string = "default"
+    class: string = ""
+
+    id: string = "accordion"
+    items: unknown[] = []
+    defaultOpen: unknown[] = []
+    multiple: boolean = false
+    alwaysOpen: boolean = false
+    disabled: boolean = false
+
+    indicator: string = "plus"
+    indicatorPosition: string = "start"
+    showIndicator: boolean = true
+    bordered: boolean = false
+    separated: boolean = false
+    flush: boolean = false
+    contentItalic: boolean = false
+
+}
+
   state openValues = defaultOpen
 
   functions {
-    function itemValue(item, index) {
+    shared function itemValue(item, index) {
       return item.value !== undefined && item.value !== ""
         ? String(item.value)
         : String(index)
     }
 
-    function nestedValue(parent, parentIndex, item, index) {
+    shared function nestedValue(parent, parentIndex, item, index) {
       return itemValue(parent, parentIndex) + "." + itemValue(item, index)
     }
 
-    function isOpen(value) {
+    shared function isOpen(value) {
       return openValues.includes(value)
     }
 
-    function allowsMultiple() {
+    shared function allowsMultiple() {
       return multiple || alwaysOpen
     }
 
-    function dispatchAccordionEvent(sourceEvent, eventName, value, item, root, customEvent) {
+    client function dispatchAccordionEvent(sourceEvent, eventName, value, item, root, customEvent) {
       root = sourceEvent.currentTarget.closest("[data-wrn-accordion]")
 
       if (!root) {
@@ -64,7 +67,7 @@ component Accordion {
       root.dispatchEvent(customEvent)
     }
 
-    function toggleItem(sourceEvent, value, item, wasOpen) {
+    client function toggleItem(sourceEvent, value, item, wasOpen) {
       if (disabled || item.disabled) {
         return
       }