@humandialog/forms.svelte 0.5.24 → 0.6.1

package/components/combo/combo.svelte

@@ -93,8 +93,6 @@ function setup(...args) {
       typename = s2[1];
     }
   }
-  if (!label)
-    label = a;
   tick_request_internal = tick_request_internal + 1;
   if (is_compact) {
     can_be_activated = false;
@@ -549,7 +547,7 @@ function on_focus_out(e) {
 <div class="{cs} max-w-full inline-block"
     on:focusout={on_focus_out}
     bind:this={root_element}>
-    {#if !is_compact}
+    {#if !is_compact && label.length > 0}
         <label for="name" class="block {label_mb} text-xs font-small text-stone-900 dark:text-white">{label}</label>
     {/if}
     <!-- svelte-ignore a11y-click-events-have-key-events -->

package/components/date.svelte

@@ -47,14 +47,20 @@ switch (s) {
     input_pt = "pt-2.5";
     input_pb = "pb-2.5";
     font_size = "text-lg sm:text-sm";
-    line_h = "h-7 sm:h-5";
+    if (!is_compact)
+      line_h = "h-12 sm:h-10";
+    else
+      line_h = "h-7 sm:h-5";
     chevron_mt = "mt-2 sm:mt-1";
     break;
   case "xs":
     input_pt = "pt-0.5";
     input_pb = "pb-0.5";
     font_size = "text-base sm:text-xs";
-    line_h = "h-6 sm:h-4";
+    if (!is_compact)
+      line_h = "h-7 sm:h-7";
+    else
+      line_h = "h-6 sm:h-6";
     chevron_mt = "mt-1.5 sm:mt-0.5";
     break;
 }
@@ -78,8 +84,11 @@ let can_be_activated = true;
 let last_tick = -1;
 $:
   setup($data_tick_store, $contextItemsStore);
+export function refresh() {
+  setup();
+}
 function setup(...args) {
-  last_tick = data_tick_store;
+  last_tick = $data_tick_store;
   if (!date) {
     item = self ?? $contextItemsStore[ctx];
     if (!typename)
@@ -320,7 +329,7 @@ function blur(e) {
                 bind:this={input_element}
         />
     {:else}
-        <input  class=" dark:text-white {cs} {style}  {line_h} px-2.5 {background_class} {user_class}" 
+        <input  class=" dark:text-white {cs} {style}  {line_h} px-2.5 {user_class}" 
                 type="date" 
                 on:change={on_changed}
                 bind:value={rValue}

package/components/date.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         inContext?: string | undefined;
         pushChangesImmediately?: boolean | undefined;
         show?: ((event: any, hide_callback: any) => void) | undefined;
+        refresh?: (() => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -27,5 +28,6 @@ export type DateEvents = typeof __propDef.events;
 export type DateSlots = typeof __propDef.slots;
 export default class Date extends SvelteComponentTyped<DateProps, DateEvents, DateSlots> {
     get show(): (event: any, hide_callback: any) => void;
+    get refresh(): () => void;
 }
 export {};

package/modal.svelte

@@ -6,7 +6,8 @@ export let content = "";
 export let icon = void 0;
 export const OK = 0;
 export const OKCancel = 1;
-export const Custom = 2;
+export const Cancel = 2;
+export const Custom = 3;
 export let mode = OKCancel;
 export let okCaption = "OK";
 export let cancelCaption = "Cancel";
@@ -106,6 +107,10 @@ function on_cancel(event) {
                 <button type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white dark:bg-stone-400 px-3 py-2 text-sm font-semibold text-stone-900 shadow-sm  hover:bg-stone-50 sm:mt-0 sm:w-auto"
                         on:click={on_cancel}>
                         {cancelCaption}</button>
+              {:else if mode == Cancel}
+                  <button type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white dark:bg-stone-400 px-3 py-2 text-sm font-semibold text-stone-900 shadow-sm  hover:bg-stone-50 sm:mt-0 sm:w-auto"
+                          on:click={on_cancel}>
+                          {cancelCaption}</button>
             {:else if mode == Custom}
                 <slot name="footer"/>
             {/if}

package/modal.svelte.d.ts

@@ -7,7 +7,8 @@ declare const __propDef: {
         icon?: undefined;
         OK?: 0 | undefined;
         OKCancel?: 1 | undefined;
-        Custom?: 2 | undefined;
+        Cancel?: 2 | undefined;
+        Custom?: 3 | undefined;
         mode?: number | undefined;
         okCaption?: string | undefined;
         cancelCaption?: string | undefined;
@@ -30,7 +31,8 @@ export type ModalSlots = typeof __propDef.slots;
 export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
     get OK(): 0;
     get OKCancel(): 1;
-    get Custom(): 2;
+    get Cancel(): 2;
+    get Custom(): 3;
     get show(): (on_close_callback?: Function | undefined) => void;
     get hide(): () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.5.24",
+  "version": "0.6.1",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -27,9 +27,9 @@
   "type": "module",
   "dependencies": {
     "@humandialog/auth.svelte": "^1.5.5",
-    "flowbite-svelte": "^0.29.13",
+    "flowbite-svelte": "^0.44.4",
     "svelte-icons": "^2.1.0",
-    "svelte-spa-router": "^3.3.0"
+    "svelte-spa-router": "^4.0.1"
   },
   "keywords": [
     "svelte",