@humandialog/forms.svelte 0.5.4 → 0.5.6

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

@@ -1,24 +1,25 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: string;
-        readonly?: boolean | undefined;
-        text?: string | undefined;
-        placeholder?: boolean | undefined;
-        editable: any;
-        clickEdit: 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;
+        clickEdit: 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

@@ -15,6 +15,7 @@ import Properties from "./list.element.props.svelte";
 import { isDeviceSmallerThan } from "../../../utils";
 import { rList_definition, rList_property_type } from "../List";
 import { push } from "svelte-spa-router";
+import { FaExternalLinkAlt } from "svelte-icons/fa/";
 export let item;
 export let title = "";
 export let summary = "";
@@ -201,25 +202,36 @@ async function force_editing(field) {
             tabindex="0">
         <div class="block sm:flex sm:flex-row" on:click={(e) => on_active_row_clicked(e, 'top')}>
            
-            {#if definition.title_readonly}
-                <p  class=" text-lg font-semibold min-h-[1.75rem]
-                            sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
-                            whitespace-nowrap overflow-clip w-full sm:flex-none sm:w-2/3"
-                    id="__hd_list_ctrl_{item[item_key]}_Title"> 
-                    {element_title}
-                </p>
-            {:else}
+           {#if is_row_active}
                 {#key item[title]} <!-- Wymusza pełne wyrenderowanie zwłasza po zmiane z pustego na tekst  -->
                     <p  class=" text-lg font-semibold min-h-[1.75rem]
                                 sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
                                 whitespace-nowrap overflow-clip w-full sm:flex-none sm:w-2/3"
                         id="__hd_list_ctrl_{item[item_key]}_Title"
-                        use:editable={(text) => {change_name(text)}}
-                        on:click={edit}> 
+                        use:editable={{
+                            action: (text) => {change_name(text)},
+                            active: true,
+                            readonly: definition.title_readonly,
+                        }}> 
                             {element_title}
+
+                        {#if definition.onOpen}
+                            <button class="ml-3 w-5 h-5 sm:w-3 sm:h-3"
+                                    on:click={(e) => definition.onOpen(item)}>
+                                <FaExternalLinkAlt/>
+                            </button>
+                        {/if}
                     </p>
                 {/key}
-            {/if}
+           {:else}
+                <p  class=" text-lg font-semibold min-h-[1.75rem]
+                            sm:text-sm sm:font-semibold sm:min-h-[1.25rem]
+                            whitespace-nowrap overflow-clip w-full sm:flex-none sm:w-2/3"
+                    id="__hd_list_ctrl_{item[item_key]}_Title"> 
+                    {element_title}
+                </p>
+           {/if}
+           
            
 
             <section class="hidden sm:block w-full sm:flex-none sm:w-1/3">
@@ -237,6 +249,7 @@ async function force_editing(field) {
                     placeholder={placeholder == 'Summary'}
                     editable={(text) => {change_summary(text)}}
                     clickEdit={edit}
+                    active={is_row_active}
                 />
         {/if}
 

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

@@ -1,29 +1,29 @@
-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;
-    };
-    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;
-}
-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;
+    };
+    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;
+}
+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,21 +1,21 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name: string;
-        a?: string | undefined;
-        onSelect?: undefined;
-        association?: 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;
+    };
+    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

@@ -84,7 +84,7 @@ export function reload(data, selectElement = KEEP_SELECTION) {
       selectElementId = 0;
       break;
     case KEEP_SELECTION:
-      selectElementId = currentSelectedItem.Id ?? 0;
+      selectElementId = currentSelectedItem?.Id ?? 0;
       break;
     case SELECT_PREVIOUS:
       if (currentSelectedItem) {
@@ -102,8 +102,8 @@ export function reload(data, selectElement = KEEP_SELECTION) {
       break;
     case KEEP_OR_SELECT_NEXT:
       {
-        selectElementId = currentSelectedItem.Id ?? 0;
         if (currentSelectedItem) {
+          selectElementId = currentSelectedItem.Id ?? 0;
           const selectedItemIdx = items?.findIndex((e) => e == currentSelectedItem);
           if (selectedItemIdx != void 0 && selectedItemIdx >= 0 && selectedItemIdx < items.length - 1)
             altSelectElementId = items[selectedItemIdx + 1].Id ?? 0;

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) => void) | undefined;
-        moveDown?: ((element: object) => 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) => void;
-    get moveDown(): (element: object) => 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) => void) | undefined;
+        moveDown?: ((element: object) => 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) => void;
+    get moveDown(): (element: object) => void;
+    get addRowAfter(): (after?: object | null) => Promise<void>;
+    get remove(): (element: object) => void;
+    get edit(): (element: object, property_name: string) => void;
+}
+export {};

package/components/list/list.title.svelte

@@ -2,6 +2,7 @@
 export let a;
 export let editable = false;
 export let onChange = void 0;
+export let onOpen = void 0;
 export let readonly = false;
 export let href = void 0;
 export let hrefFunc = void 0;
@@ -12,4 +13,5 @@ definition.on_title_changed = onChange;
 definition.title_readonly = readonly;
 definition.title_href = href;
 definition.title_href_func = hrefFunc;
+definition.onOpen = onOpen;
 </script>

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

@@ -1,21 +1,22 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        a: string;
-        editable?: boolean | undefined;
-        onChange?: Function | undefined;
-        readonly?: boolean | undefined;
-        href?: string | undefined;
-        hrefFunc?: Function | 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;
+        onOpen?: Function | undefined;
+        readonly?: boolean | undefined;
+        href?: string | undefined;
+        hrefFunc?: Function | 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/menu.d.ts

@@ -1,4 +1,4 @@
-export declare function showMenu(around: DOMRect | DOMPoint, operations: any): void;
-export declare function hideWholeContextMenu(): void;
-export declare function showFloatingToolbar(around: DOMRect | DOMPoint, toolbar: any, props?: {}): void;
-export declare function showGridMenu(around: DOMRect | DOMPoint, operations: any): void;
+export declare function showMenu(around: DOMRect | DOMPoint, operations: any): void;
+export declare function hideWholeContextMenu(): void;
+export declare function showFloatingToolbar(around: DOMRect | DOMPoint, toolbar: any, props?: {}): void;
+export declare function showGridMenu(around: DOMRect | DOMPoint, operations: any): void;