@humandialog/forms.svelte 0.5.6 → 0.5.8

package/components/kanban/internal/kanban.props.svelte.d.ts

@@ -1,19 +1,19 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        position: number;
-        item: object;
-        editProperty?: ((field: string) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-    get editProperty(): (field: string) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        position: number;
+        item: object;
+        editProperty?: ((field: string) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+    get editProperty(): (field: string) => void;
+}
+export {};

package/components/kanban/kanban.callbacks.svelte

@@ -6,4 +6,4 @@ let definition = getContext("rKanban-definition");
 definition.onAdd = onAdd;
 definition.onOpen = onOpen;
 definition.getCardOperations = getCardOperations;
-</script>
+</script>

package/components/kanban/kanban.callbacks.svelte.d.ts

@@ -1,18 +1,18 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        onAdd?: Function | undefined;
-        onOpen?: Function | undefined;
-        getCardOperations?: Function | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        onAdd?: Function | undefined;
+        onOpen?: Function | undefined;
+        getCardOperations?: Function | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

package/components/kanban/kanban.column.svelte

@@ -16,5 +16,5 @@ column.finishing = finishing;
 column.operations = operations;
 column.onTitleChanged = onTitleChanged;
 definition.columns.push(column);
-</script>
-
+</script>
+

package/components/kanban/kanban.column.svelte.d.ts

@@ -1,21 +1,21 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        width?: string | undefined;
-        state?: any;
-        finishing?: boolean | undefined;
-        operations?: object[] | undefined;
-        onTitleChanged?: Function | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        width?: string | undefined;
+        state?: any;
+        finishing?: boolean | undefined;
+        operations?: object[] | undefined;
+        onTitleChanged?: Function | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

package/components/kanban/kanban.combo.svelte

@@ -31,6 +31,6 @@ else
   combo_property.position = KanbanCardMiddle;
 definition.properties.push(combo_property);
 setContext("rCombo-definition", combo_property.combo_definition);
-</script>
-
-<slot/>
+</script>
+
+<slot/>

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

@@ -1,24 +1,24 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name?: string | undefined;
-        a?: string | undefined;
-        onSelect?: undefined;
-        association?: boolean | undefined;
-        top?: boolean | undefined;
-        middle?: boolean | undefined;
-        bottom?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name?: string | undefined;
+        a?: string | undefined;
+        onSelect?: undefined;
+        association?: boolean | undefined;
+        top?: boolean | undefined;
+        middle?: boolean | undefined;
+        bottom?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

package/components/kanban/kanban.date.svelte

@@ -27,4 +27,4 @@ else if (bottom)
 else
   date_property.position = KanbanCardMiddle;
 definition.properties.push(date_property);
-</script>
+</script>

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

@@ -1,21 +1,21 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name?: string | undefined;
-        a?: string | undefined;
-        onSelect?: undefined;
-        top?: boolean | undefined;
-        middle?: boolean | undefined;
-        bottom?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name?: string | undefined;
+        a?: string | undefined;
+        onSelect?: undefined;
+        top?: boolean | undefined;
+        middle?: boolean | undefined;
+        bottom?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

package/components/kanban/kanban.source.svelte.d.ts

@@ -1,23 +1,23 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        context?: string | undefined;
-        objects?: object[] | undefined;
-        self?: object | undefined;
-        a?: string | undefined;
-        key?: string | undefined;
-        typename?: string | undefined;
-        stateAttrib?: string | undefined;
-        orderAttrib?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        context?: string | undefined;
+        objects?: object[] | undefined;
+        self?: object | undefined;
+        a?: string | undefined;
+        key?: string | undefined;
+        typename?: string | undefined;
+        stateAttrib?: string | undefined;
+        orderAttrib?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

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

@@ -1,20 +1,20 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name?: string | undefined;
-        a?: string | undefined;
-        top?: boolean | undefined;
-        middle?: boolean | undefined;
-        bottom?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name?: string | undefined;
+        a?: string | undefined;
+        top?: boolean | undefined;
+        middle?: boolean | undefined;
+        bottom?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

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

@@ -1,18 +1,18 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        a: string;
-        onChange?: Function | undefined;
-        readOnly?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type KanbanProps = typeof __propDef.props;
-export type KanbanEvents = typeof __propDef.events;
-export type KanbanSlots = typeof __propDef.slots;
-export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        a: string;
+        onChange?: Function | undefined;
+        readOnly?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KanbanProps = typeof __propDef.props;
+export type KanbanEvents = typeof __propDef.events;
+export type KanbanSlots = typeof __propDef.slots;
+export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEvents, KanbanSlots> {
+}
+export {};

package/components/kanban/kanban.svelte

@@ -150,6 +150,13 @@ afterUpdate(() => {
     }
   }
 });
