@bexis2/bexis2-core-ui 0.4.44 → 0.4.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +10 -0
  2. package/dist/components/page/menu/Menu.svelte +1 -0
  3. package/dist/components/page/menu/MenuDataCaller.js +1 -0
  4. package/dist/components/page/menu/MenuItem.svelte +4 -4
  5. package/dist/components/page/menu/SettingsBar.svelte +2 -1
  6. package/package.json +1 -1
  7. package/src/lib/components/page/menu/Menu.svelte +3 -0
  8. package/src/lib/components/page/menu/MenuDataCaller.js +1 -0
  9. package/src/lib/components/page/menu/MenuItem.svelte +4 -4
  10. package/src/lib/components/page/menu/SettingsBar.svelte +2 -1
package/README.md CHANGED
@@ -1,4 +1,14 @@
1
1
  # bexis-core-ui
2
+ ## 0.4.46
3
+ - Menu
4
+ - Add hover to menu
5
+ - Fix Missing nowrap in menu
6
+
7
+
8
+ ## 0.4.45
9
+ - Menu
10
+ - hide gear if settings array has no entry
11
+
2
12
  ## 0.4.44
3
13
  - Page
4
14
  - replace manual link with icon
package/dist/components/page/menu/Menu.svelte CHANGED
@@ -10,6 +10,7 @@ import { Accordion } from "@skeletonlabs/skeleton";
10
10
  onMount(async () => {
11
11
  let m = await getMenuItems();
12
12
  menuStore.set(m);
13
+ console.log("\u{1F680} ~ onMount ~ menuStore:", $menuStore);
13
14
  });
14
15
  let hamburger = true;
15
16
  </script>
package/dist/components/page/menu/MenuDataCaller.js CHANGED
@@ -3,6 +3,7 @@ import { Api } from '../../../services/Api';
3
3
  export const getMenuItems = async () => {
4
4
  try {
5
5
  const response = await Api.get('/menu');
6
+
6
7
  return response.data;
7
8
  } catch (error) {
8
9
  console.error(error);
package/dist/components/page/menu/MenuItem.svelte CHANGED
@@ -15,10 +15,10 @@ let popupCombobox = {
15
15
 
16
16
  {#if menubarItem.Items.length < 1}
17
17
  <div class="p-2">
18
-
18
+
19
19
  <button class="grid" use:popup={popupCombobox} >
20
20
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
21
- <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
21
+ <span class="capitalize whitespace-nowrap hover:font-bold">{comboboxValue ?? menubarItem.Title}</span>
22
22
  </a>
23
23
  </button>
24
24
  </div>
@@ -27,7 +27,7 @@ let popupCombobox = {
27
27
  <AccordionItem padding="p-2">
28
28
  <svelte:fragment slot="summary"
29
29
  ><button class="flex items-center gap-x-1">
30
- <span class="capitalize">{menubarItem.Title}</span>
30
+ <span class="capitalize hover:font-bold">{menubarItem.Title}</span>
31
31
  </button></svelte:fragment
32
32
  >
33
33
  <svelte:fragment slot="content"
@@ -38,7 +38,7 @@ let popupCombobox = {
38
38
  </div>
39
39
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
40
40
  <button class="flex items-center gap-x-1 px-2">
41
- <span>{menubarItem.Title}▾</span>
41
+ <span class="capitalize whitespace-nowrap hover:font-bold">{menubarItem.Title}▾</span>
42
42
  </button>
43
43
 
44
44
  <div class="z-50 w-max" data-popup={id}>
package/dist/components/page/menu/SettingsBar.svelte CHANGED
@@ -3,6 +3,7 @@ import { AccordionItem } from "@skeletonlabs/skeleton";
3
3
  import Fa from "svelte-fa";
4
4
  import { faCog } from "@fortawesome/free-solid-svg-icons";
5
5
  export let menuBar;
6
+ console.log("\u{1F680} ~ menuBar:", menuBar);
6
7
  import MenuSublist from "./MenuSublist.svelte";
7
8
  let popupCombobox = {
8
9
  event: "click",
@@ -13,7 +14,7 @@ let popupCombobox = {
13
14
  };
14
15
  </script>
15
16
 
16
- {#if menuBar}
17
+ {#if menuBar && menuBar.length > 0}
17
18
  <div class="sm:hidden">
18
19
  <AccordionItem padding="p-2">
19
20
  <svelte:fragment slot="summary"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.44",
3
+ "version": "0.4.46",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/page/menu/Menu.svelte CHANGED
@@ -13,6 +13,9 @@
13
13
  onMount(async () => {
14
14
  let m = await getMenuItems();
15
15
  menuStore.set(m);
16
+
17
+ console.log("🚀 ~ onMount ~ menuStore:", $menuStore);
18
+
16
19
  });
17
20
 
18
21
  let hamburger = true;
package/src/lib/components/page/menu/MenuDataCaller.js CHANGED
@@ -3,6 +3,7 @@ import { Api } from '$lib/services/Api';
3
3
  export const getMenuItems = async () => {
4
4
  try {
5
5
  const response = await Api.get('/menu');
6
+
6
7
  return response.data;
7
8
  } catch (error) {
8
9
  console.error(error);
package/src/lib/components/page/menu/MenuItem.svelte CHANGED
@@ -26,10 +26,10 @@
26
26
 
27
27
  {#if menubarItem.Items.length < 1}
28
28
  <div class="p-2">
29
-
29
+
30
30
  <button class="grid" use:popup={popupCombobox} >
31
31
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
32
- <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
32
+ <span class="capitalize whitespace-nowrap hover:font-bold">{comboboxValue ?? menubarItem.Title}</span>
33
33
  </a>
34
34
  </button>
35
35
  </div>
@@ -38,7 +38,7 @@
38
38
  <AccordionItem padding="p-2">
39
39
  <svelte:fragment slot="summary"
40
40
  ><button class="flex items-center gap-x-1">
41
- <span class="capitalize">{menubarItem.Title}</span>
41
+ <span class="capitalize hover:font-bold">{menubarItem.Title}</span>
42
42
  </button></svelte:fragment
43
43
  >
44
44
  <svelte:fragment slot="content"
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
51
51
  <button class="flex items-center gap-x-1 px-2">
52
- <span>{menubarItem.Title}▾</span>
52
+ <span class="capitalize whitespace-nowrap hover:font-bold">{menubarItem.Title}▾</span>
53
53
  </button>
54
54
 
55
55
  <div class="z-50 w-max" data-popup={id}>
package/src/lib/components/page/menu/SettingsBar.svelte CHANGED
@@ -7,6 +7,7 @@
7
7
  import { faCog } from '@fortawesome/free-solid-svg-icons';
8
8
 
9
9
  export let menuBar: menuItemType[];
10
+ console.log("🚀 ~ menuBar:", menuBar)
10
11
  //uicomponents
11
12
  import MenuSublist from './MenuSublist.svelte';
12
13
 
@@ -19,7 +20,7 @@
19
20
  };
20
21
  </script>
21
22
 
22
- {#if menuBar}
23
+ {#if menuBar && menuBar.length > 0}
23
24
  <div class="sm:hidden">
24
25
  <AccordionItem padding="p-2">
25
26
  <svelte:fragment slot="summary"