@humandialog/forms.svelte 0.5.4 → 0.5.6

package/components/menu.js

@@ -1,56 +1,56 @@
-import Menu from './contextmenu.svelte';
-import Floating_container from './Floating_container.svelte';
-import Grid from './Grid.menu.svelte';
-let menu_comopnent = null;
-let toolbar_component = null;
-export function showMenu(around, operations) {
-    let menu_element = document.getElementById("__hd_svelte_contextmenu");
-    if (!menu_element) {
-        let app_div = document.getElementById("__hd_svelte_layout_root");
-        menu_comopnent = new Menu({
-            target: app_div,
-            props: {}
-        });
-        menu_comopnent.show(around, operations);
-    }
-    else if (menu_comopnent) {
-        if (menu_comopnent.isVisible())
-            menu_comopnent.hide();
-        else
-            menu_comopnent.show(around, operations);
-    }
-    else
-        console.error('what now?');
-}
-export function hideWholeContextMenu() {
-    if (menu_comopnent) {
-        if (menu_comopnent.isVisible())
-            menu_comopnent.hide();
-    }
-}
-export function showFloatingToolbar(around, toolbar, props = {}) {
-    let floating_container = document.getElementById("__hd_svelte_floating_container");
-    if (!floating_container) {
-        let app_div = document.getElementById("__hd_svelte_layout_root");
-        toolbar_component = new Floating_container({
-            target: app_div,
-            props: {}
-        });
-        toolbar_component.show(around, toolbar, props);
-    }
-    else if (toolbar_component) {
-        //if(toolbar_component.isVisible())
-        //{
-        //    toolbar_component.hide();
-        //}
-        //else
-        //{
-        toolbar_component.show(around, toolbar, props);
-        //}
-    }
-    else
-        console.error('what now?');
-}
-export function showGridMenu(around, operations) {
-    showFloatingToolbar(around, Grid, { operations: operations });
-}
+import Menu from './contextmenu.svelte';
+import Floating_container from './Floating_container.svelte';
+import Grid from './Grid.menu.svelte';
+let menu_comopnent = null;
+let toolbar_component = null;
+export function showMenu(around, operations) {
+    let menu_element = document.getElementById("__hd_svelte_contextmenu");
+    if (!menu_element) {
+        let app_div = document.getElementById("__hd_svelte_layout_root");
+        menu_comopnent = new Menu({
+            target: app_div,
+            props: {}
+        });
+        menu_comopnent.show(around, operations);
+    }
+    else if (menu_comopnent) {
+        if (menu_comopnent.isVisible())
+            menu_comopnent.hide();
+        else
+            menu_comopnent.show(around, operations);
+    }
+    else
+        console.error('what now?');
+}
+export function hideWholeContextMenu() {
+    if (menu_comopnent) {
+        if (menu_comopnent.isVisible())
+            menu_comopnent.hide();
+    }
+}
+export function showFloatingToolbar(around, toolbar, props = {}) {
+    let floating_container = document.getElementById("__hd_svelte_floating_container");
+    if (!floating_container) {
+        let app_div = document.getElementById("__hd_svelte_layout_root");
+        toolbar_component = new Floating_container({
+            target: app_div,
+            props: {}
+        });
+        toolbar_component.show(around, toolbar, props);
+    }
+    else if (toolbar_component) {
+        //if(toolbar_component.isVisible())
+        //{
+        //    toolbar_component.hide();
+        //}
+        //else
+        //{
+        toolbar_component.show(around, toolbar, props);
+        //}
+    }
+    else
+        console.error('what now?');
+}
+export function showGridMenu(around, operations) {
+    showFloatingToolbar(around, Grid, { operations: operations });
+}

package/components/radio.svelte.d.ts

@@ -1,26 +1,26 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value: any;
-        disabled?: boolean | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type RadioProps = typeof __propDef.props;
-export type RadioEvents = typeof __propDef.events;
-export type RadioSlots = typeof __propDef.slots;
-export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value: any;
+        disabled?: boolean | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RadioProps = typeof __propDef.props;
+export type RadioEvents = typeof __propDef.events;
+export type RadioSlots = typeof __propDef.slots;
+export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
+}
+export {};

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

