@bexis2/bexis2-core-ui 0.4.85 → 0.4.86

package/README.md

@@ -1,4 +1,11 @@
 # bexis-core-ui
+## 0.4.86
+- Menu
+  - set size to local storage
+- input
+  - expose show description
+
+
 ## 0.4.85
 - Menu
   - add increase / decrease font size

package/dist/components/form/InputContainer.svelte

@@ -7,7 +7,7 @@ export let required;
 export let feedback;
 export let help = false;
 export let description = "";
-let showDescription = false;
+export let showDescription = false;
 function onMouseOver() {
   if (help) {
     helpStore.show(id);

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

@@ -7,6 +7,7 @@ declare const __propDef: {
         feedback: string[];
         help?: boolean;
         description?: string;
+        showDescription?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -12,16 +12,22 @@ onMount(async () => {
   let m = await getMenuItems();
   menuStore.set(m);
   console.log("\u{1F680} ~ onMount ~ menuStore:", $menuStore);
+  const storedFontSize = localStorage.getItem("fontSize");
+  if (storedFontSize) {
+    document.documentElement.style.fontSize = storedFontSize;
+  }
 });
 let hamburger = true;
 const theme = writable("light");
 function increaseFontSize() {
   const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
   document.documentElement.style.fontSize = currentFontSize + 1 + "px";
+  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
 }
 function decreaseFontSize() {
   const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
   document.documentElement.style.fontSize = currentFontSize - 1 + "px";
+  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
 }
 function toggleDarkMode() {
   if ($theme === "dark") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.4.85",
+  "version": "0.4.86",
   "private": false,
   "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
   "keywords": [

package/src/lib/components/form/InputContainer.svelte

@@ -9,8 +9,7 @@
 	export let feedback: string[];
 	export let help: boolean = false;
 	export let description : string = '';
-
-let showDescription: boolean = false;
+	export let showDescription: boolean = false;
 
 	function onMouseOver() {
 		if (help) {

package/src/lib/components/page/menu/Menu.svelte

@@ -16,20 +16,27 @@
 		menuStore.set(m);
 
 		console.log('🚀 ~ onMount ~ menuStore:', $menuStore);
+		// set the font size to the value stored in local storage
+		const storedFontSize = localStorage.getItem('fontSize');
+		if (storedFontSize) {
+			document.documentElement.style.fontSize = storedFontSize;
+		}
 	});
 
 	let hamburger = true;
 	const theme = writable('light');
 
-	// function to increase the current font size by 1 step
+	// function to increase the current font size by 1 step; set in local storage so it is remembered on page reload
 	function increaseFontSize() {
 		const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
 		document.documentElement.style.fontSize = currentFontSize + 1 + 'px';
+		localStorage.setItem('fontSize', document.documentElement.style.fontSize);
 	}
 	// function to decrease the current font size by 1 step
 	function decreaseFontSize() {
 		const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
 		document.documentElement.style.fontSize = currentFontSize - 1 + 'px';
+		localStorage.setItem('fontSize', document.documentElement.style.fontSize);
 	}
 
 	// function to toggle dark mode