@bexis2/bexis2-core-ui 0.4.90 → 0.4.92

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 (30) hide show
  1. package/README.md +2 -1
  2. package/dist/components/form/DateInput.svelte +3 -1
  3. package/dist/components/form/DateInput.svelte.d.ts +4 -0
  4. package/dist/components/form/DatePickerInput.svelte +2 -1
  5. package/dist/components/form/DatePickerInput.svelte.d.ts +4 -0
  6. package/dist/components/form/Dropdown.svelte +2 -2
  7. package/dist/components/form/Dropdown.svelte.d.ts +6 -0
  8. package/dist/components/form/DropdownKvP.svelte +2 -2
  9. package/dist/components/form/DropdownKvP.svelte.d.ts +6 -0
  10. package/dist/components/form/InputContainer.svelte +1 -1
  11. package/dist/components/form/MultiSelect.svelte +2 -1
  12. package/dist/components/form/MultiSelect.svelte.d.ts +2 -0
  13. package/dist/components/form/NumberInput.svelte +2 -1
  14. package/dist/components/form/NumberInput.svelte.d.ts +3 -0
  15. package/dist/components/form/TextArea.svelte +2 -1
  16. package/dist/components/form/TextArea.svelte.d.ts +3 -0
  17. package/dist/components/form/TextInput.svelte +2 -1
  18. package/dist/components/form/TextInput.svelte.d.ts +3 -0
  19. package/dist/components/page/menu/Menu.svelte +6 -8
  20. package/package.json +1 -1
  21. package/src/lib/components/form/DateInput.svelte +3 -1
  22. package/src/lib/components/form/DatePickerInput.svelte +2 -1
  23. package/src/lib/components/form/Dropdown.svelte +2 -2
  24. package/src/lib/components/form/DropdownKvP.svelte +2 -2
  25. package/src/lib/components/form/InputContainer.svelte +1 -1
  26. package/src/lib/components/form/MultiSelect.svelte +2 -1
  27. package/src/lib/components/form/NumberInput.svelte +2 -1
  28. package/src/lib/components/form/TextArea.svelte +2 -1
  29. package/src/lib/components/form/TextInput.svelte +2 -1
  30. package/src/lib/components/page/menu/Menu.svelte +6 -8
package/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # bexis-core-ui
2
2
 
3
- ## 0.4.90
3
+
4
+ ## 0.4.92
4
5
  - Input
5
6
  - Add DataPickerInput based on Svelty Picker
6
7
  - reorder font size in menu (less layout shift with old header)
package/dist/components/form/DateInput.svelte CHANGED
@@ -9,9 +9,11 @@ export let feedback = [""];
9
9
  export let help = false;
10
10
  export let disabled = false;
11
11
  export let description = "";
12
+ export let showDescription = false;
13
+ export let showIcon = false;
12
14
  </script>
13
15
 
14
- <InputContainer {id} {label} {feedback} {required} {help} {description}>
16
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
15
17
  <input
16
18
  {id}
17
19
  class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
package/dist/components/form/DateInput.svelte.d.ts CHANGED
@@ -11,8 +11,12 @@ declare const __propDef: {
11
11
  help?: boolean;
12
12
  disabled?: boolean;
13
13
  description?: string;
14
+ showDescription?: boolean;
15
+ showIcon?: boolean;
14
16
  };
15
17
  events: {
18
+ showDescription: CustomEvent<any>;
19
+ hideDescription: CustomEvent<any>;
16
20
  input: Event;
17
21
  change: Event;
18
22
  } & {
package/dist/components/form/DatePickerInput.svelte CHANGED
@@ -12,6 +12,7 @@ export let help = false;
12
12
  export let disabled = false;
13
13
  export let description = "";
14
14
  export let showDescription = false;
15
+ export let showIcon = false;
15
16
  export let mode = "date";
16
17
  export let initialDate = "";
17
18
  export let format = "yyyy-mm-dd";
@@ -32,7 +33,7 @@ if (mode === "datetime") {
32
33
  }
33
34
  </script>
34
35
 
35
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
36
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
36
37
  <SveltyPicker
37
38
  {mode}
38
39
  name={label}
package/dist/components/form/DatePickerInput.svelte.d.ts CHANGED
@@ -13,6 +13,7 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  mode?: "date" | "time" | "datetime";
17
18
  initialDate?: string;
18
19
  format?: string;
@@ -20,6 +21,9 @@ declare const __propDef: {
20
21
  onChangeHandler?: (event: CustomEvent) => void;
21
22
  };
22
23
  events: {
24
+ showDescription: CustomEvent<any>;
25
+ hideDescription: CustomEvent<any>;
26
+ } & {
23
27
  [evt: string]: CustomEvent<any>;
24
28
  };
25
29
  slots: {};
package/dist/components/form/Dropdown.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  export let help = false;
13
13
  export let description = '';
14
14
  export let showDescription = false;
15
-
15
+ export let showIcon = false;
16
16
  $: selected = null;
17
17
 
18
18
  $: updatedSelectedValue(target);
@@ -29,7 +29,7 @@
29
29
  }
