@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 +4 -0
- package/dist/components/page/menu/MenuItem.svelte +4 -3
- package/dist/components/page/menu/MenuSublist.svelte +2 -1
- package/dist/components/page/menu/SettingsBar.svelte +2 -2
- package/package.json +1 -1
- package/src/lib/components/page/menu/MenuItem.svelte +4 -3
- package/src/lib/components/page/menu/MenuSublist.svelte +2 -1
- package/src/lib/components/page/menu/SettingsBar.svelte +2 -2
package/README.md
CHANGED
|
@@ -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.
|
|
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>
|