@bexis2/bexis2-core-ui 0.4.43 → 0.4.45

package/README.md

@@ -1,4 +1,11 @@
 # bexis-core-ui
+## 0.4.45
+- Menu
+  - hide gear if settings array has no entry
+
+## 0.4.44
+- Page
+  - replace manual link with icon
 ## 0.4.43
 - Table
   - fix header names with dots breaks the table

package/dist/components/page/Docs.svelte

@@ -1,5 +1,5 @@
 <script>import Fa from "svelte-fa";
-import { faQuestion } from "@fortawesome/free-solid-svg-icons";
+import { faQuestion, faBook } from "@fortawesome/free-solid-svg-icons";
 import { goTo } from "../../services/BaseCaller";
 export let links = [];
 import { popup } from "@skeletonlabs/skeleton";
@@ -29,8 +29,14 @@ const noteSettings = {
 	{/if}
 
 	{#each links as link}
-		<span class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
-			<span>{link.label}</span>
+		<span role="button" tabindex="0" title="link" class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
+			<span>
+				{#if link.label.toLowerCase()=='manual'}
+					<Fa icon={faBook} />
+				{:else}
+					{link.label}
+				{/if}
+			</span>
 		</span>
 	{/each}
 </div>

package/dist/components/page/menu/Menu.svelte

@@ -10,6 +10,7 @@ import { Accordion } from "@skeletonlabs/skeleton";
 onMount(async () => {
   let m = await getMenuItems();
   menuStore.set(m);
+  console.log("\u{1F680} ~ onMount ~ menuStore:", $menuStore);
 });
 let hamburger = true;
 </script>

package/dist/components/page/menu/MenuDataCaller.js

@@ -3,6 +3,7 @@ import { Api } from '../../../services/Api';
 export const getMenuItems = async () => {
 	try {
 		const response = await Api.get('/menu');
+		
 		return response.data;
 	} catch (error) {
 		console.error(error);

package/dist/components/page/menu/SettingsBar.svelte

@@ -3,6 +3,7 @@ import { AccordionItem } from "@skeletonlabs/skeleton";
 import Fa from "svelte-fa";
 import { faCog } from "@fortawesome/free-solid-svg-icons";
 export let menuBar;
+console.log("\u{1F680} ~ menuBar:", menuBar);
 import MenuSublist from "./MenuSublist.svelte";
 let popupCombobox = {
   event: "click",
@@ -13,7 +14,7 @@ let popupCombobox = {
 };
 </script>
 
-{#if menuBar}
+{#if menuBar && menuBar.length > 0}
 	<div class="sm:hidden">
 		<AccordionItem padding="p-2">
 			<svelte:fragment slot="summary"

package/package.json

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

package/src/lib/components/page/Docs.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Fa from 'svelte-fa';
-	import { faQuestion } from '@fortawesome/free-solid-svg-icons';
+	import { faQuestion, faBook } from '@fortawesome/free-solid-svg-icons';
 	import { goTo } from '$services/BaseCaller';
 
 	// links
@@ -39,8 +39,14 @@
 	{/if}
 
 	{#each links as link}
-		<span class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
-			<span>{link.label}</span>
+		<span role="button" tabindex="0" title="link" class="chip variant-soft hover:variant-filled" on:click={() => goTo(link.url, false)} on:keypress={() => goTo(link.url, false)}>
+			<span>
+				{#if link.label.toLowerCase()=='manual'}
+					<Fa icon={faBook} />
+				{:else}
+					{link.label}
+				{/if}
+			</span>
 		</span>
 	{/each}
 </div>

package/src/lib/components/page/menu/Menu.svelte

@@ -13,6 +13,9 @@
 	onMount(async () => {
 		let m = await getMenuItems();
 		menuStore.set(m);
+
+		console.log("🚀 ~ onMount ~ menuStore:", $menuStore);
+
 	});
 
 	let hamburger = true;

package/src/lib/components/page/menu/MenuDataCaller.js

@@ -3,6 +3,7 @@ import { Api } from '$lib/services/Api';
 export const getMenuItems = async () => {
 	try {
 		const response = await Api.get('/menu');
+		
 		return response.data;
 	} catch (error) {
 		console.error(error);

package/src/lib/components/page/menu/SettingsBar.svelte

@@ -7,6 +7,7 @@
 	import { faCog } from '@fortawesome/free-solid-svg-icons';
 
 	export let menuBar: menuItemType[];
+	console.log("🚀 ~ menuBar:", menuBar)
 	//uicomponents
 	import MenuSublist from './MenuSublist.svelte';
 
@@ -19,7 +20,7 @@
 	};
 </script>
 
-{#if menuBar}
+{#if menuBar && menuBar.length > 0}
 	<div class="sm:hidden">
 		<AccordionItem padding="p-2">
 			<svelte:fragment slot="summary"