30
30
  </script>
31
31
 
32
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
32
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
33
33
  <select
34
34
  {id}
35
35
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/Dropdown.svelte.d.ts CHANGED
@@ -12,8 +12,11 @@ export default class Dropdown extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  valid?: boolean | undefined;
16
17
  }, {
18
+ showDescription: CustomEvent<any>;
19
+ hideDescription: CustomEvent<any>;
17
20
  change: Event;
18
21
  select: Event;
19
22
  } & {
@@ -36,9 +39,12 @@ declare const __propDef: {
36
39
  feedback?: string[] | undefined;
37
40
  required?: boolean | undefined;
38
41
  help?: boolean | undefined;
42
+ showIcon?: boolean | undefined;
39
43
  valid?: boolean | undefined;
40
44
  };
41
45
  events: {
46
+ showDescription: CustomEvent<any>;
47
+ hideDescription: CustomEvent<any>;
42
48
  change: Event;
43
49
  select: Event;
44
50
  } & {
package/dist/components/form/DropdownKvP.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  export let help = false;
14
14
  export let description = '';
15
15
  export let showDescription = false;
16
-
16
+ export let showIcon = false;
17
17
  $: selected = null;
18
18
 
19
19
  $: updatedSelectedValue(target);
@@ -38,7 +38,7 @@
38
38
  }
39
39
  </script>
40
40
 
41
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
42
42
  <select
43
43
  {id}
44
44
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/DropdownKvP.svelte.d.ts CHANGED
@@ -12,9 +12,12 @@ export default class DropdownKvP extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  valid?: boolean | undefined;
16
17
  complexTarget?: boolean | undefined;
17
18
  }, {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  change: Event;
19
22
  select: Event;
20
23
  } & {
@@ -37,10 +40,13 @@ declare const __propDef: {
37
40
  feedback?: string[] | undefined;
38
41
  required?: boolean | undefined;
39
42
  help?: boolean | undefined;
43
+ showIcon?: boolean | undefined;
40
44
  valid?: boolean | undefined;
41
45
  complexTarget?: boolean | undefined;
42
46
  };
43
47
  events: {
48
+ showDescription: CustomEvent<any>;
49
+ hideDescription: CustomEvent<any>;
44
50
  change: Event;
45
51
  select: Event;
46
52
  } & {
package/dist/components/form/InputContainer.svelte CHANGED
@@ -9,7 +9,7 @@ export let feedback;
9
9
  export let help = false;
10
10
  export let description = "";
11
11
  export let showDescription = false;
12
- export let showIcon = true;
12
+ export let showIcon = false;
13
13
  const dispatch = createEventDispatcher();
14
14
  function onMouseOver() {
15
15
  if (help) {
package/dist/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
  export let searchable = true;
27
27
  export let description = '';
28
28
  export let showDescription = false;
29
+ export let showIcon = false;
29
30
 
30
31
  let isLoaded = false;
31
32
 
@@ -309,7 +310,7 @@
309
310
 
310
311
  </script>
311
312
 
312
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} on:showDescription on:hideDescription>
313
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
313
314
  <Select
314
315
  {id}
315
316
  items={source}
package/dist/components/form/MultiSelect.svelte.d.ts CHANGED
@@ -12,6 +12,7 @@ export default class MultiSelect extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  disabled?: boolean | undefined;
16
17
  placeholder?: string | undefined;
17
18
  complexTarget?: boolean | undefined;
@@ -55,6 +56,7 @@ declare const __propDef: {
55
56
  feedback?: string[] | undefined;
56
57
  required?: boolean | undefined;
57
58
  help?: boolean | undefined;
59
+ showIcon?: boolean | undefined;
58
60
  disabled?: boolean | undefined;
59
61
  placeholder?: string | undefined;
60
62
  complexTarget?: boolean | undefined;
package/dist/components/form/NumberInput.svelte CHANGED
@@ -13,6 +13,7 @@ export let help = false;
13
13
  export let disabled = false;
14
14
  export let description = "";
15
15
  export let showDescription = false;
16
+ export let showIcon = false;
16
17
  export let min = void 0;
17
18
  export let max = void 0;
18
19
  $: if (max != void 0 && parseInt(value) > max) {
@@ -23,7 +24,7 @@ $: if (min != void 0 && parseInt(value) < min) {
23
24
  }
24
25
  </script>
25
26
 
26
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
27
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
27
28
  <input
28
29
  {id}
29
30
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/NumberInput.svelte.d.ts CHANGED
@@ -13,10 +13,13 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  min?: number | undefined;
17
18
  max?: number | undefined;
18
19
  };
19
20
  events: {
21
+ showDescription: CustomEvent<any>;
22
+ hideDescription: CustomEvent<any>;
20
23
  input: Event;
21
24
  change: Event;
22
25
  } & {
package/dist/components/form/TextArea.svelte CHANGED
@@ -11,9 +11,10 @@ export let help = false;
11
11
  export let disabled = false;
12
12
  export let description = "";
13
13
  export let showDescription = false;
14
+ export let showIcon = false;
14
15
  </script>
15
16
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
17
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
18
  <textarea
18
19
  {id}
19
20
  class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/TextArea.svelte.d.ts CHANGED
@@ -13,8 +13,11 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  };
17
18
  events: {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  input: Event;
19
22
  change: Event;
20
23
  } & {
package/dist/components/form/TextInput.svelte CHANGED
@@ -11,9 +11,10 @@ export let help = false;
11
11
  export let disabled = false;
12
12
  export let description = "";
13
13
  export let showDescription = false;
14
+ export let showIcon = false;
14
15
  </script>
15
16
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
17
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
18
  <input
18
19
  {id}
19
20
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/TextInput.svelte.d.ts CHANGED
@@ -13,8 +13,11 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  };
17
18
  events: {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  input: Event;
19
22
  change: Event;
20
23
  } & {
package/dist/components/page/menu/Menu.svelte CHANGED
@@ -74,12 +74,12 @@ if (import.meta.env.DEV) {
74
74
  <Accordion>
75
75
  <div class="sm:flex w-full justify-between">
76
76
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-start gap-2 py-0"> -->
77
-
77
+ <MenuBar menuBar={$menuStore.MenuBar} />
78
+ <MenuBar menuBar={$menuStore.Extended} />
78
79
  <!-- </div> -->
79
80
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
80
81
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
81
- <MenuAccountBar menuBar={$menuStore.AccountBar} />
82
- <MenuBar menuBar={$menuStore.LaunchBar} />
82
+
83
83
  <!-- Add change font size buttons -->
84
84
  <button
85
85
  class="btn btn-ghost pl-1 pr-1"
@@ -145,11 +145,9 @@ if (import.meta.env.DEV) {
145
145
  {/if}
146
146
  {/if}
147
147
  </button>
148
- <MenuBar menuBar={$menuStore.MenuBar} />
149
- <MenuBar menuBar={$menuStore.Extended} />
150
- <SettingsBar menuBar={$menuStore.Settings} />
151
- <!-- </div> -->
152
-
148
+
149
+ <MenuAccountBar menuBar={$menuStore.AccountBar} />
150
+ <MenuBar menuBar={$menuStore.LaunchBar} />
153
151
  </div>
154
152
  </div>
155
153
  </Accordion>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.90",
3
+ "version": "0.4.92",
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": [
package/src/lib/components/form/DateInput.svelte CHANGED
@@ -11,9 +11,11 @@
11
11
  export let help = false;
12
12
  export let disabled: boolean = false;
13
13
  export let description : string = '';
14
+ export let showDescription: boolean = false;
15
+ export let showIcon: boolean = false;
14
16
  </script>
15
17
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description}>
18
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
19
  <input
18
20
  {id}
19
21
  class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
package/src/lib/components/form/DatePickerInput.svelte CHANGED
@@ -14,6 +14,7 @@
14
14
  export let disabled: boolean = false;
15
15
  export let description: string = '';
16
16
  export let showDescription: boolean = false;
17
+ export let showIcon: boolean = false;
17
18
  export let mode: 'date' | 'time' | 'datetime' = 'date';
18
19
  export let initialDate: string = '';
19
20
  export let format: string = 'yyyy-mm-dd';
@@ -37,7 +38,7 @@
37
38
  }
38
39
  </script>
39
40
 
40
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
41
42
  <SveltyPicker
42
43
  {mode}
43
44
  name={label}
package/src/lib/components/form/Dropdown.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  export let help = false;
13
13
  export let description = '';
14
14
  export let showDescription = false;
15
-
15
+ export let showIcon = false;
16
16
  $: selected = null;
17
17
 
18
18
  $: updatedSelectedValue(target);
@@ -29,7 +29,7 @@
29
29
  }
30
30
  </script>
31
31
 
32
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
32
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
33
33
  <select
34
34
  {id}
35
35
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/DropdownKvP.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  export let help = false;
14
14
  export let description = '';
15
15
  export let showDescription = false;
16
-
16
+ export let showIcon = false;
17
17
  $: selected = null;
18
18
 
19
19
  $: updatedSelectedValue(target);
@@ -38,7 +38,7 @@
38
38
  }
39
39
  </script>
40
40
 
41
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
42
42
  <select
43
43
  {id}
44
44
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/InputContainer.svelte CHANGED
@@ -11,7 +11,7 @@
11
11
  export let help: boolean = false;
12
12
  export let description : string = '';
13
13
  export let showDescription: boolean = false;
14
- export let showIcon: boolean = true;
14
+ export let showIcon: boolean = false;
15
15
 
16
16
  const dispatch = createEventDispatcher();
17
17
 
package/src/lib/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
  export let searchable = true;
27
27
  export let description = '';
28
28
  export let showDescription = false;
29
+ export let showIcon = false;
29
30
 
30
31
  let isLoaded = false;
31
32
 
@@ -309,7 +310,7 @@
309
310
 
310
311
  </script>
311
312
 
312
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} on:showDescription on:hideDescription>
313
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
313
314
  <Select
314
315
  {id}
315
316
  items={source}
package/src/lib/components/form/NumberInput.svelte CHANGED
@@ -16,6 +16,7 @@
16
16
  export let disabled: boolean = false;
17
17
  export let description : string = '';
18
18
  export let showDescription: boolean = false;
19
+ export let showIcon: boolean = false;
19
20
  export let min : number | undefined = undefined;
20
21
  export let max : number | undefined = undefined;
21
22
 
@@ -31,7 +32,7 @@
31
32
 
32
33
  </script>
33
34
 
34
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
35
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
35
36
  <input
36
37
  {id}
37
38
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/TextArea.svelte CHANGED
@@ -14,9 +14,10 @@
14
14
  export let disabled: boolean = false;
15
15
  export let description : string = '';
16
16
  export let showDescription: boolean = false;
17
+ export let showIcon: boolean = false;
17
18
  </script>
18
19
 
19
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
20
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
20
21
  <textarea
21
22
  {id}
22
23
  class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/TextInput.svelte CHANGED
@@ -13,9 +13,10 @@
13
13
  export let disabled: boolean = false;
14
14
  export let description : string = '';
15
15
  export let showDescription: boolean = false;
16
+ export let showIcon: boolean = false;
16
17
  </script>
17
18
 
18
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
19
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
19
20
  <input
20
21
  {id}
21
22
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/page/menu/Menu.svelte CHANGED
@@ -90,12 +90,12 @@
90
90
  <Accordion>
91
91
  <div class="sm:flex w-full justify-between">
92
92
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-start gap-2 py-0"> -->
93
-
93
+ <MenuBar menuBar={$menuStore.MenuBar} />
94
+ <MenuBar menuBar={$menuStore.Extended} />
94
95
  <!-- </div> -->
95
96
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
96
97
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
97
- <MenuAccountBar menuBar={$menuStore.AccountBar} />
98
- <MenuBar menuBar={$menuStore.LaunchBar} />
98
+
99
99
  <!-- Add change font size buttons -->
100
100
  <button
101
101
  class="btn btn-ghost pl-1 pr-1"
@@ -161,11 +161,9 @@
161
161
  {/if}
162
162
  {/if}
163
163
  </button>
164
- <MenuBar menuBar={$menuStore.MenuBar} />
165
- <MenuBar menuBar={$menuStore.Extended} />
166
- <SettingsBar menuBar={$menuStore.Settings} />
167
- <!-- </div> -->
168
-
164
+
165
+ <MenuAccountBar menuBar={$menuStore.AccountBar} />
166
+ <MenuBar menuBar={$menuStore.LaunchBar} />
169
167
  </div>
170
168
  </div>
171
169
  </Accordion>