added aria-expanded to the dropdown triggers

ui/src/components/base/Accordion.svelte

@@ -1,5 +1,5 @@
 <script>
-    import { onMount, createEventDispatcher } from "svelte";
+    import { createEventDispatcher, onMount } from "svelte";
     import { slide } from "svelte/transition";
 
     const dispatch = createEventDispatcher();
@@ -79,6 +79,7 @@
         class="accordion-header"
         {draggable}
         class:interactive
+        aria-expanded={active}
         on:click|preventDefault={() => interactive && toggle()}
         on:drop|preventDefault={(e) => {
             if (draggable) {

ui/src/components/base/Select.svelte

@@ -1,8 +1,8 @@
 <script>
-    import { onMount } from "svelte";
-    import CommonHelper from "@/utils/CommonHelper";
     import tooltip from "@/actions/tooltip";
     import Toggler from "@/components/base/Toggler.svelte";
+    import CommonHelper from "@/utils/CommonHelper";
+    import { onMount } from "svelte";
 
     export let id = "";
     export let noOptionsText = "No options found";
@@ -208,6 +208,7 @@
         class="selected-container"
         class:disabled
         class:readonly
+        role="button"
     >
         {#each CommonHelper.toArray(selected) as item, i}
             <div class="option">

ui/src/components/base/Toggler.svelte

@@ -1,5 +1,5 @@
 <script>
-    import { onMount, createEventDispatcher } from "svelte";
+    import { createEventDispatcher, onMount } from "svelte";
     import { fly } from "svelte/transition";
 
     export let trigger = undefined;
@@ -25,9 +25,11 @@
 
     $: if (active) {
         activeTrigger?.classList?.add("active");
+        activeTrigger?.setAttribute("aria-expanded", true);
         dispatch("show");
     } else {
         activeTrigger?.classList?.remove("active");
+        activeTrigger?.setAttribute("aria-expanded", false);
         dispatch("hide");
     }