@humandialog/forms.svelte 0.5.8 → 0.5.10

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}

package/modal.svelte.d.ts

@@ -1,35 +1,37 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        open?: boolean | undefined;
-        content?: string | undefined;
-        icon?: undefined;
-        OK?: 0 | undefined;
-        OKCancel?: 1 | undefined;
-        Custom?: 2 | undefined;
-        mode?: number | undefined;
-        okCaption?: string | undefined;
-        cancelCaption?: string | undefined;
-        onOkCallback?: Function | undefined;
-        onCancelCallback?: Function | undefined;
-        show?: ((on_close_callback?: Function | undefined) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        footer: {};
-    };
-};
-export type ModalProps = typeof __propDef.props;
-export type ModalEvents = typeof __propDef.events;
-export type ModalSlots = typeof __propDef.slots;
-export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
-    get OK(): 0;
-    get OKCancel(): 1;
-    get Custom(): 2;
-    get show(): (on_close_callback?: Function | undefined) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        open?: boolean | undefined;
+        content?: string | undefined;
+        icon?: undefined;
+        OK?: 0 | undefined;
+        OKCancel?: 1 | undefined;
+        Custom?: 2 | undefined;
+        mode?: number | undefined;
+        okCaption?: string | undefined;
+        cancelCaption?: string | undefined;
+        onOkCallback?: Function | undefined;
+        onCancelCallback?: Function | undefined;
+        show?: ((on_close_callback?: Function | undefined) => void) | undefined;
+        hide?: (() => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        footer: {};
+    };
+};
+export type ModalProps = typeof __propDef.props;
+export type ModalEvents = typeof __propDef.events;
+export type ModalSlots = typeof __propDef.slots;
+export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
+    get OK(): 0;
+    get OKCancel(): 1;
+    get Custom(): 2;
+    get show(): (on_close_callback?: Function | undefined) => void;
+    get hide(): () => void;
+}
+export {};

package/operations.svelte

