menu changes

Author: DavidBlaa

README.md

@@ -1,4 +1,28 @@
 # bexis-core-ui
+## 0.4.26
+- menu
+  - change submenu buttons to a link and add link menuitems to support right click menu
+  
+## 0.4.25
+- menu
+  - add internal & target to menuItemType to support handle menuEntries open in same or other window
+
+## 0.4.24
+- Table
+  - Adds option for enabling/disabling show/hide column menu in table.  
+  - Adds option to show number of items displayed instead of number of pages.
+  - Fixes an issue where "0" values return empty string.
+
+- Facets
+  - Fixes an issue with truncation of text in Facet headers and options.
+
+## 0.4.23
+- Table
+  - fix resizing issues after page size or page index changes
+  - Add Select All and Deselect All in columns menu
+  - Convert JSON to CSV and export as CSV
+  - Export as JSON to fix special characters and encoding issues
+
 ## 0.4.22
 - Facets
   - Replace column class function with more efficient solution

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.4.22",
+  "version": "0.4.26",
   "private": false,
   "scripts": {
     "dev": "vite dev",

src/lib/components/page/menu/MenuItem.svelte

@@ -26,8 +26,11 @@
 
 {#if menubarItem.Items.length < 1}
 	<div class="p-2">
-		<button class="grid" use:popup={popupCombobox} on:click={() => goTo(menubarItem.Url)}>
-			<span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
+		
+		<button class="grid" use:popup={popupCombobox} >
+			<a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
+				<span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
+			</a>
 		</button>
 	</div>
 {:else}

src/lib/components/page/menu/MenuSublist.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ListBox, ListBoxItem } from '@skeletonlabs/skeleton';
+	import { ListBox, ListBoxItem, TreeViewItem } from '@skeletonlabs/skeleton';
 	import type { menuItemType } from '../../../models/Page';
 	import { goTo } from '../../../services/BaseCaller';
 
@@ -31,7 +31,7 @@
 			return;
 		}
 		else{
-				goTo(item.Url)
+				goTo(item.Url, item.Internal, item.Target);	
 		}
 	}
 
@@ -76,9 +76,9 @@
 			bind:group={item.Title}
 			name="medium"
 			value={item.Title}
-			on:click={() => clickFn(item)}
+	
 		>
-			{item.Title}
+			<a href={item.Url} target="{item.Target}">{item.Title}</a>
 		</ListBoxItem>
 
 	{/each}

src/lib/models/Page.ts

@@ -29,6 +29,7 @@ export interface menuItemType {
 	Url: string;
 	Target: string;
 	Module: string;
+	Internal: boolean;
 	Items: menuItemType[];
 }
 

src/lib/services/BaseCaller.js

@@ -3,11 +3,11 @@
 import { host } from '$store/apiStores';
 
 // go to a internal action
-export const goTo = async (url, intern = true) => {
+export const goTo = async (url, intern = true, target="_self") => {
 	if (intern == true) {
 		// go to inside bexis2
 		if (window != null && host != null && url != null) {
-			window.open(host + url, '_self')?.focus();
+			window.open(host + url, target)?.focus();
 		}
 	} // go to a external page
 	else {