+export function scrollViewToCard(item) {
+  columns.forEach((c2) => {
+    const card = c2.findCardByItem(item);
+    if (card)
+      card._scrollViewToCard();
+  });
+}
 export function moveUp(item) {
   const columnIdx = getColumnIdx(item);
   let allItems = definition.getItems();
@@ -407,85 +414,85 @@ export function add(item) {
   const fromColumnIdx = getColumnIdx(item);
   columns[fromColumnIdx].add(item);
 }
-</script>
-
-{#key renderToken}
-<slot/> <!-- Launch definition settings -->
-
-{#if title}
-    <p class="hidden sm:block mt-3 ml-3 pb-5 text-lg text-left">{title}</p>
-    <!--hr class="hidden sm:block w-full"-->
-{/if}
-
-<section class="h-full mt-5 flex flex-row no-wrap  sm:justify-center 
-                overflow-x-auto snap-x snap-mandatory sm:snap-none
-                {user_class}">
-    {#each definition.columns as column, idx (column.id)}
-        <Column currentColumnIdx={idx}
-                {onInsert}
-                bind:this={columns[idx]}>
-
-            
-            <svelte:fragment slot="kanbanCardTopProps" let:element>
-                <slot name="kanbanCardTopProps" {element}/>
-            </svelte:fragment>
-        
-            <svelte:fragment slot="kanbanCardMiddleProps" let:element>
-                <slot name="kanbanCardMiddleProps" {element}/>
-            </svelte:fragment>
-        
-            <svelte:fragment slot="kanbanCardBottomProps" let:element>
-                <slot name="kanbanCardBottomProps" {element}/>
-            </svelte:fragment>
-            
-        </Column>
-    {/each}
-</section>
-{/key}
-
-<style>
-    .grid-1
-    {
-        display: grid;
-        grid-template-columns: 100%;
-    }
-
-    .grid-2
-    {
-        display: grid;
-        grid-template-columns: 50% 50%;
-    }
-
-    .grid-3
-    {
-        display: grid;
-        grid-template-columns: 33% 33% 33%;
-    }
-
-    .grid-4
-    {
-        display: grid;
-        grid-template-columns: 25% 25% 25% 25%;
-    }
-    .grid-5
-    {
-        display: grid;
-        grid-template-columns: 20% 20% 20% 20% 20%;
-    }
-    .grid-6
-    {
-        display: grid;
-        grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6;
-    }
-    .grid-7
-    {
-        display: grid;
-        grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;
-    }
-    .grid-8
-    {
-        display: grid;
-        grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
-    }
-
-</style>
+</script>
+
+{#key renderToken}
+<slot/> <!-- Launch definition settings -->
+
+{#if title}
+    <p class="hidden sm:block mt-3 ml-3 pb-5 text-lg text-left">{title}</p>
+    <!--hr class="hidden sm:block w-full"-->
+{/if}
+
+<section class="h-full mt-5 flex flex-row no-wrap  sm:justify-center 
+                overflow-x-auto snap-x snap-mandatory sm:snap-none
+                {user_class}">
+    {#each definition.columns as column, idx (column.id)}
+        <Column currentColumnIdx={idx}
+                {onInsert}
+                bind:this={columns[idx]}>
+
+            
+            <svelte:fragment slot="kanbanCardTopProps" let:element>
+                <slot name="kanbanCardTopProps" {element}/>
+            </svelte:fragment>
+        
+            <svelte:fragment slot="kanbanCardMiddleProps" let:element>
+                <slot name="kanbanCardMiddleProps" {element}/>
+            </svelte:fragment>
+        
+            <svelte:fragment slot="kanbanCardBottomProps" let:element>
+                <slot name="kanbanCardBottomProps" {element}/>
+            </svelte:fragment>
+            
+        </Column>
+    {/each}
+</section>
+{/key}
+
+<style>
+    .grid-1
+    {
+        display: grid;
+        grid-template-columns: 100%;
+    }
+
+    .grid-2
+    {
+        display: grid;
+        grid-template-columns: 50% 50%;
+    }
+
+    .grid-3
+    {
+        display: grid;
+        grid-template-columns: 33% 33% 33%;
+    }
+
+    .grid-4
+    {
+        display: grid;
+        grid-template-columns: 25% 25% 25% 25%;
+    }
+    .grid-5
+    {
+        display: grid;
+        grid-template-columns: 20% 20% 20% 20% 20%;
+    }
+    .grid-6
+    {
+        display: grid;
+        grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6;
+    }
+    .grid-7
+    {
+        display: grid;
+        grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;
+    }
+    .grid-8
+    {
+        display: grid;
+        grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
+    }
+
+</style>