@humandialog/forms.svelte 0.5.9 → 0.5.10

package/form.box.svelte.d.ts

@@ -1,35 +1,35 @@
-/** @typedef {typeof __propDef.props}  FormProps */
-/** @typedef {typeof __propDef.events}  FormEvents */
-/** @typedef {typeof __propDef.slots}  FormSlots */
-export default class Form extends SvelteComponentTyped<{
-    context?: string | undefined;
-    self?: null | undefined;
-    c?: string | undefined;
-    cl?: string | undefined;
-    fit?: boolean | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type FormProps = typeof __propDef.props;
-export type FormEvents = typeof __propDef.events;
-export type FormSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        context?: string | undefined;
-        self?: null | undefined;
-        c?: string | undefined;
-        cl?: string | undefined;
-        fit?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  FormProps */
+/** @typedef {typeof __propDef.events}  FormEvents */
+/** @typedef {typeof __propDef.slots}  FormSlots */
+export default class Form extends SvelteComponentTyped<{
+    context?: string | undefined;
+    self?: null | undefined;
+    c?: string | undefined;
+    cl?: string | undefined;
+    fit?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type FormProps = typeof __propDef.props;
+export type FormEvents = typeof __propDef.events;
+export type FormSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        context?: string | undefined;
+        self?: null | undefined;
+        c?: string | undefined;
+        cl?: string | undefined;
+        fit?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/horizontal.toolbar.svelte

@@ -36,6 +36,7 @@
     import {session, signInHRef, signOutHRef} from '@humandialog/auth.svelte'
 
     import VerticalToolbar from './vertical.toolbar.svelte'
+	import { isDeviceSmallerThan } from './utils.js';
     
 
     export let appConfig;
@@ -87,24 +88,30 @@
 
     function toggle_navigator(e)
     {
-        if(tabs.length == 1)
-        {
-            $sidebar_left_pos = 0;
-            toggle_sidebar(tabs[0]);
-        }
+        if(isDeviceSmallerThan('sm'))
+            push('/')
         else
         {
-            let sidebar = $main_sidebar_visible_store;
-            if(sidebar == "*")
+
+            if(tabs.length == 1)
             {
-                if((!previously_visible_sidebar) || previously_visible_sidebar === '*')
-                    sidebar = Object.keys(appConfig.sidebar)[0];
-                else
-                    sidebar = previously_visible_sidebar;
+                $sidebar_left_pos = 0;
+                toggle_sidebar(tabs[0]);
             }
+            else
+            {
+                let sidebar = $main_sidebar_visible_store;
+                if(sidebar == "*")
+                {
+                    if((!previously_visible_sidebar) || previously_visible_sidebar === '*')
+                        sidebar = Object.keys(appConfig.sidebar)[0];
+                    else
+                        sidebar = previously_visible_sidebar;
+                }
 
-            $sidebar_left_pos = 40;
-            toggle_sidebar(sidebar)
+                $sidebar_left_pos = 40;
+                toggle_sidebar(sidebar)
+            }
         }
     }
 

package/horizontal.toolbar.svelte.d.ts

@@ -1,25 +1,25 @@
-/** @typedef {typeof __propDef.props}  HorizontalProps */
-/** @typedef {typeof __propDef.events}  HorizontalEvents */
-/** @typedef {typeof __propDef.slots}  HorizontalSlots */
-export default class Horizontal extends SvelteComponentTyped<{
-    appConfig: any;
-    clearsContext?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type HorizontalProps = typeof __propDef.props;
-export type HorizontalEvents = typeof __propDef.events;
-export type HorizontalSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        appConfig: any;
-        clearsContext?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  HorizontalProps */
+/** @typedef {typeof __propDef.events}  HorizontalEvents */
+/** @typedef {typeof __propDef.slots}  HorizontalSlots */
+export default class Horizontal extends SvelteComponentTyped<{
+    appConfig: any;
+    clearsContext?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type HorizontalProps = typeof __propDef.props;
+export type HorizontalEvents = typeof __propDef.events;
+export type HorizontalSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        appConfig: any;
+        clearsContext?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/index.d.ts

@@ -1,59 +1,59 @@
-export { default as Page } from "./page.svelte";
-export { default as Tile } from "./tile.svelte";
-export { default as Row } from "./tiles.row.svelte";
-export { default as Box } from "./form.box.svelte";
-export { default as Operations } from './operations.svelte';
-export { default as Layout } from './desk.svelte';
-export { default as Icon } from "./components/icon.svelte";
-export { default as Button } from './components/button.svelte';
-export { default as Checkbox } from './components/checkbox.svelte';
-export { default as DatePicker } from './components/date.svelte';
-export { default as Edit } from './components/edit.field.svelte';
-export { default as FileLoader } from './components/file.loader.svelte';
-export { default as Input } from './components/inputbox.ltop.svelte';
-export { default as Radio } from './components/radio.svelte';
-export { default as SimpleTable } from './components/simple.table.svelte';
-export { default as Title } from './components/tile.title.svelte';
-export { default as Table } from './components/table/table.svelte';
-export { default as TableColumn } from './components/table/column.svelte';
-export { default as TableItem } from './components/table/item.svelte';
-export { default as Combo } from './components/combo/combo.svelte';
-export { default as ComboSource } from './components/combo/combo.source.svelte';
-export { default as ComboItem } from './components/combo/combo.item.svelte';
-export { default as RichEdit } from './components/document/rich.edit.svelte';
-export { default as Spinner } from './components/delayed.spinner.svelte';
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
-export { default as Fab } from './components/Fab.svelte';
-export { default as Sidebar } from './components/sidebar/sidebar.svelte';
-export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
-export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
-export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
-export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
-export { default as List } from './components/list/list.svelte';
-export { default as ListTitle } from './components/list/list.title.svelte';
-export { default as ListSummary } from './components/list/list.summary.svelte';
-export { default as ListInserter } from './components/list/list.inserter.svelte';
-export { default as ListDateProperty } from './components/list/list.date.svelte';
-export { default as ListComboProperty } from './components/list/list.combo.svelte';
-export { default as ListStaticProperty } from './components/list/list.static.svelte';
-export { default as Modal } from './modal.svelte';
-export { default as MembersPage } from './tenant.members.svelte';
-export { default as Tag } from './components/tag.svelte';
-export { default as Tags } from './components/tags.svelte';
-export { default as Kanban } from './components/kanban/kanban.svelte';
-export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
-export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
-export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
-export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
-export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
-export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
-export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
-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 { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, selectable, handleSelect } from './utils';
-export { mainViewReloader, reloadMainView } 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 { default as Page } from "./page.svelte";
+export { default as Tile } from "./tile.svelte";
+export { default as Row } from "./tiles.row.svelte";
+export { default as Box } from "./form.box.svelte";
+export { default as Operations } from './operations.svelte';
+export { default as Layout } from './desk.svelte';
+export { default as Icon } from "./components/icon.svelte";
+export { default as Button } from './components/button.svelte';
+export { default as Checkbox } from './components/checkbox.svelte';
+export { default as DatePicker } from './components/date.svelte';
+export { default as Edit } from './components/edit.field.svelte';
+export { default as FileLoader } from './components/file.loader.svelte';
+export { default as Input } from './components/inputbox.ltop.svelte';
+export { default as Radio } from './components/radio.svelte';
+export { default as SimpleTable } from './components/simple.table.svelte';
+export { default as Title } from './components/tile.title.svelte';
+export { default as Table } from './components/table/table.svelte';
+export { default as TableColumn } from './components/table/column.svelte';
+export { default as TableItem } from './components/table/item.svelte';
+export { default as Combo } from './components/combo/combo.svelte';
+export { default as ComboSource } from './components/combo/combo.source.svelte';
+export { default as ComboItem } from './components/combo/combo.item.svelte';
+export { default as RichEdit } from './components/document/rich.edit.svelte';
+export { default as Spinner } from './components/delayed.spinner.svelte';
+export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { default as Fab } from './components/Fab.svelte';
+export { default as Sidebar } from './components/sidebar/sidebar.svelte';
+export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
+export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
+export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
+export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
+export { default as List } from './components/list/list.svelte';
+export { default as ListTitle } from './components/list/list.title.svelte';
+export { default as ListSummary } from './components/list/list.summary.svelte';
+export { default as ListInserter } from './components/list/list.inserter.svelte';
+export { default as ListDateProperty } from './components/list/list.date.svelte';
+export { default as ListComboProperty } from './components/list/list.combo.svelte';
+export { default as ListStaticProperty } from './components/list/list.static.svelte';
+export { default as Modal } from './modal.svelte';
+export { default as MembersPage } from './tenant.members.svelte';
+export { default as Tag } from './components/tag.svelte';
+export { default as Tags } from './components/tags.svelte';
+export { default as Kanban } from './components/kanban/kanban.svelte';
+export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
+export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
+export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
+export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
+export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
+export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
+export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
+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 { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, selectable, handleSelect, isDeviceSmallerThan } from './utils';
+export { mainViewReloader, reloadMainView } 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';

package/index.js

@@ -1,65 +1,65 @@
-// @ts-ignore
-import { List } from "flowbite-svelte";
-//export { default as Row } from "./page.row.svelte";
-export { default as Page } from "./page.svelte";
-export { default as Tile } from "./tile.svelte";
-export { default as Row } from "./tiles.row.svelte";
-export { default as Box } from "./form.box.svelte";
-//export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
-export { default as Operations } from './operations.svelte';
-export { default as Layout } from './desk.svelte';
-// @ts-ignore
-export { default as Icon } from "./components/icon.svelte";
-export { default as Button } from './components/button.svelte';
-export { default as Checkbox } from './components/checkbox.svelte';
-export { default as DatePicker } from './components/date.svelte';
-export { default as Edit } from './components/edit.field.svelte';
-export { default as FileLoader } from './components/file.loader.svelte';
-export { default as Input } from './components/inputbox.ltop.svelte';
-export { default as Radio } from './components/radio.svelte';
-export { default as SimpleTable } from './components/simple.table.svelte';
-export { default as Title } from './components/tile.title.svelte';
-export { default as Table } from './components/table/table.svelte';
-export { default as TableColumn } from './components/table/column.svelte';
-export { default as TableItem } from './components/table/item.svelte';
-export { default as Combo } from './components/combo/combo.svelte';
-export { default as ComboSource } from './components/combo/combo.source.svelte';
-export { default as ComboItem } from './components/combo/combo.item.svelte';
-export { default as RichEdit } from './components/document/rich.edit.svelte';
-export { default as Spinner } from './components/delayed.spinner.svelte';
-//export { default as Menu } from './components/contextmenu.svelte'
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
-export { default as Fab } from './components/Fab.svelte';
-export { default as Sidebar } from './components/sidebar/sidebar.svelte';
-export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
-export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
-export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
-export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
-export { default as List } from './components/list/list.svelte';
-export { default as ListTitle } from './components/list/list.title.svelte';
-export { default as ListSummary } from './components/list/list.summary.svelte';
-export { default as ListInserter } from './components/list/list.inserter.svelte';
-export { default as ListDateProperty } from './components/list/list.date.svelte';
-export { default as ListComboProperty } from './components/list/list.combo.svelte';
-export { default as ListStaticProperty } from './components/list/list.static.svelte';
-export { default as Modal } from './modal.svelte';
-export { default as MembersPage } from './tenant.members.svelte';
-export { default as Tag } from './components/tag.svelte';
-export { default as Tags } from './components/tags.svelte';
-export { default as Kanban } from './components/kanban/kanban.svelte';
-export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
-export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
-export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
-export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
-export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
-export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
-export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
-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 { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, selectable, handleSelect } from './utils';
-export { mainViewReloader, reloadMainView } 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
+// @ts-ignore
+import { List } from "flowbite-svelte";
+//export { default as Row } from "./page.row.svelte";
+export { default as Page } from "./page.svelte";
+export { default as Tile } from "./tile.svelte";
+export { default as Row } from "./tiles.row.svelte";
+export { default as Box } from "./form.box.svelte";
+//export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
+export { default as Operations } from './operations.svelte';
+export { default as Layout } from './desk.svelte';
+// @ts-ignore
+export { default as Icon } from "./components/icon.svelte";
+export { default as Button } from './components/button.svelte';
+export { default as Checkbox } from './components/checkbox.svelte';
+export { default as DatePicker } from './components/date.svelte';
+export { default as Edit } from './components/edit.field.svelte';
+export { default as FileLoader } from './components/file.loader.svelte';
+export { default as Input } from './components/inputbox.ltop.svelte';
+export { default as Radio } from './components/radio.svelte';
+export { default as SimpleTable } from './components/simple.table.svelte';
+export { default as Title } from './components/tile.title.svelte';
+export { default as Table } from './components/table/table.svelte';
+export { default as TableColumn } from './components/table/column.svelte';
+export { default as TableItem } from './components/table/item.svelte';
+export { default as Combo } from './components/combo/combo.svelte';
+export { default as ComboSource } from './components/combo/combo.source.svelte';
+export { default as ComboItem } from './components/combo/combo.item.svelte';
+export { default as RichEdit } from './components/document/rich.edit.svelte';
+export { default as Spinner } from './components/delayed.spinner.svelte';
+//export { default as Menu } from './components/contextmenu.svelte'
+export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { default as Fab } from './components/Fab.svelte';
+export { default as Sidebar } from './components/sidebar/sidebar.svelte';
+export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
+export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
+export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
+export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
+export { default as List } from './components/list/list.svelte';
+export { default as ListTitle } from './components/list/list.title.svelte';
+export { default as ListSummary } from './components/list/list.summary.svelte';
+export { default as ListInserter } from './components/list/list.inserter.svelte';
+export { default as ListDateProperty } from './components/list/list.date.svelte';
+export { default as ListComboProperty } from './components/list/list.combo.svelte';
+export { default as ListStaticProperty } from './components/list/list.static.svelte';
+export { default as Modal } from './modal.svelte';
+export { default as MembersPage } from './tenant.members.svelte';
+export { default as Tag } from './components/tag.svelte';
+export { default as Tags } from './components/tags.svelte';
+export { default as Kanban } from './components/kanban/kanban.svelte';
+export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
+export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
+export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
+export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
+export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
+export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
+export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
+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 { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, selectable, handleSelect, isDeviceSmallerThan } from './utils';
+export { mainViewReloader, reloadMainView } 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

package/internal/configurable.content.svelte

@@ -2,8 +2,13 @@
     import Router from 'svelte-spa-router'
     import {wrap} from 'svelte-spa-router/wrap'
     import Loading from './loading.svelte'
+	import { getContext, setContext } from 'svelte';
     
     export let config;
+    export let min_h_class = '';
+
+    let cascadingParams = {}
+    setContext('rPage-cascading-params', cascadingParams)
     
     let component = null;
     let props = {};
@@ -63,6 +68,9 @@
             props = {};
             routes = null;
         }
+
+        if(min_h_class)
+            cascadingParams.min_h_class = min_h_class;
     }
   
 </script>

package/internal/configurable.content.svelte.d.ts

@@ -1,27 +1,29 @@
-/** @typedef {typeof __propDef.props}  ConfigurableProps */
-/** @typedef {typeof __propDef.events}  ConfigurableEvents */
-/** @typedef {typeof __propDef.slots}  ConfigurableSlots */
-export default class Configurable extends SvelteComponentTyped<{
-    config: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    alt: {};
-}> {
-}
-export type ConfigurableProps = typeof __propDef.props;
-export type ConfigurableEvents = typeof __propDef.events;
-export type ConfigurableSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        config: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        alt: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  ConfigurableProps */
+/** @typedef {typeof __propDef.events}  ConfigurableEvents */
+/** @typedef {typeof __propDef.slots}  ConfigurableSlots */
+export default class Configurable extends SvelteComponentTyped<{
+    config: any;
+    min_h_class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    alt: {};
+}> {
+}
+export type ConfigurableProps = typeof __propDef.props;
+export type ConfigurableEvents = typeof __propDef.events;
+export type ConfigurableSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        config: any;
+        min_h_class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        alt: {};
+    };
+};
+export {};

