@humandialog/forms.svelte 1.7.23 → 1.7.25

package/index.d.ts

@@ -64,7 +64,7 @@ export { default as Breadcrumb } from './components/breadcrumb.svelte';
 export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
 export { default as EditableSpan } from './components/prose.editable.span.svelte';
 export { default as EditableParagraph } from './components/prose.editable.p.svelte';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, reloadPageToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, insertAt, insertAfter, getPrev, getNext, getFirst, getLast, removeAt, remove, swapElements, setSelectionAtEnd, isValidEmail } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, reloadPageToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, insertAt, insertAfter, getPrev, getNext, getFirst, getLast, removeAt, remove, swapElements, setSelectionAtEnd, isValidEmail, localStorageSave, localStorageRead, sessionStorageSave, sessionStorageRead, hasLocalStorage } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
 export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, wholeAppReloader, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, navKey, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp

package/index.js

@@ -70,7 +70,7 @@ export { default as Breadcrumb } from './components/breadcrumb.svelte';
 export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
 export { default as EditableSpan } from './components/prose.editable.span.svelte';
 export { default as EditableParagraph } from './components/prose.editable.p.svelte';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, reloadPageToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, insertAt, insertAfter, getPrev, getNext, getFirst, getLast, removeAt, remove, swapElements, setSelectionAtEnd, isValidEmail } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, reloadPageToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, NAV_MODE_SIDEBAR, NAV_MODE_FULL_PAGE, navGetMode, navIsVisible, navGetKey, navShow, navHide, navToggle, navPrevVisibleKey, navAutoHide, insertAt, insertAfter, getPrev, getNext, getFirst, getLast, removeAt, remove, swapElements, setSelectionAtEnd, isValidEmail, localStorageSave, localStorageRead, sessionStorageSave, sessionStorageRead, hasLocalStorage } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
 export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, wholeAppReloader, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, navKey, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.7.23",
+  "version": "1.7.25",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",

package/stores.d.ts

@@ -41,16 +41,16 @@ export const tagsReloader: import("svelte/store").Writable<number>;
 export function addAlert(txt: any): void;
 export function removeAlert(alert: any): void;
 export function onErrorShowAlert(txt: any): void;
-export const dark_mode_store: import("svelte/store").Writable<any>;
-export const main_sidebar_visible_store: import("svelte/store").Writable<any>;
+export const dark_mode_store: import("svelte/store").Writable<string>;
+export const main_sidebar_visible_store: import("svelte/store").Writable<string>;
 export let previously_visible_sidebar: string;
 export const sidebar_left_pos: import("svelte/store").Writable<number>;
-export const tools_visible_store: import("svelte/store").Writable<any>;
-export const bottom_bar_visible_store: import("svelte/store").Writable<any>;
+export const tools_visible_store: import("svelte/store").Writable<boolean>;
+export const bottom_bar_visible_store: import("svelte/store").Writable<boolean>;
 export const right_sidebar_visible_store: import("svelte/store").Writable<boolean>;
 export const visible_property_tab_store: import("svelte/store").Writable<string>;
-export const fabCollapsed: import("svelte/store").Writable<any>;
-export const showFABAlways: import("svelte/store").Writable<any>;
-export const leftHandedFAB: import("svelte/store").Writable<any>;
+export const fabCollapsed: import("svelte/store").Writable<boolean>;
+export const showFABAlways: import("svelte/store").Writable<boolean>;
+export const leftHandedFAB: import("svelte/store").Writable<boolean>;
 export const fabHiddenDueToPopup: import("svelte/store").Writable<boolean>;
-export const navKey: import("svelte/store").Readable<any>;
+export const navKey: import("svelte/store").Readable<string>;

package/stores.js

@@ -1,7 +1,7 @@
 
 import {writable, get, derived} from 'svelte/store';
 import {SCREEN_SIZES, randomString} from './utils.js'
-import {navGetKey} from './utils.js'
+import {navGetKey, localStorageSave, localStorageRead, hasLocalStorage} from './utils.js'
 import { location } from 'svelte-spa-router';
 
 export const data_tick_store = writable(1);
