@humandialog/forms.svelte 1.3.9 → 1.3.11

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

@@ -8,49 +8,49 @@ export let placeholder = false;
 export let active = false;
 export let editable;
 let user_class = $$props.class ?? "";
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-{#if readonly}
-    <p {id} class="  sm:text-xs sm:min-h-[1rem]
-                    text-base min-h-[1.5rem]
-                    text-stone-400 
-                    {user_class}"
-                    on:click>
-        {text}
-    </p>
-{:else if text}
-    {#if active}
-        <p {id} class=" sm:text-xs sm:min-h-[1rem]
-                        text-base min-h-[1.5rem]
-                        text-stone-400 
-                        {user_class}"
-                use:_editable={{
-                    action: editable,
-                    active: true
-                }}
-                on:click>
-            {text}
-        </p>
-    {:else}
-        <p {id} class=" sm:text-xs sm:min-h-[1rem]
-            text-base min-h-[1.5rem]
-            text-stone-400 
-            {user_class}"
-        on:click>
-        {text}
-        </p>
-    {/if}
-{:else if placeholder}
-    <p   {id} class="sm:text-xs sm:min-h-[1rem]
-                     text-base min-h-[1.5rem]
-                     text-stone-400 
-                     {user_class}"
-                use:_editable={{
-                action: editable,
-                active: true
-            }}
-            on:click>
-    </p>
-{/if}
-    
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+{#if readonly}
+    <p {id} class="  sm:text-xs sm:min-h-[1rem]
+                    text-base min-h-[1.5rem]
+                    text-stone-400 
+                    {user_class}"
+                    on:click>
+        {text}
+    </p>
+{:else if text}
+    {#if active}
+        <p {id} class=" sm:text-xs sm:min-h-[1rem]
+                        text-base min-h-[1.5rem]
+                        text-stone-400 
+                        {user_class}"
+                use:_editable={{
+                    action: editable,
+                    active: true
+                }}
+                on:click>
+            {text}
+        </p>
+    {:else}
+        <p {id} class=" sm:text-xs sm:min-h-[1rem]
+            text-base min-h-[1.5rem]
+            text-stone-400 
+            {user_class}"
+        on:click>
+        {text}
+        </p>
+    {/if}
+{:else if placeholder}
+    <p   {id} class="sm:text-xs sm:min-h-[1rem]
+                     text-base min-h-[1.5rem]
+                     text-stone-400 
+                     {user_class}"
+                use:_editable={{
+                action: editable,
+                active: true
+            }}
+            on:click>
+    </p>
+{/if}
+    

package/components/list/internal/list.element.summary.svelte.d.ts

@@ -1,24 +1,24 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: string;
-        readonly?: boolean | undefined;
-        text?: string | undefined;
-        placeholder?: boolean | undefined;
-        active?: boolean | undefined;
-        editable: any;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        id: string;
+        readonly?: boolean | undefined;
+        text?: string | undefined;
+        placeholder?: boolean | undefined;
+        active?: boolean | undefined;
+        editable: any;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -238,7 +238,7 @@ export function scrollToView() {
 {#if item}
 {@const element_title = item[title]}
 
-<section    class="mt-3 flex flex-row my-0  w-full text-sm text-stone-700 dark:text-stone-300 cursor-default rounded-md border border-transparent {selected_class} {focused_class} scroll-mt-[50px] sm:scroll-mt-[40px]"
+<section    class="my-1 flex flex-row my-0  w-full  text-stone-700 dark:text-stone-300 cursor-default rounded-md border border-transparent {selected_class} {focused_class} scroll-mt-[50px] sm:scroll-mt-[40px]"
             on:contextmenu={on_contextmenu}
             role="menu"
             tabindex="-1"
@@ -248,7 +248,7 @@ export function scrollToView() {
     
     <i class="hidden sm:w-1/2 sm:w-2/3 sm:w-1/3"></i>   <!-- just to force tailwind classes including -->
     
-    <div    class="ml-3 w-full py-1" 
+    <div    class="ml-3 w-full py-0" 
             use:selectable={item} 
             on:click={(e) => {activate_row(e, item)}} 
             role="row" 
@@ -258,8 +258,8 @@ export function scrollToView() {
             {#if is_row_active}
                 {#key item[title]}      <!-- Wymusza pełne wyrenderowanie zwłasza po zmiane z pustego na tekst  -->
                     {#if is_link_like}
-                        <p  class=" text-lg font-semibold min-h-[1.75rem]
-                                    sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
+                        <p  class=" text-base font-semibold 
+                                   
                                     whitespace-nowrap overflow-clip w-full sm:flex-none sm:{name_w}
                                     sm:hover:cursor-pointer underline"
                                     id="__hd_list_ctrl_{item[item_key]}_Title"
@@ -274,8 +274,8 @@ export function scrollToView() {
                             {element_title}
                         </p>
                     {:else}
-                        <p  class=" text-lg font-semibold min-h-[1.75rem]
-                                    sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
+                        <p  class=" text-base font-semibold 
+                                    
                                     whitespace-nowrap overflow-clip w-full sm:flex-none sm:{name_w}"
                             id="__hd_list_ctrl_{item[item_key]}_Title"
                             use:editable={{
@@ -295,8 +295,8 @@ export function scrollToView() {
                     {/if}
                 {/key}
             {:else}
-                <p  class=" text-lg font-semibold min-h-[1.75rem]
-                            sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
+                <p  class=" text-base font-semibold 
+                             
                             whitespace-nowrap overflow-clip w-full sm:flex-none sm:{name_w}"
                     id="__hd_list_ctrl_{item[item_key]}_Title"> 
                     {element_title}
@@ -311,24 +311,11 @@ export function scrollToView() {
 
         {#if summary && (item[summary] || placeholder=='Summary')}
             {@const element_id = `__hd_list_ctrl_${item[item_key]}_Summary`}
-            {#key item[summary]}
-                
-            <!--Summary
-                    id={element_id}
-                    on:click={(e) => on_active_row_clicked(e, 'bottom')}
-                    text={item[summary]}
-                    readonly={definition.summary_readonly}
-                    placeholder={placeholder == 'Summary'}
-                    editable={(text) => {change_summary(text)}}
-                    active={is_row_active}
-                /-->
-
-                
+            {#key item[summary] }           
                 {#if is_row_active}
                     <p  id={element_id} 
-                        class=" sm:text-xs sm:min-h-[1rem]
-                                    text-base min-h-[1.5rem]
-                                    text-stone-400"
+                        class=" text-sm   mt-1  mb-2                          
+                                text-stone-400"
                             use:editable={{
                                 action: (text) => {change_summary(text)},
                                 readonly: definition.summary_readonly,
@@ -339,8 +326,7 @@ export function scrollToView() {
                     </p>
                 {:else}
                     <p  id={element_id} 
-                        class=" sm:text-xs sm:min-h-[1rem]
-                                    text-base min-h-[1.5rem]
+                        class=" text-sm mt-1 mb-2
                                     text-stone-400"
                         on:click={(e) => on_active_row_clicked(e, 'bottom')}>
                         {item[summary]}
@@ -350,7 +336,7 @@ export function scrollToView() {
                 
         {/if}
 
-        <section class="block sm:hidden w-full sm:flex-none sm:w-2/3">
+        <section class="block sm:hidden w-full">
             <Properties {definition} {item} {placeholder} bind:this={props_sm}/>
         </section>
 

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

@@ -1,31 +1,31 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        item: object;
-        title?: string | undefined;
-        summary?: string | undefined;
-        typename?: string | undefined;
-        toolbarOperations: any;
-        contextMenu: any;
-        activate?: (() => void) | undefined;
-        editProperty?: ((field: string) => void) | undefined;
-        scrollToView?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        left: {
-            element: object;
-        };
-    };
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-    get activate(): () => void;
-    get editProperty(): (field: string) => void;
-    get scrollToView(): () => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        item: object;
+        title?: string | undefined;
+        summary?: string | undefined;
+        typename?: string | undefined;
+        toolbarOperations: any;
+        contextMenu: any;
+        activate?: (() => void) | undefined;
+        editProperty?: ((field: string) => void) | undefined;
+        scrollToView?: (() => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        left: {
+            element: object;
+        };
+    };
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+    get activate(): () => void;
+    get editProperty(): (field: string) => void;
+    get scrollToView(): () => void;
+}
+export {};

package/components/list/internal/list.inserter.svelte.d.ts

@@ -1,19 +1,19 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        onInsert: any;
-        icon?: boolean | undefined;
-        run?: ((onclose: any) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-    get run(): (onclose: any) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        onInsert: any;
+        icon?: boolean | undefined;
+        run?: ((onclose: any) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+    get run(): (onclose: any) => void;
+}
+export {};

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

@@ -1,22 +1,22 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-        a?: string | undefined;
-        onSelect?: undefined;
-        association?: boolean | undefined;
-        hasNone?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name: string;
+        a?: string | undefined;
+        onSelect?: undefined;
+        association?: boolean | undefined;
+        hasNone?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -1,18 +1,18 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-        a?: string | undefined;
-        onSelect?: undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name: string;
+        a?: string | undefined;
+        onSelect?: undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -1,17 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        action: Function;
-        icon?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        action: Function;
+        icon?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -1,17 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-        a?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name: string;
+        a?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -1,19 +1,19 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        a: string;
-        editable?: boolean | undefined;
-        onChange?: Function | undefined;
-        readonly?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        a: string;
+        editable?: boolean | undefined;
+        onChange?: Function | undefined;
+        readonly?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+}
+export {};

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

@@ -1,59 +1,59 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        self?: object | null | undefined;
-        a?: string | undefined;
-        objects?: object[] | undefined;
-        orderAttrib?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        c?: string | undefined;
-        toolbarOperations: any;
-        contextMenu: any;
-        key?: string | undefined;
-        CLEAR_SELECTION?: 0 | undefined;
-        KEEP_SELECTION?: -1 | undefined;
-        SELECT_PREVIOUS?: -2 | undefined;
-        SELECT_NEXT?: -3 | undefined;
-        KEEP_OR_SELECT_NEXT?: -4 | undefined;
-        ORDER_STEP?: 64 | undefined;
-        MIN_ORDER?: 0 | undefined;
-        rereder?: (() => void) | undefined;
-        reload?: ((data: object | object[], selectElement?: number) => void) | undefined;
-        moveUp?: ((element: object) => Promise<void>) | undefined;
-        moveDown?: ((element: object) => Promise<void>) | undefined;
-        addRowAfter?: ((after?: object | null) => Promise<void>) | undefined;
-        remove?: ((element: object) => void) | undefined;
-        edit?: ((element: object, property_name: string) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        left: {
-            element: object;
-        };
-    };
-};
-export type ListProps = typeof __propDef.props;
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
-    get CLEAR_SELECTION(): 0;
-    get KEEP_SELECTION(): -1;
-    get SELECT_PREVIOUS(): -2;
-    get SELECT_NEXT(): -3;
-    get KEEP_OR_SELECT_NEXT(): -4;
-    get ORDER_STEP(): 64;
-    get MIN_ORDER(): 0;
-    get rereder(): () => void;
-    get reload(): (data: object | object[], selectElement?: number) => void;
-    get moveUp(): (element: object) => Promise<void>;
-    get moveDown(): (element: object) => Promise<void>;
-    get addRowAfter(): (after?: object | null) => Promise<void>;
-    get remove(): (element: object) => void;
-    get edit(): (element: object, property_name: string) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        self?: object | null | undefined;
+        a?: string | undefined;
+        objects?: object[] | undefined;
+        orderAttrib?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        c?: string | undefined;
+        toolbarOperations: any;
+        contextMenu: any;
+        key?: string | undefined;
+        CLEAR_SELECTION?: 0 | undefined;
+        KEEP_SELECTION?: -1 | undefined;
+        SELECT_PREVIOUS?: -2 | undefined;
+        SELECT_NEXT?: -3 | undefined;
+        KEEP_OR_SELECT_NEXT?: -4 | undefined;
+        ORDER_STEP?: 64 | undefined;
+        MIN_ORDER?: 0 | undefined;
+        rereder?: (() => void) | undefined;
+        reload?: ((data: object | object[], selectElement?: number) => void) | undefined;
+        moveUp?: ((element: object) => Promise<void>) | undefined;
+        moveDown?: ((element: object) => Promise<void>) | undefined;
+        addRowAfter?: ((after?: object | null) => Promise<void>) | undefined;
+        remove?: ((element: object) => void) | undefined;
+        edit?: ((element: object, property_name: string) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        left: {
+            element: object;
+        };
+    };
+};
+export type ListProps = typeof __propDef.props;
+export type ListEvents = typeof __propDef.events;
+export type ListSlots = typeof __propDef.slots;
+export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+    get CLEAR_SELECTION(): 0;
+    get KEEP_SELECTION(): -1;
+    get SELECT_PREVIOUS(): -2;
+    get SELECT_NEXT(): -3;
+    get KEEP_OR_SELECT_NEXT(): -4;
+    get ORDER_STEP(): 64;
+    get MIN_ORDER(): 0;
+    get rereder(): () => void;
+    get reload(): (data: object | object[], selectElement?: number) => void;
+    get moveUp(): (element: object) => Promise<void>;
+    get moveDown(): (element: object) => Promise<void>;
+    get addRowAfter(): (after?: object | null) => Promise<void>;
+    get remove(): (element: object) => void;
+    get edit(): (element: object, property_name: string) => void;
+}
+export {};