package/internal/loading.svelte.d.ts

@@ -1,23 +1,23 @@
-/** @typedef {typeof __propDef.props}  LoadingProps */
-/** @typedef {typeof __propDef.events}  LoadingEvents */
-/** @typedef {typeof __propDef.slots}  LoadingSlots */
-export default class Loading extends SvelteComponentTyped<{
-    params: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type LoadingProps = typeof __propDef.props;
-export type LoadingEvents = typeof __propDef.events;
-export type LoadingSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        params: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  LoadingProps */
+/** @typedef {typeof __propDef.events}  LoadingEvents */
+/** @typedef {typeof __propDef.slots}  LoadingSlots */
+export default class Loading extends SvelteComponentTyped<{
+    params: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type LoadingProps = typeof __propDef.props;
+export type LoadingEvents = typeof __propDef.events;
+export type LoadingSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        params: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/modal.svelte

@@ -16,6 +16,9 @@ export function show(on_close_callback = void 0) {
   open = true;
   close_callback = on_close_callback;
 }
+export function hide() {
+  open = false;
+}
 let root;
 afterUpdate(
   async () => {
@@ -56,7 +59,7 @@ function on_cancel(event) {
         From: "opacity-100"
         To: "opacity-0"
     -->
-    <div class="fixed w-screen h-screen inset-0 bg-stone-500 bg-opacity-75 transition-opacity"></div>
+    <div class="fixed w-screen h-screen inset-0 bg-stone-500 dark:bg-stone-800 bg-opacity-75 dark:bg-opacity-75 transition-opacity"></div>
   
     <div class="fixed z-20 inset-0 w-screen overflow-y-auto">
       <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
@@ -83,7 +86,7 @@ function on_cancel(event) {
                 <h3 class="text-base font-semibold leading-6 text-stone-900 dark:text-stone-100" id="modal-title">{title}</h3>
                 <div class="mt-2">
                     {#if content}
-                        <p class="text-sm text-stone-500">{content}</p>
+                        <p class="text-sm text-stone-500 dark:text-stone-300">{content}</p>
                     {:else}
                         <slot/>
                     {/if}