@@ -110,16 +110,12 @@ export function reloadVisibleTags()
 let has_saved_dark_mode = false;
 function create_dark_mode_store()
 {
-    if(localStorage.dark_mode != undefined)
-        has_saved_dark_mode = true;
-    else
-        has_saved_dark_mode = false;
-
-    return writable( (localStorage.dark_mode) || '')
+    has_saved_dark_mode = hasLocalStorage('dark_mode')
+    return writable( localStorageRead('dark_mode') )
 }
 
 export const dark_mode_store = create_dark_mode_store();
-dark_mode_store.subscribe( (value) => {  localStorage.dark_mode = value } );
+dark_mode_store.subscribe( (value) => {  localStorageSave('dark_mode', value) } );
 
 export function set_dark_mode_default(value)
 {
@@ -127,8 +123,8 @@ export function set_dark_mode_default(value)
         dark_mode_store.set(value ? 'dark' : '')
 }
 
-export const main_sidebar_visible_store = writable((localStorage.main_sidebar_visible_store) || '*');
-main_sidebar_visible_store.subscribe( (value) => { localStorage.main_sidebar_visible_store = value });
+export const main_sidebar_visible_store = writable(localStorageRead('main_sidebar_visible_store', '*'));
+main_sidebar_visible_store.subscribe( (value) => { localStorageSave('main_sidebar_visible_store', value) });
 
 export let previously_visible_sidebar = "";
 export const sidebar_left_pos = writable(0)
@@ -136,16 +132,13 @@ export const sidebar_left_pos = writable(0)
 let has_saved_tools_visible = false;
 function create_tools_visible_store()
 {
-    if(localStorage.tools_visible_store !== undefined)
-        has_saved_tools_visible = true;
-    else
-        has_saved_tools_visible = false;
-
-    return writable ((localStorage.tools_visible_store && localStorage.tools_visible_store == 'true') || false);
+    has_saved_tools_visible = hasLocalStorage('tools_visible_store')
+    
+    return writable (   localStorageRead('tools_visible_store') == 'true'  );
 }
 
 export const tools_visible_store = create_tools_visible_store();
-tools_visible_store.subscribe( (value) => { localStorage.tools_visible_store = (value ? 'true' : '') } );
+tools_visible_store.subscribe( (value) => { localStorageSave('tools_visible_store', (value ? 'true' : '')) } );
 
 export function set_default_tools_visible(value, force)
 {
@@ -153,20 +146,20 @@ export function set_default_tools_visible(value, force)
         tools_visible_store.set(value)
 }
 
-export const bottom_bar_visible_store = writable( (localStorage.bottom_bar_visible_store && localStorage.bottom_bar_visible_store == 'true') || false);
-bottom_bar_visible_store.subscribe( (value) => { localStorage.bottom_bar_visible_store = (value ? 'true' : '') } );
+export const bottom_bar_visible_store = writable( localStorageRead('bottom_bar_visible_store') == 'true');
+bottom_bar_visible_store.subscribe( (value) => { localStorageSave('bottom_bar_visible_store', (value ? 'true' : '')) } );
 
 export const right_sidebar_visible_store = writable(false)
 export const visible_property_tab_store = writable('');
 
-export const fabCollapsed = writable( (localStorage.fabCollapsed && localStorage.fabCollapsed == 'true') || false )
-fabCollapsed.subscribe( (value) => { localStorage.fabCollapsed = (value ? 'true' : '') } );
+export const fabCollapsed = writable( localStorageRead('fabCollapsed') == 'true') 
+fabCollapsed.subscribe( (value) => { localStorageSave('fabCollapsed', (value ? 'true' : '')) } );
 
-export const showFABAlways = writable( (localStorage.showFABAlways && localStorage.showFABAlways == 'true') || false )
-showFABAlways.subscribe( (value) => { localStorage.showFABAlways = (value ? 'true' : '') } );
+export const showFABAlways = writable( localStorageRead('showFABAlways') == 'true') 
+showFABAlways.subscribe( (value) => { localStorageSave('showFABAlways', (value ? 'true' : '')) } );
 
-export const leftHandedFAB = writable( (localStorage.leftHandedFAB && localStorage.leftHandedFAB == 'true') || false )
-leftHandedFAB.subscribe( (value) => { localStorage.leftHandedFAB = (value ? 'true' : '') } );
+export const leftHandedFAB = writable( localStorageRead('leftHandedFAB') == 'true')
+leftHandedFAB.subscribe( (value) => { localStorageSave('leftHandedFAB', (value ? 'true' : '')) } );
 
 export const fabHiddenDueToPopup = writable(false)
 

