@humandialog/forms.svelte 1.4.7 → 1.4.9

package/components/contextmenu.svelte

@@ -18,6 +18,7 @@ let menu_items = [];
 let submenus = [];
 let around_rect;
 let css_position = "";
+let closeButtonPos = "";
 $:
   display = visible ? "block" : "none";
 function calculatePosition(x2, y2, around, visible2, fresh) {
@@ -53,6 +54,7 @@ function calculatePosition(x2, y2, around, visible2, fresh) {
       y2 = screenRect.bottom - maxHeight - margin;
       result = `left: ${x2}px; top: ${y2}px; width: ${width}px; max-height: ${maxHeight}px; display: block`;
     }
+    closeButtonPos = `right: ${margin}px; top: calc(${y2}px - 1.75rem)`;
   } else {
     let myRect = null;
     if (!fresh) {
@@ -86,6 +88,7 @@ function calculatePosition(x2, y2, around, visible2, fresh) {
         y2 = screenRect.top;
     }
     result = `left:${x2}px; top:${y2}px; display: block; min-width: 15rem`;
+    closeButtonPos = "";
   }
   return result;
 }
@@ -108,7 +111,7 @@ export async function show(around, _operations) {
     hide_window_indicator = 0;
     window.addEventListener("click", on_before_window_click, true);
   }
