@humandialog/forms.svelte 1.8.2 → 1.8.4

package/components/kanban/internal/kanban.card.svelte

@@ -84,18 +84,6 @@ function onSummaryChanged(text) {
     pushChanges();
   }
 }
-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);
-}
 let topProps;
 let middleProps;
 let bottomProps;

package/components/kanban/internal/kanban.column.svelte

@@ -145,7 +145,7 @@ export async function add(after = KanbanColumnTop) {
     if (detail.cancel)
       activateAfterDomUpdate = lastActivatedElement;
     else {
-      if (detail.incremental) {
+      if (false) {
         let currentActive = activateAfterDomUpdate ?? getActive("props");
         if (currentActive)
           await add(currentActive);

package/components/list/internal/list.element.svelte

@@ -194,18 +194,6 @@ async function force_editing(field) {
     focusEditable(element_id);
   }
 }
-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);
-}
 let rootElement;
 export function scrollToView() {
   rootElement.scrollIntoView(
@@ -344,7 +332,7 @@ async function onDownloadFile(e) {
 
     {#if summary && (item[summary] || placeholder=='Summary')}
     <figcaption>
-        {item[summary]}
+        {ext(item[summary])}
     </figcaption>
     {/if}
 </figure>

package/components/list/list.svelte

@@ -214,7 +214,7 @@ export async function addRowAfter(after = null) {
     if (detail.cancel)
       activate_after_dom_update = last_activated_element;
     else {
-      if (detail.incremental && definition.insert_incremental) {
+      if (false) {
         let current_active = getActive(selectionKey);
         await addRowAfter(current_active);
       }

package/desk.svelte

@@ -409,8 +409,8 @@
                                 overflow-auto" >
 
                     <div class="    flex flex-row justify-between  h-full
-                                    text-stone-500 bg-stone-200/70 hover:bg-stone-200
-                                    dark:text-orange-200 dark:bg-stone-700/70 dark:hover:bg-stone-700
+                                    text-stone-500 bg-stone-200/70
+                                    dark:text-orange-200 dark:bg-stone-700/70
                                     bg-stone-200 dark:bg-stone-800/70
                                     border-t border-stone-500 ">
                         <HorizontalNavigatorTabs appConfig={layout}/>

package/index.d.ts

@@ -71,7 +71,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, focusEditable, 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, getCurrentGroupName, getGroupsMenu } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, focusEditable, 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, getCurrentGroupName, getGroupsMenu, fetchHandlers } 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

@@ -77,7 +77,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, focusEditable, 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, getCurrentGroupName, getGroupsMenu } from './utils';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, getActiveItems, getActiveCount, addActiveItem, removeActiveItem, editable, startEditing, saveCurrentEditable, focusEditable, 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, getCurrentGroupName, getGroupsMenu, fetchHandlers } 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.8.2",
+  "version": "1.8.4",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -27,7 +27,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@humandialog/auth.svelte": "^1.8.21",
+    "@humandialog/auth.svelte": "^1.9.2",
     "@tiptap/core": "^2.11.0",
     "@tiptap/extension-bullet-list": "^2.11.5",
     "@tiptap/extension-code-block": "^2.11.5",

package/updates.d.ts

@@ -6,4 +6,5 @@ export function hasModifications(): boolean;
 export function informItem(itm: any, type_name?: undefined): boolean;
 export function pushChanges(afterPushCallback?: undefined): void;
 export function xpushChanges(afterPushCallback?: undefined): void;
+export function pushChangesImmediately(): Promise<void>;
 export const unsavedModificationsTicket: import("svelte/store").Writable<number>;

package/updates.js

@@ -11,6 +11,10 @@ const modified_item_store = writable(null);
 export function setjItemProperty(item, field_name, value)
 {
     console.log('setjItemProperty ' + field_name)
+    
+    if(item[field_name] == value)
+        return
+    
     let type_name = item.$type;
     item[field_name] = value;
     informModification(item, field_name, type_name);
@@ -118,6 +122,9 @@ export function pushChanges(afterPushCallback=undefined)
 {
     //console.trace()
 
+    if(!modified_items_map.size)
+        return;
+
     if(afterPushCallback)
         afterPushCallbacks.push(afterPushCallback);
 
@@ -154,9 +161,25 @@ modified_item_store.subscribe((mod_item) => {
 export const unsavedModificationsTicket = writable(0);
 
 update_request_ticket.subscribe(async (v) => {
-    if(v != last_update_ticket)
+    flushChanges(v)
+})
+
+export async function pushChangesImmediately()
+{
+    if(!modified_items_map.size)
+        return;
+
+    const ticket = get(update_request_ticket) + 1
+    update_request_ticket.set(ticket)
+
+    await flushChanges(ticket);
+}
+
+async function flushChanges(ticket)
+{
+    if(ticket != last_update_ticket)
     {
-        last_update_ticket = v;
+        last_update_ticket = ticket;
 
         if(!modified_items_map.size)
             return;
@@ -220,4 +243,4 @@ update_request_ticket.subscribe(async (v) => {
         }
 
     }
-})
+} 

package/utils.d.ts

@@ -83,3 +83,7 @@ export namespace UI {
 export const NAVIGATION_PAGE_PATH: "/nav";
 export const NAV_MODE_SIDEBAR: 0;
 export const NAV_MODE_FULL_PAGE: 1;
+export namespace fetchHandlers {
+    const onBefore: ((path: any) => void)[];
+    const onError: ((err: any, res: any) => void)[];
+}

package/utils.js

@@ -1,9 +1,10 @@
 import { getContext, tick } from "svelte";
 import {derived, get} from 'svelte/store'
-import { contextItemsStore, contextToolbarOperations, pageToolbarOperations, data_tick_store, main_sidebar_visible_store, show_sidebar, hide_sidebar, previously_visible_sidebar, auto_hide_sidebar, reloadWholeApp} from "./stores";
+import { contextItemsStore, contextToolbarOperations, pageToolbarOperations, data_tick_store, main_sidebar_visible_store, show_sidebar, hide_sidebar, previously_visible_sidebar, auto_hide_sidebar, reloadWholeApp, onErrorShowAlert} from "./stores";
 import {location, push, pop} from 'svelte-spa-router'
 import {session, reef} from '@humandialog/auth.svelte'
 import { i18n } from "./i18n";
+import {pushChangesImmediately} from './updates'
 
 export let icons = {symbols :null}
 
@@ -498,20 +499,21 @@ export function editable(node, params)
         node.contentEditable = "true"
         node.focus();
 
-        /*await tick();
+        await tick();
+
         let range = document.createRange();
         range.selectNodeContents(node);
         let end_offset = range.endOffset;
         let end_container = range.endContainer;
         range.setStart(end_container, 0)
-        range.setEnd(end_container, end_offset)
+        range.setEnd(end_container, 0)
         //range.setStart(node, 0)
         //range.setEnd(node, 0)
        // console.log('range rect: ', range.getBoundingClientRect())
         let sel = window.getSelection();
         sel.removeAllRanges();
         sel.addRange(range);
-        */
+        
     }
 
     const focus_listener = async (e) =>
@@ -1274,4 +1276,17 @@ function launchNewGroupWizzard(afterGroupCreated=undefined)
     });
     
     dialog.show()    
+}
+
+
+
+export const fetchHandlers = {
+    onBefore: [
+        (path) => { pushChangesImmediately() }
+    ],
+
+    //onAfter: [],
+    onError: [
+        (err, res) => onErrorShowAlert(err)
+    ]
 }