package/utils.d.ts

@@ -38,16 +38,21 @@ export function randomString(len: any): string;
 export function isOnNavigationPage(navKind: any): boolean;
 export function pushNavigationPage(navKind: any): void;
 export function popNavigationPage(): void;
-export function navGetMode(): number;
-export function navIsVisible(): boolean | undefined;
-export function navGetKey(): any;
+export function navGetMode(): 1 | 0;
+export function navIsVisible(): boolean;
+export function navGetKey(): string;
 export function navShow(key: any): void;
 export function navHide(): void;
 export function navToggle(key: any): void;
-export function navPrevVisibleKey(): string | undefined;
+export function navPrevVisibleKey(): string;
 export function navAutoHide(): void;
 export function isValidEmail(e: any): boolean;
 export function setSelectionAtEnd(element: any): void;
+export function localStorageSave(key: any, value: any): void;
+export function localStorageRead(key: any, fallback?: string): string;
+export function hasLocalStorage(key: any): boolean;
+export function sessionStorageSave(key: any, value: any): void;
+export function sessionStorageRead(key: any, fallback?: string): string;
 export namespace icons {
     const symbols: null;
 }

package/utils.js

@@ -947,16 +947,14 @@ export function popNavigationPage()
 export const NAV_MODE_SIDEBAR = 0
 export const NAV_MODE_FULL_PAGE = 1
 
-let navMode = isDeviceSmallerThan("sm") ? NAV_MODE_FULL_PAGE : NAV_MODE_SIDEBAR
-
 export function navGetMode()
 {
-    return navMode;
+    return isDeviceSmallerThan("sm") ? NAV_MODE_FULL_PAGE : NAV_MODE_SIDEBAR;
 }
 
 export function navIsVisible()
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         return get(main_sidebar_visible_store) != '*'
@@ -968,7 +966,7 @@ export function navIsVisible()
 
 export function navGetKey()
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         return get(main_sidebar_visible_store)
@@ -987,7 +985,7 @@ export function navGetKey()
 
 export function navShow(key)
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         show_sidebar(key)
@@ -1001,7 +999,7 @@ export function navShow(key)
 
 export function navHide()
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         hide_sidebar()
@@ -1030,7 +1028,7 @@ export function navToggle(key)
 
 export function navPrevVisibleKey()
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         if(!previously_visible_sidebar)
@@ -1053,7 +1051,7 @@ export function navPrevVisibleKey()
 
 export function navAutoHide()
 {
-    switch(navMode)
+    switch(navGetMode())
     {
     case NAV_MODE_SIDEBAR:
         auto_hide_sidebar()
@@ -1104,4 +1102,76 @@ export function setSelectionAtEnd(element)
     let sel = window.getSelection();
     sel.removeAllRanges();
     sel.addRange(range);
+}
+
+export function localStorageSave(key, value)
+{
+    try 
+    {
+        if (typeof localStorage === "undefined") 
+           return;
+
+        localStorage.setItem(key, value);
+    } 
+    catch 
+    {
+        
+    }
+}
+
+export function localStorageRead(key, fallback = '')
+{
+    try 
+    {
+        if (typeof localStorage === "undefined") 
+            return fallback;
+        return localStorage.getItem(key) ?? fallback;
+    } 
+    catch 
+    {
+        return fallback;
+    }
+}
+
+export function hasLocalStorage(key)
+{
+    try 
+    {
+        if (typeof localStorage === "undefined") 
+            return false;
+        return localStorage.getItem(key) ? true : false;
+    } 
+    catch 
+    {
+        return false;
+    }
+}
+
+export function sessionStorageSave(key, value)
+{
+    try 
+    {
+        if (typeof sessionStorage === "undefined") 
+           return;
+
+        sessionStorage.setItem(key, value);
+    } 
+    catch 
+    {
+        
+    }
+}
+
+export function sessionStorageRead(key, fallback = '')
+{
+    try 
+    {
+        if (typeof sessionStorage === "undefined") 
+            return fallback;
+        return sessionStorage.getItem(key) ?? fallback;
+    } 
+    catch 
+    {
+        return fallback;
+    }
 }