@@ -1,31 +1,31 @@
-/** @typedef {typeof __propDef.props}  SidebarProps */
-/** @typedef {typeof __propDef.events}  SidebarEvents */
-/** @typedef {typeof __propDef.slots}  SidebarSlots */
-export default class Sidebar extends SvelteComponentTyped<{
-    [x: string]: any;
-    img?: string | undefined;
-    href?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        img?: string | undefined;
-        href?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  SidebarProps */
+/** @typedef {typeof __propDef.events}  SidebarEvents */
+/** @typedef {typeof __propDef.slots}  SidebarSlots */
+export default class Sidebar extends SvelteComponentTyped<{
+    [x: string]: any;
+    img?: string | undefined;
+    href?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        img?: string | undefined;
+        href?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/components/sidebar/sidebar.group.svelte

@@ -1,9 +1,47 @@
 <script>
+    import {FaChevronDown, FaChevronUp} from 'svelte-icons/fa'
+
     export let border = false;
+    export let title = ''
+    export let collapsable = false;
+    export let onExpand = undefined
 
     let border_class = border ? " pt-4 mt-4 border-t border-stone-200 dark:border-stone-700" : ""
+    let title_border = title ? border_class : ""
+    let list_border = title ? "" : border_class
+    let collapsed = true;
+
+    function toggleCollapsed()
+    {
+        if(collapsed && !!onExpand)
+            onExpand();
+
+        collapsed = !collapsed;
+    }
 </script>
 
-<ul class="space-y-2 {border_class}">
-    <slot/>
-</ul>
+{#if title}
+    <p class="text-base sm:text-xs uppercase font-semibold {title_border}">
+        {title}
+        {#if collapsable}
+            <button class="inline-block ml-3 sm:ml-2 sm:mt-0.5 w-4 sm:w-3 h-4 sm:h-3" on:click={toggleCollapsed}>
+                {#if collapsed}
+                    <FaChevronDown/>
+                {:else}
+                    <FaChevronUp/>
+                {/if}
+            </button>
+        {/if}
+    </p>
+{/if}
+
+{#if !collapsable}
+    <ul class="space-y-2 {list_border}">
+        <slot/>
+    </ul>
+{:else if !collapsed}
+    <ul class="space-y-2 {list_border}">
+        <slot/>
+    </ul>
+{/if}
+

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

@@ -1,27 +1,33 @@
-/** @typedef {typeof __propDef.props}  SidebarProps */
-/** @typedef {typeof __propDef.events}  SidebarEvents */
-/** @typedef {typeof __propDef.slots}  SidebarSlots */
-export default class Sidebar extends SvelteComponentTyped<{
-    border?: boolean | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        border?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  SidebarProps */
+/** @typedef {typeof __propDef.events}  SidebarEvents */
+/** @typedef {typeof __propDef.slots}  SidebarSlots */
+export default class Sidebar extends SvelteComponentTyped<{
+    title?: string | undefined;
+    border?: boolean | undefined;
+    collapsable?: boolean | undefined;
+    onExpand?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        border?: boolean | undefined;
+        collapsable?: boolean | undefined;
+        onExpand?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

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

@@ -1,28 +1,28 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href: string;
-        icon?: any | undefined;
-        active?: boolean | undefined;
-        selectable?: any | undefined;
-        editable?: any | undefined;
-        operations?: any | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href: string;
+        icon?: any | undefined;
+        active?: boolean | undefined;
+        selectable?: any | undefined;
+        editable?: any | undefined;
+        operations?: any | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
+}
+export {};

package/components/sidebar/sidebar.list.svelte

@@ -52,19 +52,19 @@ function onNewElement(text) {
   } else
     inserter(text);
 }
-</script>
-
-{#each objects as item (item.Id)}
-    {#key item}             <!-- Forces to fully rerender when item changed to fire use: callbacks again -->
-        <slot {item}/>
-    {/key}
-{/each }
-
-{#if inserter}
-    <Edit   class="p-3 sm:p-2 text-lg sm:text-base font-normal text-stone-500 rounded-lg dark:text-stone-400 hover:bg-stone-100 dark:hover:bg-stone-700" 
-            onEnter={onNewElement} 
-            placeholder={inserterPlaceholder} 
-            inserter={true}>
-        <Icon size={5} component={FaPlus} class="mr-3"/>
-    </Edit>
+</script>
+
+{#each objects as item (item.Id)}
+    {#key item}             <!-- Forces to fully rerender when item changed to fire use: callbacks again -->
+        <slot {item}/>
+    {/key}
+{/each }
+
+{#if inserter}
+    <Edit   class="p-3 sm:p-2 text-lg sm:text-base font-normal text-stone-500 rounded-lg dark:text-stone-400 hover:bg-stone-100 dark:hover:bg-stone-700" 
+            onEnter={onNewElement} 
+            placeholder={inserterPlaceholder} 
+            inserter={true}>
+        <Icon size={5} component={FaPlus} class="mr-3"/>
+    </Edit>
 {/if}

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

@@ -1,33 +1,33 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        objects: object[];
-        orderAttrib?: string | undefined;
-        inserter?: Function | undefined;
-        inserterPlaceholder?: string | undefined;
-        ORDER_STEP?: 64 | undefined;
-        MIN_ORDER?: 0 | undefined;
-        reload?: ((_objects: object[]) => void) | undefined;
-        moveUp?: ((element: object) => void) | undefined;
-        moveDown?: ((element: object) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            item: object;
-        };
-    };
-};
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
-    get ORDER_STEP(): 64;
-    get MIN_ORDER(): 0;
-    get reload(): (_objects: object[]) => void;
-    get moveUp(): (element: object) => void;
-    get moveDown(): (element: object) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        objects: object[];
+        orderAttrib?: string | undefined;
+        inserter?: Function | undefined;
+        inserterPlaceholder?: string | undefined;
+        ORDER_STEP?: 64 | undefined;
+        MIN_ORDER?: 0 | undefined;
+        reload?: ((_objects: object[]) => void) | undefined;
+        moveUp?: ((element: object) => void) | undefined;
+        moveDown?: ((element: object) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            item: object;
+        };
+    };
+};
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
+    get ORDER_STEP(): 64;
+    get MIN_ORDER(): 0;
+    get reload(): (_objects: object[]) => void;
+    get moveUp(): (element: object) => void;
+    get moveDown(): (element: object) => void;
+}
+export {};

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

@@ -1,27 +1,27 @@
-/** @typedef {typeof __propDef.props}  SidebarProps */
-/** @typedef {typeof __propDef.events}  SidebarEvents */
-/** @typedef {typeof __propDef.slots}  SidebarSlots */
-export default class Sidebar extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  SidebarProps */
+/** @typedef {typeof __propDef.events}  SidebarEvents */
+/** @typedef {typeof __propDef.slots}  SidebarSlots */
+export default class Sidebar extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/components/simple.table.svelte.d.ts

@@ -1,41 +1,41 @@
-/** @typedef {typeof __propDef.props}  SimpleProps */
-/** @typedef {typeof __propDef.events}  SimpleEvents */
-/** @typedef {typeof __propDef.slots}  SimpleSlots */
-export default class Simple extends SvelteComponentTyped<{
-    focus?: boolean | undefined;
-    select?: string | undefined;
-    context?: string | undefined;
-    self?: null | undefined;
-    nav?: boolean | undefined;
-    collection?: string | undefined;
-    objects?: null | undefined;
-    headers?: any[] | undefined;
-    fields?: any[] | undefined;
-    cinfo?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SimpleProps = typeof __propDef.props;
-export type SimpleEvents = typeof __propDef.events;
-export type SimpleSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        focus?: boolean | undefined;
-        select?: string | undefined;
-        context?: string | undefined;
-        self?: null | undefined;
-        nav?: boolean | undefined;
-        collection?: string | undefined;
-        objects?: null | undefined;
-        headers?: any[] | undefined;
-        fields?: any[] | undefined;
-        cinfo?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  SimpleProps */
+/** @typedef {typeof __propDef.events}  SimpleEvents */
+/** @typedef {typeof __propDef.slots}  SimpleSlots */
+export default class Simple extends SvelteComponentTyped<{
+    focus?: boolean | undefined;
+    select?: string | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    nav?: boolean | undefined;
+    collection?: string | undefined;
+    objects?: null | undefined;
+    headers?: any[] | undefined;
+    fields?: any[] | undefined;
+    cinfo?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SimpleProps = typeof __propDef.props;
+export type SimpleEvents = typeof __propDef.events;
+export type SimpleSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        focus?: boolean | undefined;
+        select?: string | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        nav?: boolean | undefined;
+        collection?: string | undefined;
+        objects?: null | undefined;
+        headers?: any[] | undefined;
+        fields?: any[] | undefined;
+        cinfo?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};