@bexis2/bexis2-core-ui 0.4.73 → 0.4.75

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.
package/README.md CHANGED
@@ -1,4 +1,8 @@
1
1
  # bexis-core-ui
2
+ ## 0.4.75
3
+ - Menu
4
+ - add ids
5
+
2
6
  ## 0.4.73
3
7
  - NumberInput
4
8
  - fix issue destroying layout with number.MinValue
@@ -4,6 +4,7 @@ import { goTo } from "../../../services/BaseCaller";
4
4
  export let menubarItem;
5
5
  export let comboboxValue;
6
6
  let id = Math.floor(Math.random() * 100).toString();
7
+ let idLabel = "menu-" + menubarItem.Title.replaceAll(" ", "-");
7
8
  let popupCombobox = {
8
9
  event: "click",
9
10
  target: id,
@@ -16,7 +17,7 @@ let popupCombobox = {
16
17
  {#if menubarItem.Items.length < 1}
17
18
  <div class="p-2">
18
19
 
19
- <button class="grid" use:popup={popupCombobox} >
20
+ <button id={id+"bt"} class="grid" use:popup={popupCombobox} >
20
21
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
21
22
  <span class="capitalize whitespace-nowrap text-lg hover:text-secondary-500">{comboboxValue ?? menubarItem.Title}</span>
22
23
  </a>
@@ -26,7 +27,7 @@ let popupCombobox = {
26
27
  <div class="sm:hidden block">
27
28
  <AccordionItem padding="p-2">
28
29
  <svelte:fragment slot="summary"
29
- ><button class="flex items-center gap-x-1">
30
+ ><button id={idLabel} class="flex items-center gap-x-1">
30
31
  <span class="capitalize text-lg hover:text-secondary-500">{menubarItem.Title}</span>
31
32
  </button></svelte:fragment
32
33
  >
@@ -37,7 +38,7 @@ let popupCombobox = {
37
38
  >
38
39
  </div>
39
40
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
40
- <button class="flex items-center gap-x-1 px-2">
41
+ <button id={idLabel} class="flex items-center gap-x-1 px-2">
41
42
  <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">{menubarItem.Title}▾</span>
42
43
  </button>
43
44
 
@@ -54,11 +54,12 @@ async function logOffFn() {
54
54
  <ListBoxItem
55
55
  class="text-md sm:text-sm text-surface-800 py-1 hover:text-secondary-500 bg-transparent hover:bg-surface-200"
56
56
  bind:group={item.Title}
57
+
57
58
  name="medium"
58
59
  value={item.Title}
59
60
 
60
61
  >
61
- <a href={item.Url} target="{item.Target}" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
62
+ <a id={"menu-"+item.Title.replaceAll(' ', '-')} href={item.Url} target="{item.Target}" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
62
63
 
63
64
  </ListBoxItem>
64
65
 
@@ -18,7 +18,7 @@ let popupCombobox = {
18
18
  <div class="sm:hidden">
19
19
  <AccordionItem padding="p-2">
20
20
  <svelte:fragment slot="summary"
21
- ><button class="flex items-center gap-x-1 text-sm text-surface-800 w-5 h-full">
21
+ ><button id="settings" class="flex items-center gap-x-1 text-sm text-surface-800 w-5 h-full">
22
22
  <span class="capitalize"><Fa icon={faCog} /></span>
23
23
  </button></svelte:fragment
24
24
  >
@@ -26,7 +26,7 @@ let popupCombobox = {
26
26
  </AccordionItem>
27
27
  </div>
28
28
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
29
- <button class="flex items-center gap-x-1">
29
+ <button id="menu-settings" class="flex items-center gap-x-1">
30
30
  <div class="hidden sm:block" />
31
31
  <span class="capitalize"><Fa icon={faCog} /></span>
32
32
  </button>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.73",
3
+ "version": "0.4.75",
4
4
  "private": false,
5
5
  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
6
6
  "keywords": [
@@ -14,6 +14,7 @@
14
14
  export let comboboxValue;
15
15
 
16
16
  let id = Math.floor(Math.random() * 100).toString();
17
+ let idLabel = "menu-"+menubarItem.Title.replaceAll(' ', '-');
17
18
 
18
19
  let popupCombobox: PopupSettings = {
19
20
  event: 'click',
@@ -27,7 +28,7 @@
27
28
  {#if menubarItem.Items.length < 1}
28
29
  <div class="p-2">
29
30
 
30
- <button class="grid" use:popup={popupCombobox} >
31
+ <button id={id+"bt"} class="grid" use:popup={popupCombobox} >
31
32
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
32
33
  <span class="capitalize whitespace-nowrap text-lg hover:text-secondary-500">{comboboxValue ?? menubarItem.Title}</span>
33
34
  </a>
@@ -37,7 +38,7 @@
37
38
  <div class="sm:hidden block">
38
39
  <AccordionItem padding="p-2">
39
40
  <svelte:fragment slot="summary"
40
- ><button class="flex items-center gap-x-1">
41
+ ><button id={idLabel} class="flex items-center gap-x-1">
41
42
  <span class="capitalize text-lg hover:text-secondary-500">{menubarItem.Title}</span>
42
43
  </button></svelte:fragment
43
44
  >
@@ -48,7 +49,7 @@
48
49
  >
49
50
  </div>
50
51
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
51
- <button class="flex items-center gap-x-1 px-2">
52
+ <button id={idLabel} class="flex items-center gap-x-1 px-2">
52
53
  <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">{menubarItem.Title}▾</span>
53
54
  </button>
54
55
 
@@ -74,11 +74,12 @@
74
74
  <ListBoxItem
75
75
  class="text-md sm:text-sm text-surface-800 py-1 hover:text-secondary-500 bg-transparent hover:bg-surface-200"
76
76
  bind:group={item.Title}
77
+
77
78
  name="medium"
78
79
  value={item.Title}
79
80
 
80
81
  >
81
- <a href={item.Url} target="{item.Target}" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
82
+ <a id={"menu-"+item.Title.replaceAll(' ', '-')} href={item.Url} target="{item.Target}" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
82
83
 
83
84
  </ListBoxItem>
84
85
 
@@ -24,7 +24,7 @@
24
24
  <div class="sm:hidden">
25
25
  <AccordionItem padding="p-2">
26
26
  <svelte:fragment slot="summary"
27
- ><button class="flex items-center gap-x-1 text-sm text-surface-800 w-5 h-full">
27
+ ><button id="settings" class="flex items-center gap-x-1 text-sm text-surface-800 w-5 h-full">
28
28
  <span class="capitalize"><Fa icon={faCog} /></span>
29
29
  </button></svelte:fragment
30
30
  >
@@ -32,7 +32,7 @@
32
32
  </AccordionItem>
33
33
  </div>
34
34
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
35
- <button class="flex items-center gap-x-1">
35
+ <button id="menu-settings" class="flex items-center gap-x-1">
36
36
  <div class="hidden sm:block" />
37
37
  <span class="capitalize"><Fa icon={faCog} /></span>
38
38
  </button>