@@ -48,22 +48,42 @@ function mousedown(e) {
         
         {#each leftOperations as operation}
             {#if !operation.separator}
-
-                <button type="button" 
-                        class="py-2.5 px-5 
-                        text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
-                        hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
-                        border-stone-200 focus:outline-none dark:border-stone-600
-                        inline-flex items-center"
-                        on:click={(e) => {on_click(e, operation)}}
-                        on:mousedown={mousedown}>
-                    {#if operation.icon}
-                        <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
-                    {/if}
-                    {#if operation.caption}
-                        <span>{operation.caption}</span>
-                    {/if}
-                </button>    
+                {#if operation.toolbox}
+                    {#each operation.toolbox as operation}
+                        <button type="button" 
+                                class="py-2.5 px-5 
+                                text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
+                                hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
+                                border-stone-200 focus:outline-none dark:border-stone-600
+                                inline-flex items-center"
+                                on:click={(e) => {on_click(e, operation)}}
+                                on:mousedown={mousedown}>
+                            {#if operation.icon}
+                                <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
+                            {/if}
+                            {#if operation.caption}
+                                <span>{operation.caption}</span>
+                            {/if}
+                        </button>
+                    {/each}
+                {:else}
+                
+                    <button type="button" 
+                            class="py-2.5 px-5 
+                            text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
+                            hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
+                            border-stone-200 focus:outline-none dark:border-stone-600
+                            inline-flex items-center"
+                            on:click={(e) => {on_click(e, operation)}}
+                            on:mousedown={mousedown}>
+                        {#if operation.icon}
+                            <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
+                        {/if}
+                        {#if operation.caption}
+                            <span>{operation.caption}</span>
+                        {/if}
+                    </button>
+                {/if}    
             {/if}
         {/each}
     </div>

package/operations.svelte.d.ts

@@ -1,16 +1,16 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        mobile?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type OperationsProps = typeof __propDef.props;
-export type OperationsEvents = typeof __propDef.events;
-export type OperationsSlots = typeof __propDef.slots;
-export default class Operations extends SvelteComponentTyped<OperationsProps, OperationsEvents, OperationsSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        mobile?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type OperationsProps = typeof __propDef.props;
+export type OperationsEvents = typeof __propDef.events;
+export type OperationsSlots = typeof __propDef.slots;
+export default class Operations extends SvelteComponentTyped<OperationsProps, OperationsEvents, OperationsSlots> {
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -51,9 +51,6 @@
   "homepage": "https://github.com/HumanDialog/forms.svelte#readme",
   "exports": {
     "./package.json": "./package.json",
-    "./components/Fab.svelte": "./components/Fab.svelte",
-    "./components/Floating_container.svelte": "./components/Floating_container.svelte",
-    "./components/Grid.menu.svelte": "./components/Grid.menu.svelte",
     "./components/button.svelte": "./components/button.svelte",
     "./components/checkbox.svelte": "./components/checkbox.svelte",
     "./components/combo/combo.item.svelte": "./components/combo/combo.item.svelte",
@@ -64,17 +61,19 @@
     "./components/date.svelte": "./components/date.svelte",
     "./components/delayed.spinner.svelte": "./components/delayed.spinner.svelte",
     "./components/document/internal/Document_command": "./components/document/internal/Document_command.js",
-    "./components/document/internal/Selection_helper": "./components/document/internal/Selection_helper.js",
-    "./components/document/internal/Selection_range": "./components/document/internal/Selection_range.js",
     "./components/document/internal/palette.row.svelte": "./components/document/internal/palette.row.svelte",
     "./components/document/internal/palette.svelte": "./components/document/internal/palette.svelte",
+    "./components/document/internal/Selection_helper": "./components/document/internal/Selection_helper.js",
+    "./components/document/internal/Selection_range": "./components/document/internal/Selection_range.js",
     "./components/document/rich.edit.svelte": "./components/document/rich.edit.svelte",
     "./components/edit.field.svelte": "./components/edit.field.svelte",
+    "./components/Fab.svelte": "./components/Fab.svelte",
     "./components/file.loader.svelte": "./components/file.loader.svelte",
+    "./components/Floating_container.svelte": "./components/Floating_container.svelte",
+    "./components/Grid.menu.svelte": "./components/Grid.menu.svelte",
     "./components/icon.svelte": "./components/icon.svelte",
     "./components/input.text.svelte": "./components/input.text.svelte",
     "./components/inputbox.ltop.svelte": "./components/inputbox.ltop.svelte",
-    "./components/kanban/Kanban": "./components/kanban/Kanban.js",
     "./components/kanban/internal/kanban.card.svelte": "./components/kanban/internal/kanban.card.svelte",
     "./components/kanban/internal/kanban.column.svelte": "./components/kanban/internal/kanban.column.svelte",
     "./components/kanban/internal/kanban.inserter.svelte": "./components/kanban/internal/kanban.inserter.svelte",
@@ -90,7 +89,7 @@
     "./components/kanban/kanban.svelte": "./components/kanban/kanban.svelte",
     "./components/kanban/kanban.tags.svelte": "./components/kanban/kanban.tags.svelte",
     "./components/kanban/kanban.title.svelte": "./components/kanban/kanban.title.svelte",
-    "./components/list/List": "./components/list/List.js",
+    "./components/kanban/Kanban": "./components/kanban/Kanban.js",
     "./components/list/internal/list.element.props.svelte": "./components/list/internal/list.element.props.svelte",
     "./components/list/internal/list.element.summary.svelte": "./components/list/internal/list.element.summary.svelte",
     "./components/list/internal/list.element.svelte": "./components/list/internal/list.element.svelte",
@@ -102,6 +101,7 @@
     "./components/list/list.summary.svelte": "./components/list/list.summary.svelte",
     "./components/list/list.svelte": "./components/list/list.svelte",
     "./components/list/list.title.svelte": "./components/list/list.title.svelte",
+    "./components/list/List": "./components/list/List.js",
     "./components/menu": "./components/menu.js",
     "./components/radio.svelte": "./components/radio.svelte",
     "./components/sidebar/sidebar.brand.svelte": "./components/sidebar/sidebar.brand.svelte",
@@ -114,6 +114,7 @@
     "./components/table/item.svelte": "./components/table/item.svelte",
     "./components/table/table.svelte": "./components/table/table.svelte",
     "./components/table/table": "./components/table/table.js",
+    "./components/tag.colors.svelte": "./components/tag.colors.svelte",
     "./components/tag.svelte": "./components/tag.svelte",
     "./components/tags.svelte": "./components/tags.svelte",
     "./components/textarea.ltop.svelte": "./components/textarea.ltop.svelte",

package/page.row.svelte.d.ts

@@ -1,31 +1,31 @@
-/** @typedef {typeof __propDef.props}  PageProps */
-/** @typedef {typeof __propDef.events}  PageEvents */
-/** @typedef {typeof __propDef.slots}  PageSlots */
-export default class Page extends SvelteComponentTyped<{
-    c?: string | undefined;
-    cl?: string | undefined;
-    w?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type PageProps = typeof __propDef.props;
-export type PageEvents = typeof __propDef.events;
-export type PageSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        c?: string | undefined;
-        cl?: string | undefined;
-        w?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  PageProps */
+/** @typedef {typeof __propDef.events}  PageEvents */
+/** @typedef {typeof __propDef.slots}  PageSlots */
+export default class Page extends SvelteComponentTyped<{
+    c?: string | undefined;
+    cl?: string | undefined;
+    w?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PageProps = typeof __propDef.props;
+export type PageEvents = typeof __propDef.events;
+export type PageSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        c?: string | undefined;
+        cl?: string | undefined;
+        w?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/page.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { setContext, onMount } from 'svelte';
+	import { setContext, getContext, onMount } from 'svelte';
 	import {
 		contextItemsStore,
 		data_tick_store,
@@ -18,7 +18,7 @@
 	export let focused_only = false;
 	export let inContext = '';
 	export let cl =
-		'w-full h-full flex flex-col dark:bg-stone-800  overflow-y-hidden  overflow-x-hidden py-1 px-1 border-0'; // border-green-500
+		'w-full flex flex-col bg-white dark:bg-stone-900 overflow-x-hidden py-1 px-1 border-0'; // border-green-500
 	export let c = '';
 
 	export let toolbarOperations = undefined;
@@ -38,6 +38,9 @@
 		//NOP
 	}
 
+	if($$props.class)
+		cl += ' ' + $$props.class
+
 	onMount(() => {
 		if (toolbarOperations != undefined && Array.isArray(toolbarOperations))
 			$pageToolbarOperations = [...toolbarOperations];
@@ -54,7 +57,11 @@
 		};
 	});
 
+	setContext('rIs-page-component', true);
 	setContext('ctx', context);
+
+	const cascadingParams = getContext('rPage-cascading-params')
+
 	let item = null;
 	let visibilty = 'hidden';
 	if (inContext == '') inContext = context;
@@ -70,6 +77,7 @@
 			if ($contextItemsStore.focused == inContext) visibilty = '';
 		} else visibilty = '';
 	}
+	let heightClass = ''
 	let t = 0;
 	$: {
 		t = $data_tick_store;
@@ -92,10 +100,15 @@
 			//console.log(item)
 			//console.log("--------------")
 		}
+
+		if(cascadingParams && cascadingParams.min_h_class)
+			heightClass = cascadingParams.min_h_class;
+		else
+			heightClass = '';
 	}
 
-	function clear_selection(e) {
-		//console.log('page click', chnages.just_changed_context)
+	function clear_selection(e) 
+	{
 		if (!clearsContext) return;
 
 		let contexts = clearsContext.split(' ');
@@ -111,7 +124,7 @@
 	}
 </script>
 
-<div class="bg-stone-100 dark:bg-stone-800 {visibilty} {cl}" on:click={clear_selection}>
+<div class="bg-stone-100 dark:bg-stone-800 {visibilty} {cl} {heightClass}" on:click={clear_selection}>
 	{#if visibilty == ''}
 		<slot />
 	{/if}

package/page.svelte.d.ts

@@ -1,45 +1,47 @@
-/** @typedef {typeof __propDef.props}  PageProps */
-/** @typedef {typeof __propDef.events}  PageEvents */
-/** @typedef {typeof __propDef.slots}  PageSlots */
-export default class Page extends SvelteComponentTyped<{
-    clearsContext?: string | undefined;
-    context?: string | undefined;
-    self?: null | undefined;
-    c?: string | undefined;
-    cl?: string | undefined;
-    typename?: string | undefined;
-    focused_only?: boolean | undefined;
-    inContext?: string | undefined;
-    toolbarOperations?: any;
-    title?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type PageProps = typeof __propDef.props;
-export type PageEvents = typeof __propDef.events;
-export type PageSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        clearsContext?: string | undefined;
-        context?: string | undefined;
-        self?: null | undefined;
-        c?: string | undefined;
-        cl?: string | undefined;
-        typename?: string | undefined;
-        focused_only?: boolean | undefined;
-        inContext?: string | undefined;
-        toolbarOperations?: any;
-        title?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  PageProps */
+/** @typedef {typeof __propDef.events}  PageEvents */
+/** @typedef {typeof __propDef.slots}  PageSlots */
+export default class Page extends SvelteComponentTyped<{
+    [x: string]: any;
+    clearsContext?: string | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    c?: string | undefined;
+    cl?: string | undefined;
+    typename?: string | undefined;
+    focused_only?: boolean | undefined;
+    inContext?: string | undefined;
+    toolbarOperations?: any;
+    title?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PageProps = typeof __propDef.props;
+export type PageEvents = typeof __propDef.events;
+export type PageSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        clearsContext?: string | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        c?: string | undefined;
+        cl?: string | undefined;
+        typename?: string | undefined;
+        focused_only?: boolean | undefined;
+        inContext?: string | undefined;
+        toolbarOperations?: any;
+        title?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/stores.d.ts

@@ -1,39 +1,39 @@
-export function setNavigatorTitle(key: any, title: any): void;
-export function hasSelectedItem(): boolean;
-export function hasDataItem(): boolean;
-export function reloadMainView(): void;
-export function set_dark_mode_default(value: any): void;
-export function set_default_tools_visible(value: any): void;
-export function restore_defults(): void;
-export function toggle_sidebar(index: any): void;
-export function auto_hide_sidebar(): void;
-export function hide_sidebar(): void;
-export function show_sidebar(index: any): void;
-export const data_tick_store: import("svelte/store").Writable<number>;
-export const contextItemsStore: import("svelte/store").Writable<{
-    focused: string;
-    data: null;
-    sel: null;
-}>;
-export const context_info_store: import("svelte/store").Writable<{
-    data: string;
-    sel: string;
-}>;
-export const contextTypesStore: import("svelte/store").Writable<{
-    focused: string;
-    data: null;
-    sel: null;
-}>;
-export const contextToolbarOperations: import("svelte/store").Writable<never[]>;
-export const pageToolbarOperations: import("svelte/store").Writable<never[]>;
-export const page_title: import("svelte/store").Writable<string>;
-export const nav_titles: import("svelte/store").Writable<{}>;
-export const mainViewReloader: import("svelte/store").Writable<number>;
-export const dark_mode_store: import("svelte/store").Writable<any>;
-export const main_sidebar_visible_store: import("svelte/store").Writable<any>;
-export let previously_visible_sidebar: string;
-export let 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 right_sidebar_visible_store: import("svelte/store").Writable<boolean>;
-export const visible_property_tab_store: import("svelte/store").Writable<string>;
+export function setNavigatorTitle(key: any, title: any): void;
+export function hasSelectedItem(): boolean;
+export function hasDataItem(): boolean;
+export function reloadMainView(): void;
+export function set_dark_mode_default(value: any): void;
+export function set_default_tools_visible(value: any): void;
+export function restore_defults(): void;
+export function toggle_sidebar(index: any): void;
+export function auto_hide_sidebar(): void;
+export function hide_sidebar(): void;
+export function show_sidebar(index: any): void;
+export const data_tick_store: import("svelte/store").Writable<number>;
+export const contextItemsStore: import("svelte/store").Writable<{
+    focused: string;
+    data: null;
+    sel: null;
+}>;
+export const context_info_store: import("svelte/store").Writable<{
+    data: string;
+    sel: string;
+}>;
+export const contextTypesStore: import("svelte/store").Writable<{
+    focused: string;
+    data: null;
+    sel: null;
+}>;
+export const contextToolbarOperations: import("svelte/store").Writable<never[]>;
+export const pageToolbarOperations: import("svelte/store").Writable<never[]>;
+export const page_title: import("svelte/store").Writable<string>;
+export const nav_titles: import("svelte/store").Writable<{}>;
+export const mainViewReloader: import("svelte/store").Writable<number>;
+export const dark_mode_store: import("svelte/store").Writable<any>;
+export const main_sidebar_visible_store: import("svelte/store").Writable<any>;
+export let previously_visible_sidebar: string;
+export let 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 right_sidebar_visible_store: import("svelte/store").Writable<boolean>;
+export const visible_property_tab_store: import("svelte/store").Writable<string>;