@humandialog/forms.svelte 1.7.19 → 1.7.20

package/components/date_utils.d.ts

@@ -1,5 +1,5 @@
 export function getFormattedStringDate(d: any, type?: string): string;
-export function getNiceStringDateTime(d: any): string;
-export function getNiceStringDate(d: any): any;
+export function getNiceStringDateTime(dat: any): string;
+export function getNiceStringDate(dat: any): any;
 export function dayName(d: any): any;
 export function monthName(m: any): any;

package/components/date_utils.js

@@ -30,8 +30,14 @@ export function getFormattedStringDate(d, type = "datetime")
         return `${year}-${month}-${day}`;
 }
 
-export function getNiceStringDateTime(d)
+export function getNiceStringDateTime(dat)
 {
+    let d
+    if(typeof dat == 'string')
+        d = new Date(dat)
+    else
+        d = dat
+    
     const dt = getNiceStringDate(d);
     const tm = d.toLocaleTimeString(undefined, {
         timeStyle: 'short'
@@ -40,8 +46,14 @@ export function getNiceStringDateTime(d)
 }
 
 
-export function getNiceStringDate(d)
+export function getNiceStringDate(dat)
 {
+    let d
+    if(typeof dat == 'string')
+        d = new Date(dat)
+    else
+        d = dat
+
     if(!d)
         return '';
 

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, 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 } 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, 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 } 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.19",
+  "version": "1.7.20",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",

package/utils.d.ts

@@ -47,6 +47,7 @@ export function navToggle(key: any): void;
 export function navPrevVisibleKey(): string | undefined;
 export function navAutoHide(): void;
 export function isValidEmail(e: any): boolean;
+export function setSelectionAtEnd(element: any): void;
 export namespace icons {
     const symbols: null;
 }

package/utils.js

@@ -1089,4 +1089,19 @@ export function isValidEmail(e)
         return false; 
     } 
     
+}
+
+export function setSelectionAtEnd(element)
+{
+    const textNode = element.childNodes[0]
+    const text = textNode.textContent;
+
+    let range = document.createRange();
+    let end_offset = text.length;
+    let end_container = textNode;
+    range.setStart(end_container, end_offset)
+    range.setEnd(end_container, end_offset)
+    let sel = window.getSelection();
+    sel.removeAllRanges();
+    sel.addRange(range);
 }