@humandialog/forms.svelte 0.4.20 → 0.4.21

package/components/list/List.d.ts

@@ -28,5 +28,6 @@ export declare class rList_definition {
     summary_readonly: boolean;
     can_insert: boolean;
     oninsert: Function | undefined;
+    inserter_icon: boolean;
     properties: rList_property[];
 }

package/components/list/List.js

@@ -34,5 +34,6 @@ export class rList_definition {
     summary_readonly = false;
     can_insert = false;
     oninsert = undefined;
+    inserter_icon = false;
     properties = [];
 }

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

@@ -1,5 +1,8 @@
 <script>import { editable, start_editing } from "../../../utils";
+import Icon from "../../icon.svelte";
+import { FaPlus } from "svelte-icons/fa";
 export let oninsert;
+export let icon = false;
 export function run(onclose) {
   start_editing(insertion_paragraph, onclose);
 }
@@ -7,7 +10,12 @@ let insertion_paragraph;
 </script>
 
 <section    class="flex flex-row my-0  w-full text-sm text-slate-700 dark:text-slate-400 cursor-default rounded-md border-2 border-transparent bg-gray-200 dark:bg-gray-700">
-    <slot name='left'/>
+    {#if icon}
+        <!--Icon   size={3} 
+                component={FaPlus}  
+                class="mt-1.5 ml-2 "/-->
+        <div class="h-4 w-4 mt-1.5 ml-2"></div>
+    {/if}
 
     <p  class="ml-3 py-1 font-bold whitespace-nowrap overflow-clip flex-none w-1/2 sm:w-1/3"
         bind:this={insertion_paragraph}

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

@@ -2,14 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         oninsert: any;
+        icon?: boolean | undefined;
         run?: ((onclose: any) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        left: {};
-    };
+    slots: {};
 };
 export type ListProps = typeof __propDef.props;
 export type ListEvents = typeof __propDef.events;

package/components/list/list.inserter.svelte

@@ -1,6 +1,8 @@
 <script>import { getContext } from "svelte";
 export let action;
+export let icon = false;
 let definition = getContext("rList-definition");
 definition.can_insert = true;
 definition.oninsert = action;
+definition.inserter_icon = icon;
 </script>

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

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         action: Function;
+        icon?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/list/list.svelte

@@ -17,7 +17,7 @@ let definition = new rList_definition();
 setContext("rList-definition", definition);
 setContext("rIs-table-component", true);
 let item = null;
-let items = null;
+let items = void 0;
 let ctx = context ? context : getContext("ctx");
 let cs = c ? parse_width_directive(c) : "w-full min-w-full";
 let show_insertion_row_after_element = null;
@@ -33,11 +33,12 @@ $:
 function setup(...args) {
   last_tick = $data_tick_store;
   item = self ?? $context_items_store[ctx];
+  items = void 0;
   if (objects)
     items = objects;
   else if (item && a)
     items = item[a];
-  else
+  if (items == void 0)
     items = [];
   if (items.length > 0) {
     let first_element = items[0];
@@ -149,6 +150,7 @@ export function edit(element, property_name) {
 
         {#if show_insertion_row_after_element == element}
             <Inserter   oninsert={async (text) => {await insert(text, show_insertion_row_after_element)}}
+                        icon={definition.inserter_icon}
                         bind:this={inserter}    />
         {/if}
     {/each}
@@ -156,6 +158,7 @@ export function edit(element, property_name) {
 
 {#if show_insertion_row_after_element == END_OF_LIST}
     <Inserter   oninsert={async (text) => {await insert(text, null)}}
+                icon={definition.inserter_icon}
                 bind:this={inserter}    />
 {/if}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.4.20",
+  "version": "0.4.21",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -26,7 +26,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@humandialog/auth.svelte": "^1.2.0",
+    "@humandialog/auth.svelte": "^1.2.1",
     "flowbite-svelte": "^0.29.13",
     "svelte-icons": "^2.1.0",
     "svelte-spa-router": "^3.3.0"