-  if (isDeviceSmallerThan("sm")) {
+  if (false) {
     pushToolsActionsOperations({
       opver: 1,
       operations: [
@@ -139,7 +142,7 @@ export function isVisible() {
   return visible;
 }
 export function hide() {
-  if (visible)
+  if (false)
     popToolsActionsOperations();
   visible = false;
   css_position = calculatePosition(x, y, around_rect, false, false);
@@ -324,14 +327,27 @@ function calculateBackground(is_highlighted, active) {
 }
 </script>
 
+
 <div id="__hd_svelte_contextmenu"
     class=" bg-white dark:bg-stone-800
             text-stone-800 dark:text-stone-400 rounded-lg border
             border-stone-200 dark:border-stone-700 shadow-md
-            z-30 fixed min-w-60 max-h-screen overflow-y-auto"
+            z-40 fixed min-w-60 max-h-screen overflow-y-auto"
     style={css_position}
     bind:this={menu_root}>
 
+    {#if closeButtonPos}
+        <button class="     fixed w-6 h-6 flex items-center justify-center
+                            text-stone-500 bg-stone-200/70 hover:bg-stone-200
+                            focus:outline-none font-medium rounded-full text-sm text-center
+                            dark:text-stone-500 dark:bg-stone-700/80 dark:hover:bg-stone-700 
+                            focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800" 
+                style={closeButtonPos}
+                on:click={ hide }>
+            <Icon component={FaTimes} s="md"/>
+        </button>
+    {/if}
+
     {#each operations as operation, index}
         {@const is_separator = operation.separator}
         {#if is_separator}

package/components/document/editor.svelte

@@ -62,7 +62,8 @@ export let a = "";
 export let context = "";
 export let typename = "";
 export let compact = false;
-export let onChange = void 0;
+export let onSingleChange = void 0;
+export let onApplyChanges = void 0;
 export let onFocusCb = void 0;
 export let onBlurCb = void 0;
 export let onAddImage = void 0;
@@ -612,6 +613,10 @@ onMount(() => {
       if (wasContentChanged) {
         hasChangedValue = true;
         changedValue = editor2.getHTML();
+        if (onSingleChange)
+          onSingleChange(changedValue);
+        else
+          logChanges();
         handleImagesChanges(transaction);
       }
       refreshToolbarOperations();
@@ -671,32 +676,34 @@ function on_blur() {
     $data_tick_store = last_tick;
   }
 }
-export function save() {
+export async function save() {
   if (saveData()) {
     last_tick = $data_tick_store + 1;
     $data_tick_store = last_tick;
-    refreshToolbarOperations();
   }
 }
 function saveData() {
   if (!hasChangedValue)
     return false;
   hasChangedValue = false;
-  if (onChange) {
-    onChange(changedValue);
+  if (onApplyChanges) {
+    onApplyChanges(changedValue);
     return true;
   } else if (item && a) {
-    item[a] = changedValue;
-    if (typename)
-      informModification(item, a, typename);
-    else
-      informModification(item, a);
+    logChanges();
     if (pushChangesImmediately)
-      pushChanges();
+      pushChanges(refreshToolbarOperations);
     return true;
   }
   return false;
 }
+function logChanges() {
+  item[a] = changedValue;
+  if (typename)
+    informModification(item, a, typename);
+  else
+    informModification(item, a);
+}
 let palette = null;
 let is_command_palette_visible = false;
 function get_selection_bbox() {
@@ -717,7 +724,7 @@ function on_palette_mouse_click() {
 }
 function on_palette_shown() {
   is_command_palette_visible = true;
-  if (isDeviceSmallerThan("sm")) {
+  if (false) {
     pushToolsActionsOperations({
       opver: 1,
       operations: [
@@ -740,8 +747,9 @@ function on_palette_shown() {
   }
 }
 function on_palette_hidden() {
-  if (is_command_palette_visible)
+  if (false)
     popToolsActionsOperations();
+  editor?.commands.focus();
   is_command_palette_visible = false;
 }
 function show_command_palette(cursor_rect) {

package/components/document/editor.svelte.d.ts

@@ -9,7 +9,8 @@ declare const __propDef: {
         context?: string | undefined;
         typename?: string | undefined;
         compact?: boolean | undefined;
-        onChange?: undefined;
+        onSingleChange?: Function | undefined;
+        onApplyChanges?: Function | undefined;
         onFocusCb?: undefined;
         onBlurCb?: undefined;
         onAddImage?: undefined;
@@ -42,7 +43,7 @@ declare const __propDef: {
             tbr: string;
         }) | undefined;
         scrollIntoView?: ((param: any) => void) | undefined;
-        save?: (() => void) | undefined;
+        save?: (() => Promise<void>) | undefined;
         addTemporaryImage?: ((src: any) => void) | undefined;
         replaceTemporaryImage?: ((temporarySrc: any, dataPath: any) => void) | undefined;
         removeTemporaryImage?: ((temporarySrc: any) => void) | undefined;
@@ -115,7 +116,7 @@ export default class Editor extends SvelteComponentTyped<EditorProps, EditorEven
         tbr: string;
     };
     get scrollIntoView(): (param: any) => void;
-    get save(): () => void;
+    get save(): () => Promise<void>;
     get addTemporaryImage(): (src: any) => void;
     get replaceTemporaryImage(): (temporarySrc: any, dataPath: any) => void;
     get removeTemporaryImage(): (temporarySrc: any) => void;

package/components/document/internal/palette.svelte

@@ -4,6 +4,7 @@ import Pallete_row from "./palette.row.svelte";
 import { createEventDispatcher } from "svelte";
 import Icon from "../../icon.svelte";
 import { isDeviceSmallerThan, UI } from "../../../utils.js";
+import { FaTimes } from "svelte-icons/fa";
 export let commands;
 export let width_px = 400;
 export let max_height_px = 500;
@@ -27,7 +28,7 @@ export function showAsToolbox(rect) {
   toolboxX = margin;
   toolboxY = rect.bottom + margin;
   toolboxY += window.scrollY;
-  css_style = `position: fixed; left:${toolboxX}px; top:${toolboxY}px;`;
+  css_style = `left:${toolboxX}px; top:${toolboxY}px;`;
   console.log("toolbox: ", css_style);
   dispatch("palette_shown");
 }
@@ -48,19 +49,26 @@ afterUpdate(
     }
   }
 );
+let closeButtonPos = "";
 export function show(x, y, up = false) {
   isToolbox = false;
-  css_style = `width: ${width_px}px; max-height:${max_height_px}px; position: fixed; left:${x}px; top:${y}px;`;
+  css_style = `width: ${width_px}px; max-height:${max_height_px}px; left:${x}px; top:${y}px;`;
   if (up)
     css_style += " transform: translate(0, -100%);";
   visible = true;
   dispatch("palette_shown");
+  closeButtonPos = "";
+  setTimeout(() => {
+    const rect = paletteElement.getBoundingClientRect();
+    closeButtonPos = `right: ${15}px; top: calc(${rect.y}px - 1.75rem)`;
+  }, 0);
+  console.trace();
 }
 export function show_fullscreen(_width_px, _height_px) {
   isToolbox = false;
   width_px = _width_px;
   max_height_px = _height_px;
-  css_style = `position: fixed; left: 0px; top: 0px; width: ${_width_px}px; height: ${_height_px}px; z-index: 1055;`;
+  css_style = `left: 0px; top: 0px; width: ${_width_px}px; height: ${_height_px}px; z-index: 1055;`;
   visible = true;
   dispatch("palette_shown");
 }
@@ -231,7 +239,7 @@ function mousemove(e) {
     const touch = e.touches.item(0);
     const trackDelta = new DOMPoint(touch.clientX - beforeTrackingClient.x, touch.clientY - beforeTrackingClient.y);
     toolboxX = beforeTrackingPos.x + trackDelta.x;
-    css_style = `position: fixed; left:${toolboxX}px; top:${toolboxY}px;`;
+    css_style = `left:${toolboxX}px; top:${toolboxY}px;`;
     e.stopPropagation();
   }
 }
@@ -250,8 +258,8 @@ function isRowActive(cmd) {
 
 {#if isToolbox}
     <menu   class="  bg-white dark:bg-stone-800 text-stone-500 dark:text-stone-400 rounded-lg border border-stone-200 dark:border-stone-700 shadow-md 
-                    z-30
-                    flex flex-row flex-nowrap"
+                    z-40
+                    flex flex-row flex-nowrap fixed"
             style={css_style}
             hidden={!visible}
             on:touchstart={mousedown}
@@ -287,37 +295,56 @@ function isRowActive(cmd) {
         {/if}
     </menu>
 {:else}
-    <div    class="bg-white dark:bg-stone-800 text-stone-500 dark:text-stone-400 rounded-lg border border-stone-200 dark:border-stone-700 shadow-md overflow-y-auto z-20"
-            id="__hd_FormattingPalette"
-            bind:this={paletteElement}
-            hidden={!visible}
-            style={css_style} >
-        
-        {#if filtered_commands && filtered_commands.length}
-            {#each filtered_commands as cmd, idx (cmd.caption)}
-                {#if cmd.separator}
-                    {#if idx>0 && idx<filtered_commands.length-1}   <!-- not first or last place -->
-                        <hr class="mx-4 my-1 border-stone-300 dark:border-stone-700"/>
-                    {/if}
-                {:else}
-                    {@const id = "cpi_" + idx}
-                    {@const active=isRowActive(cmd)}
-                    <Pallete_row    {id}
-                                    cmd={cmd}
-                                    is_highlighted={cmd == current_command}
-                                    on:click={ () => { execute_mouse_click(cmd.on_choice); }}
-                                    on:mousemove={ () => { on_mouse_over(cmd); }}
-                                    on:mousedown={buttonMousedown}
-                                    bind:this={rows[idx]}
-                                    {active}
-                                    />
-                {/if}
-            {/each}
-        {:else}
-            <p class="text-sm text-stone-500">No results</p>
+    <!--div hidden={!visible}-->
+
+        {#if visible &&  closeButtonPos}
+            {#key closeButtonPos}
+                <button class="     fixed w-6 h-6 flex items-center justify-center
+                                    text-stone-500 bg-stone-200/70 hover:bg-stone-200
+                                    focus:outline-none font-medium rounded-full text-sm text-center
+                                    dark:text-stone-500 dark:bg-stone-700/80 dark:hover:bg-stone-700 
+                                    focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800" 
+                        style={closeButtonPos}
+                        on:mousedown={buttonMousedown}
+                        on:click={ () => hide() }>
+                    <Icon component={FaTimes} s="md"/>
+                </button>
+            {/key}
         {/if}
+    
+        <div    hidden={!visible}
+                class="bg-white dark:bg-stone-800 text-stone-500 dark:text-stone-400 rounded-lg border border-stone-200 dark:border-stone-700 shadow-md overflow-y-auto z-40 fixed"
+                id="__hd_FormattingPalette"
+                bind:this={paletteElement}
+                style={css_style} >
 
-    </div>
+            {#if filtered_commands && filtered_commands.length}
+                {#each filtered_commands as cmd, idx (cmd.caption)}
+                    {#if cmd.separator}
+                        {#if idx>0 && idx<filtered_commands.length-1}   <!-- not first or last place -->
+                            <hr class="mx-4 my-1 border-stone-300 dark:border-stone-700"/>
+                        {/if}
+                    {:else}
+                        {@const id = "cpi_" + idx}
+                        {@const active=isRowActive(cmd)}
+                        <Pallete_row    {id}
+                                        cmd={cmd}
+                                        is_highlighted={cmd == current_command}
+                                        on:click={ () => { execute_mouse_click(cmd.on_choice); }}
+                                        on:mousemove={ () => { on_mouse_over(cmd); }}
+                                        on:mousedown={buttonMousedown}
+                                        bind:this={rows[idx]}
+                                        {active}
+                                        />
+                    {/if}
+                {/each}
+            {:else}
+                <p class="text-sm text-stone-500">No results</p>
+            {/if}
+
+        </div>
+    <!---/div-->
+    
     
 {/if}
 

package/components/paginator.svelte

@@ -0,0 +1,105 @@
+<script>
+    
+    export let pageNo
+    export let allPagesNo
+    export let onPage
+    export let visiblePagesNo = 4
+
+    let visiblePages = []
+    $: update()
+
+    export function updatePageNo(p)
+    {
+        pageNo = p
+        update()
+    }
+
+    export function updateAllPagesNo(allP)
+    {
+        allPagesNo = allP
+        update()
+    }
+
+    function update(...args)
+    {
+        const absStart = 0
+        const absEnd = allPagesNo-1
+
+        if(pageNo < absStart)
+            pageNo = absStart
+
+        if(pageNo > absEnd)
+            pageNo = absEnd
+
+        let visStart = pageNo - Math.floor(visiblePagesNo/2)
+        if(visStart < absStart)
+            visStart = absStart
+
+        let visEnd = visStart + visiblePagesNo - 1
+        if(visEnd > absEnd)
+        {
+            visEnd = absEnd
+            visStart = Math.max(absStart, visEnd - visiblePagesNo + 1)
+        }
+
+        visiblePages = []
+        for(let p=visStart; p<= visEnd; p++)
+            visiblePages.push(p)
+    }
+    
+    function onPrevPage(e)
+    {
+        if(pageNo > 0)
+            onPage(pageNo-1)
+    }
+
+    function onNextPage(e)
+    {
+        if(pageNo <= allPagesNo-2)
+           onPage(pageNo+1) 
+    }
+    
+</script>
+
+<nav aria-label="Page navigation example" class="">
+    {#if visiblePages.length > 1}
+        <ul class="flex items-center -space-x-px h-8 text-sm">
+            <li>
+                <button on:click={onPrevPage} 
+                    class="flex items-center justify-center px-3 h-8 ms-0 leading-tight text-stone-500 bg-white border border-e-0 border-stone-300 rounded-s-lg hover:bg-stone-100 hover:text-stone-700 dark:bg-stone-800 dark:border-stone-700 dark:text-stone-400 dark:hover:bg-stone-700 dark:hover:text-white">
+                    <span class="sr-only">Previous</span>
+                        <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
+                        </svg>
+                </button>
+            </li>
+            
+
+            {#each visiblePages as p (p)}
+                <li>
+                    {#if p == pageNo}
+                        <button disabled class="z-10 flex items-center justify-center px-3 h-8 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-stone-700 dark:bg-stone-700 dark:text-white">
+                            {p+1}
+                        </button>
+                    {:else}
+                        <button on:click={(e) => onPage(p)} class="flex items-center justify-center px-3 h-8 leading-tight text-stone-500 bg-white border border-stone-300 hover:bg-stone-100 hover:text-stone-700 dark:bg-stone-800 dark:border-stone-700 dark:text-stone-400 dark:hover:bg-stone-700 dark:hover:text-white">
+                            {p+1}
+                        </button>
+                    {/if}
+                </li>
+                
+            {/each}
+
+            
+            <!--a href="#" aria-current="page" class="">3</a-->
+            <li>
+                <button on:click={onNextPage} class="flex items-center justify-center px-3 h-8 leading-tight text-stone-500 bg-white border border-stone-300 rounded-e-lg hover:bg-stone-100 hover:text-stone-700 dark:bg-stone-800 dark:border-stone-700 dark:text-stone-400 dark:hover:bg-stone-700 dark:hover:text-white">
+                    <span class="sr-only">Next</span>
+                        <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
+                        </svg>
+                </button>
+            </li>
+        </ul>
+    {/if}
+</nav>

package/components/paginator.svelte.d.ts

@@ -0,0 +1,35 @@
+/** @typedef {typeof __propDef.props}  PaginatorProps */
+/** @typedef {typeof __propDef.events}  PaginatorEvents */
+/** @typedef {typeof __propDef.slots}  PaginatorSlots */
+export default class Paginator extends SvelteComponentTyped<{
+    pageNo: any;
+    allPagesNo: any;
+    onPage: any;
+    visiblePagesNo?: number | undefined;
+    updatePageNo?: ((p: any) => void) | undefined;
+    updateAllPagesNo?: ((allP: any) => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+    get updatePageNo(): (p: any) => void;
+    get updateAllPagesNo(): (allP: any) => void;
+}
+export type PaginatorProps = typeof __propDef.props;
+export type PaginatorEvents = typeof __propDef.events;
+export type PaginatorSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        pageNo: any;
+        allPagesNo: any;
+        onPage: any;
+        visiblePagesNo?: number | undefined;
+        updatePageNo?: ((p: any) => void) | undefined;
+        updateAllPagesNo?: ((allP: any) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/sidebar/sidebar.item.svelte

@@ -64,6 +64,10 @@ export async function editSummary() {
     });
   }
 }
+export function updateSummary(txt) {
+  console.log("updateSummary", txt);
+  summaryText = txt;
+}
 let user_class = $$props.class ?? "";
 let root;
 function calculateIsRowActive(...args) {
@@ -289,7 +293,7 @@ function activateRow(e) {
                 {/if}
             </div>
 
-            {#if summaryText}
+            {#if summaryText || summaryPlaceholder}
                 <p class="ml-14 mt-1
                         text-stone-900 dark:text-stone-400
                         cursor-default

package/components/sidebar/sidebar.item.svelte.d.ts

@@ -11,6 +11,7 @@ declare const __propDef: {
         item?: object | undefined;
         summary?: string | object | undefined;
         editSummary?: (() => Promise<void>) | undefined;
+        updateSummary?: ((txt: any) => void) | undefined;
     };
     events: {
         click: MouseEvent;
@@ -28,5 +29,6 @@ export type SidebarEvents = typeof __propDef.events;
 export type SidebarSlots = typeof __propDef.slots;
 export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
     get editSummary(): () => Promise<void>;
+    get updateSummary(): (txt: any) => void;
 }
 export {};

package/desk.svelte

@@ -17,7 +17,7 @@
             set_dark_mode_default,
             sidebar_left_pos,
             wholeAppReloader,
-            alerts, removeAlert } from './stores.js'
+            alerts, removeAlert, showFABAlways} from './stores.js'
     
     //import { AuthorizedView} from '@humandialog/auth.svelte'
     import { handleSelect, isDeviceSmallerThan, isOnNavigationPage, isOnScreenKeyboardVisible, removeAt, UI } from './utils'
@@ -130,17 +130,31 @@
 
         if(tools_visible)
         {
-            tools_visibility = "hidden sm:block sm:fixed"
-            //fab_base_visibility = "fixed sm:hidden"
-            fab_visibility_mode = FAB_VISIBLE_ON_MOBILE
-
-            content_top = 'top-[50px] sm:top-[40px]'
             
-            if(bottom_bar_visible)
-                content_height = `min-h-[calc(100vh-290px)] sm:h-[calc(100vh-280px)]`
-            else    
-                content_height = `min-h-[calc(100vh-50px)] sm:h-[calc(100vh-40px)]` 
-               
+            const alwaysShowFAB = (!is_small) && $showFABAlways
+
+            if(alwaysShowFAB)
+            {
+                fab_visibility_mode = FAB_VISIBLE_ALWAYS
+                tools_visibility = "hidden"
+                content_top = 'top-[50px] sm:top-[0px]'
+                
+                if(bottom_bar_visible)
+                    content_height = `min-h-[calc(100vh-290px)] sm:h-[calc(100vh-240px)]`
+                else    
+                    content_height = `min-h-[calc(100vh-50px)] sm:h-[calc(100vh-0px)]` 
+            }
+            else
+            {
+                fab_visibility_mode = FAB_VISIBLE_ON_MOBILE
+                tools_visibility = "hidden sm:block sm:fixed"
+                content_top = 'top-[50px] sm:top-[40px]'
+                
+                if(bottom_bar_visible)
+                    content_height = `min-h-[calc(100vh-290px)] sm:h-[calc(100vh-280px)]`
+                else    
+                    content_height = `min-h-[calc(100vh-50px)] sm:h-[calc(100vh-40px)]` 
+            }
         }
         else
         {
@@ -414,11 +428,7 @@
                         <Operations bind:this={operationsComponent} />
                     </div>
 
-                    {#if is_fab_visible}
-                    <!--div class="{fab_visibility} left-3 {fab_bottom} mb-1 cursor-pointer z-10"-->
-                        <Fab bind:this={fabComponent}/>
-                    <!---/div-->
-                    {/if}
+                   
 
                     <!--#######################################################-->
                     <!--##  CONTENT                          ##################-->
@@ -438,7 +448,11 @@
                             </Configurable>
                     </div>    
 
-
+                     {#if is_fab_visible}
+                    <!--div class="{fab_visibility} left-3 {fab_bottom} mb-1 cursor-pointer z-10"-->
+                        <Fab bind:this={fabComponent} />
+                    <!---/div-->
+                    {/if}
 
                     <!--###########################################################-->
                     <!--##  BOTTOM SIDEBAR          ###############################-->
@@ -480,7 +494,7 @@
                     <!-- #########################################################-->
                     <!-- ## MODAL DIALOG #########################################-->
                     <!-- #########################################################-->
-                    <div id="__hd_svelte_modal_root" class="z-30">
+                    <div id="__hd_svelte_modal_root" class="z-30 sm:z-40">
                         <!-- after <Modal/> component is shown it's rettached to above div
                             see: modal.svelte afterUpdate -->
                     </div>

package/horizontal.toolbar.svelte

@@ -3,7 +3,7 @@
     //import GoPrimitiveDot from 'svelte-icons/go/GoPrimitiveDot.svelte'
     import {showMenu} from './components/menu'
     import {push, pop, location} from 'svelte-spa-router'
-    import {contextItemsStore, context_info_store, contextToolbarOperations, data_tick_store} from './stores.js'
+    import {contextItemsStore, context_info_store, contextToolbarOperations, data_tick_store, leftHandedFAB} from './stores.js'
     //import Menu from './components/contextmenu.svelte'
 
     import {
@@ -238,6 +238,12 @@
                 });
         }
 
+         options.push({
+                caption: 'Left-handed floating actions',
+                icon: $leftHandedFAB ? FaToggleOn : FaToggleOff,
+                action: (f) => { $leftHandedFAB = !$leftHandedFAB; }
+            })
+
         if(has_selection_details)
         {
             options.push( {

package/index.d.ts

@@ -57,13 +57,16 @@ export { default as KanbanComboProperty } from './components/kanban/kanban.combo
 export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
 export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
 export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
+export { default as Paginator } from './components/paginator.svelte';
+export { default as Breadcrumb } from './components/breadcrumb.svelte';
+export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
 export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores';
-export { informModification, informModificationEx, informItem, pushChanges } from './updates';
+export { informModification, informModificationEx, informItem, pushChanges, hasModifications } from './updates';
 export { default as IcH1 } from './components/document/internal/h1.icon.svelte';
 export { default as IcH2 } from './components/document/internal/h2.icon.svelte';
 export { default as IcH3 } from './components/document/internal/h3.icon.svelte';

package/index.js

@@ -63,13 +63,16 @@ export { default as KanbanComboProperty } from './components/kanban/kanban.combo
 export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
 export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
 export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
+export { default as Paginator } from './components/paginator.svelte';
+export { default as Breadcrumb } from './components/breadcrumb.svelte';
+export { breadcrumbAdd, breadcrumbParse, breadcrumbStringify, breadcrumbClipName } from './components/breadcrumb_utils';
 export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, UI, } from './utils';
 export { getNiceStringDateTime, getFormattedStringDate, getNiceStringDate, dayName, monthName } from './components/date_utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store } from './stores.js';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store, tagsReloader, reloadVisibleTags, dark_mode_store, showFABAlways } from './stores.js';
 export { data_tick_store, // tmp
 hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
 export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores'; // tmp
-export { informModification, informModificationEx, informItem, pushChanges } from './updates'; // tmp
+export { informModification, informModificationEx, informItem, pushChanges, hasModifications } from './updates'; // tmp
 export { default as IcH1 } from './components/document/internal/h1.icon.svelte';
 export { default as IcH2 } from './components/document/internal/h2.icon.svelte';
 export { default as IcH3 } from './components/document/internal/h3.icon.svelte';