- add methods for releasing datasets from submitter

- npm updates
- side menu with child items
- flash messages via HttpContext response (extended via macro)

resources/js/Components/AsideMenuItem.vue

@@ -31,7 +31,7 @@ const hasColor = computed(() => props.item && props.item.color);
 const isDropdownActive = ref(false);
 
 const componentClass = computed(() => [
-	props.isDropdownList ? 'py-3 px-6 text-sm' : 'py-3 px-6',
+	props.isDropdownList ? 'py-3 px-6 text-sm font-semibold' : 'py-3 px-6',
 	hasColor.value ? getButtonColor(props.item.color, false, true) : styleService.asideMenuItemStyle,
 ]);
 
@@ -76,18 +76,19 @@ const is = computed(() => {
 		<!-- <component :is="itemHref ? 'div' : Link" :href="itemHref ? itemHref : itemRoute"  -->
 		<component :is="is" :href="itemRoute ? stardust.route(props.item.route) : props.item.href" 
 			class="flex cursor-pointer dark:text-slate-300 dark:hover:text-white" :class="componentClass"
-			@click="menuClick" v-bind:target="props.item.target ?? null">
+			@click.prevent="menuClick" v-bind:target="props.item.target ?? null">
 			<BaseIcon v-if="item.icon" :path="item.icon" class="flex-none" :class="activeInactiveStyle" w="w-16"
 				:size="18" />
 			<span class="grow text-ellipsis line-clamp-1" :class="activeInactiveStyle">
 				{{ item.label }}
 			</span>
-			<!-- <BaseIcon v-if="hasDropdown" :path="isDropdownActive ? mdiMinus : mdiPlus" class="flex-none"
-				:class="activeInactiveStyle" w="w-12" /> -->
+			<!-- plus icon for expanding sub menu -->
+			<BaseIcon v-if="hasDropdown" :path="isDropdownActive ? mdiMinus : mdiPlus" class="flex-none"
+				:class="activeInactiveStyle" w="w-12" @click.prevent="menuClick"/>
 		</component>
-		<!-- <AsideMenuList v-if="hasDropdown" :menu="item.children" :class="[
+		<AsideMenuList v-if="hasDropdown" :menu="item.children" :class="[
 			styleService.asideMenuDropdownStyle,
 			isDropdownActive ? 'block dark:bg-slate-800/50' : 'hidden',
-		]" is-dropdown-list /> -->
+		]" is-dropdown-list />
 	</li>
 </template>