@bexis2/bexis2-core-ui 0.4.83 → 0.4.85

package/README.md

@@ -1,4 +1,17 @@
 # bexis-core-ui
+## 0.4.85
+- Menu
+  - add increase / decrease font size
+  - add toogle dark mode in dev mode
+- Input
+  - decrease input padding
+  - remove layout shift by adding a fixed space for the error message
+
+## 0.4.84
+- MultiSelect
+  - fix itemGroup was not working
+
+
 ## 0.4.83
 - InputContainer
   - error message position and basic styling of input fields

package/dist/TableView.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/CodeEditor/CodeEditor.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { ThemeSpec } from 'svelte-codemirror-editor';
 declare const __propDef: {
     props: {
         id: string;
@@ -10,7 +11,7 @@ declare const __propDef: {
         toggle?: boolean;
         actions?: boolean;
         isValid?: boolean;
-        styles?: any;
+        styles?: ThemeSpec;
     };
     events: {
         cancel: CustomEvent<any>;
@@ -23,6 +24,8 @@ declare const __propDef: {
             id: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CodeEditorProps = typeof __propDef.props;
 export type CodeEditorEvents = typeof __propDef.events;

package/dist/components/Facets/Facets.svelte.d.ts

@@ -17,6 +17,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FacetsProps = typeof __propDef.props;
 export type FacetsEvents = typeof __propDef.events;

package/dist/components/Facets/ShowMore.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ShowMoreProps = typeof __propDef.props;
 export type ShowMoreEvents = typeof __propDef.events;

package/dist/components/File/FileIcon.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/File/FileInfo.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/File/FileUploader.svelte.d.ts

@@ -19,6 +19,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileUploaderProps = typeof __propDef.props;
 export type FileUploaderEvents = typeof __propDef.events;

package/dist/components/ListView.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ListViewProps = typeof __propDef.props;
 export type ListViewEvents = typeof __propDef.events;

package/dist/components/Table/ColumnsMenu.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ColumnsMenuProps = typeof __propDef.props;
 export type ColumnsMenuEvents = typeof __propDef.events;

package/dist/components/Table/Table.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;

package/dist/components/Table/TableContent.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableContentProps = typeof __propDef.props;
 export type TableContentEvents = typeof __propDef.events;

package/dist/components/Table/TableFilter.svelte.d.ts

@@ -14,6 +14,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableFilterProps = typeof __propDef.props;
 export type TableFilterEvents = typeof __propDef.events;

package/dist/components/Table/TableFilterServer.svelte.d.ts

@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableFilterServerProps = typeof __propDef.props;
 export type TableFilterServerEvents = typeof __propDef.events;

package/dist/components/Table/TablePagination.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePaginationProps = typeof __propDef.props;
 export type TablePaginationEvents = typeof __propDef.events;

package/dist/components/Table/TablePaginationServer.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePaginationServerProps = typeof __propDef.props;
 export type TablePaginationServerEvents = typeof __propDef.events;

package/dist/components/form/Checkbox.svelte.d.ts

@@ -17,6 +17,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxProps = typeof __propDef.props;
 export type CheckboxEvents = typeof __propDef.events;

package/dist/components/form/CheckboxKvPList.svelte.d.ts

@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxKvPListProps = typeof __propDef.props;
 export type CheckboxKvPListEvents = typeof __propDef.events;

package/dist/components/form/CheckboxList.svelte.d.ts

@@ -13,6 +13,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckboxListProps = typeof __propDef.props;
 export type CheckboxListEvents = typeof __propDef.events;

package/dist/components/form/DateInput.svelte.d.ts

@@ -19,6 +19,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateInputProps = typeof __propDef.props;
 export type DateInputEvents = typeof __propDef.events;

package/dist/components/form/Dropdown.svelte.d.ts

@@ -43,5 +43,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -45,5 +45,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/InputContainer.svelte

@@ -40,7 +40,7 @@ function onMouseOut() {
 		<div	class="card text-sm text-gray-500 p-2 mb-2">{@html description}</div>
 	{/if}
 	<slot />
-	<div class="">
+	<div class="min-h-5">
 	<span class="text-xs text-error-600 ">
 	{#if feedback}
 			<ul>

package/dist/components/form/InputContainer.svelte.d.ts

@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InputContainerProps = typeof __propDef.props;
 export type InputContainerEvents = typeof __propDef.events;

package/dist/components/form/MultiSelect.svelte.d.ts

@@ -77,5 +77,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/form/NumberInput.svelte.d.ts

@@ -22,6 +22,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NumberInputProps = typeof __propDef.props;
 export type NumberInputEvents = typeof __propDef.events;

package/dist/components/form/TextArea.svelte.d.ts

@@ -20,6 +20,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextAreaProps = typeof __propDef.props;
 export type TextAreaEvents = typeof __propDef.events;

package/dist/components/form/TextInput.svelte.d.ts

@@ -20,6 +20,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextInputProps = typeof __propDef.props;
 export type TextInputEvents = typeof __propDef.events;

package/dist/components/page/Alert.svelte.d.ts

@@ -13,6 +13,8 @@ declare const __propDef: {
         default: {};
         actions: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertProps = typeof __propDef.props;
 export type AlertEvents = typeof __propDef.events;

package/dist/components/page/BackToTop.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/Docs.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DocsProps = typeof __propDef.props;
 export type DocsEvents = typeof __propDef.events;

package/dist/components/page/ErrorMessage.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ErrorMessageProps = typeof __propDef.props;
 export type ErrorMessageEvents = typeof __propDef.events;

package/dist/components/page/Footer.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FooterProps = typeof __propDef.props;
 export type FooterEvents = typeof __propDef.events;

package/dist/components/page/GoToTop.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/page/Header.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HeaderProps = typeof __propDef.props;
 export type HeaderEvents = typeof __propDef.events;

package/dist/components/page/HelpPopUp.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HelpPopUpProps = typeof __propDef.props;
 export type HelpPopUpEvents = typeof __propDef.events;

package/dist/components/page/Notification.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NotificationProps = typeof __propDef.props;
 export type NotificationEvents = typeof __propDef.events;

package/dist/components/page/Page.svelte.d.ts

@@ -21,6 +21,8 @@ declare const __propDef: {
         default: {};
         right: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PageProps = typeof __propDef.props;
 export type PageEvents = typeof __propDef.events;

package/dist/components/page/Spinner.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SpinnerProps = typeof __propDef.props;
 export type SpinnerEvents = typeof __propDef.events;

package/dist/components/page/TablePlaceholder.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TablePlaceholderProps = typeof __propDef.props;
 export type TablePlaceholderEvents = typeof __propDef.events;

package/dist/components/page/breadcrumb/Breadcrumb.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbProps = typeof __propDef.props;
 export type BreadcrumbEvents = typeof __propDef.events;

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

@@ -1,11 +1,12 @@
 <script>import { onMount } from "svelte";
+import { writable } from "svelte/store";
 import { getMenuItems } from "./MenuDataCaller";
 import { menuStore } from "../../../stores/pageStores";
 import MenuBar from "./MenuBar.svelte";
 import MenuAccountBar from "./MenuAccountBar.svelte";
 import SettingsBar from "./SettingsBar.svelte";
 import Fa from "svelte-fa";
-import { faBars } from "@fortawesome/free-solid-svg-icons";
+import { faBars, faPlus, faMinus } from "@fortawesome/free-solid-svg-icons";
 import { Accordion } from "@skeletonlabs/skeleton";
 onMount(async () => {
   let m = await getMenuItems();
@@ -13,6 +14,28 @@ onMount(async () => {
   console.log("\u{1F680} ~ onMount ~ menuStore:", $menuStore);
 });
 let hamburger = true;
+const theme = writable("light");
+function increaseFontSize() {
+  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+  document.documentElement.style.fontSize = currentFontSize + 1 + "px";
+}
+function decreaseFontSize() {
+  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+  document.documentElement.style.fontSize = currentFontSize - 1 + "px";
+}
+function toggleDarkMode() {
+  if ($theme === "dark") {
+    theme.set("light");
+    document.documentElement.classList.remove("dark");
+  } else {
+    theme.set("dark");
+    document.documentElement.classList.add("dark");
+  }
+}
+let showMode = false;
+if (import.meta.env.DEV) {
+  showMode = true;
+}
 </script>
 
 {#if $menuStore !== undefined}
@@ -49,8 +72,74 @@ let hamburger = true;
 						<div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
 							<MenuAccountBar menuBar={$menuStore.AccountBar} />
 							<MenuBar menuBar={$menuStore.LaunchBar} />
-							<SettingsBar menuBar={$menuStore.Settings} />
-							<!-- </div> -->
+							<!-- Add change font size buttons -->
+							<button
+								class="btn btn-ghost pl-1 pr-1"
+								on:click={decreaseFontSize}
+								title="Decrease font size"
+							>
+								<span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span>
+							</button>
+							<button
+								class="btn btn-ghost pl-1 pr-1"
+								on:click={increaseFontSize}
+								title="Increase font size"
+							>
+								<span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span>
+							</button>
+
+							<button
+								class="btn btn-ghost pl-1 pr-1"
+								on:click={toggleDarkMode}
+								title="Toggle dark mode"
+							>	
+								{#if showMode}
+									{#if $theme === 'dark'}
+										<!-- sun icon (white via currentColor) -->
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											width="18"
+											height="18"
+											viewBox="0 0 24 24"
+											fill="none"
+											aria-hidden="true"
+											focusable="false"
+											class="inline-block"
+										>
+											<g
+												stroke="currentColor"
+												stroke-width="1.6"
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												fill="none"
+											>
+												<circle cx="12" cy="12" r="4" stroke="currentColor" fill="currentColor" />
+												<path
+													d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"
+													stroke="currentColor"
+												/>
+											</g>
+										</svg>
+									{:else}
+										<!-- moon icon (white via currentColor) -->
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											width="18"
+											height="18"
+											viewBox="0 0 24 24"
+											fill="currentColor"
+											aria-hidden="true"
+											focusable="false"
+											class="inline-block"
+										>
+											<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="currentColor" />
+										</svg>
+									{/if}
+								{/if}
+							</button>
+								<SettingsBar menuBar={$menuStore.Settings} />
+								<!-- </div> -->
+							
 						</div>
 					</div>
 				</Accordion>

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

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenuProps = typeof __propDef.props;
 export type MenuEvents = typeof __propDef.events;

package/dist/components/page/menu/MenuAccountBar.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenuAccountBarProps = typeof __propDef.props;
 export type MenuAccountBarEvents = typeof __propDef.events;

package/dist/components/page/menu/MenuBar.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenuBarProps = typeof __propDef.props;
 export type MenuBarEvents = typeof __propDef.events;

package/dist/components/page/menu/MenuItem.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenuItemProps = typeof __propDef.props;
 export type MenuItemEvents = typeof __propDef.events;

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

@@ -59,7 +59,7 @@ async function logOffFn() {
 			value={item.Title}
 	
 		>
-		<a id={"menu-"+item.Title.replaceAll(' ', '-')}  href={item.Url} target="{item.Target}" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
+		<a id={"menu-"+item.Title.replaceAll(' ', '-')}  href={item.Url} target="{item.Target}" class="w-full block" on:click|preventDefault={()=>clickFn(item)}>{item.Title}</a>
 
 		</ListBoxItem>
 

package/dist/components/page/menu/MenuSublist.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MenuSublistProps = typeof __propDef.props;
 export type MenuSublistEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SettingsBarProps = typeof __propDef.props;
 export type SettingsBarEvents = typeof __propDef.events;

package/dist/components/toggle/Toggle.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
         rounded?: CssClasses | undefined;
     };
     events: {
-        click: MouseEvent;
+        click: PointerEvent;
         keydown: KeyboardEvent;
         keyup: KeyboardEvent;
         keypress: KeyboardEvent;
@@ -22,6 +22,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;