@dosgato/dialog 0.0.24 → 0.0.26

package/FieldRadio.svelte

@@ -22,13 +22,14 @@ const groupid = randomid();
 const width = '100%';
 </script>
 
-<FieldStandard bind:id descid={groupid} {label} {path} {required} {defaultValue} {conditional} {helptext} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:value let:valid let:invalid let:onBlur let:onChange let:helptextid>
+<FieldStandard bind:id descid={groupid} {label} {path} {required} {defaultValue} {conditional} {helptext} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:value let:valid let:invalid let:onBlur let:onChange let:helptextid let:serialize>
   <div class="dialog-radio {className}" class:horizontal role="radiogroup" aria-labelledby={groupid} class:invalid>
     {#each choices as choice, idx}
       {@const radioid = `${path}.${idx}`}
+      {@const serializedValue = serialize(choice.value)}
       <label for={radioid} style:width>
-        <Radio id={radioid} name={path} value={choice.value} selected={value === choice.value} disabled={choice.disabled} {onChange} {onBlur} {helptextid}/>
-        <span>{choice.label || (typeof choice.value === 'string' ? choice.value : '')}</span>
+        <Radio id={radioid} name={path} value={serializedValue} selected={value === serializedValue} disabled={choice.disabled} {onChange} {onBlur} {helptextid}/>
+        <span>{choice.label || serializedValue}</span>
       </label>
     {/each}
   </div>

package/FieldSelect.svelte

@@ -21,11 +21,12 @@ export let serialize = undefined;
 export let deserialize = undefined;
 </script>
 
-<FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {helptext} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid let:helptextid>
+<FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {helptext} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid let:helptextid let:serialize>
   <select bind:this={inputelement} {id} name={path} {disabled} class="dialog-input dialog-select {className}" on:change={onChange} on:blur={onBlur} class:valid class:invalid aria-describedby={getDescribedBy([messagesid, helptextid])}>
     {#if !notNull}<option value="" selected={!value}>{placeholder}</option>{/if}
     {#each choices as choice (choice.value)}
-      <option value={choice.value} disabled={choice.disabled} selected={value === choice.value}>{choice.label || choice.value}</option>
+      {@const serializedValue = serialize(choice.value)}
+      <option value={serializedValue} disabled={choice.disabled} selected={value === serializedValue}>{choice.label || serializedValue}</option>
     {/each}
   </select>
 </FieldStandard>

package/FieldStandard.svelte

@@ -17,8 +17,8 @@ export let required = false;
 export let helptext = undefined;
 </script>
 
-<Field {path} {defaultValue} {conditional} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:path let:value let:onBlur let:onChange let:setVal let:messages let:valid let:invalid>
+<Field {path} {defaultValue} {conditional} {notNull} {number} {date} {datetime} {serialize} {deserialize} let:path let:value let:onBlur let:onChange let:setVal let:messages let:valid let:invalid let:serialize let:deserialize>
   <Container {id} {label} {messages} {descid} {required} {helptext} let:messagesid let:helptextid>
-    <slot {id} {path} {value} {onBlur} {onChange} {setVal} {valid} {invalid} {messagesid} {helptextid}/>
+    <slot {id} {path} {value} {onBlur} {onChange} {setVal} {valid} {invalid} {messagesid} {helptextid} {serialize} {deserialize} />
   </Container>
 </Field>

package/FieldStandard.svelte.d.ts

@@ -31,6 +31,8 @@ declare const __propDef: {
             invalid: boolean;
             messagesid: any;
             helptextid: string;
+            serialize: (value: any) => string;
+            deserialize: (value: string) => any;
         };
     };
 };

package/chooser/ChooserStore.d.ts

@@ -50,6 +50,6 @@ export declare class ChooserStore<F = any> extends Store<IAssetStore> {
     init(options: ChooserStoreOptions<F>): Promise<void>;
     setPreview(item?: AnyItem): void;
     clearPreview(): void;
-    setSource(name: string, init?: boolean): void;
+    setSource(name?: string, init?: boolean): void;
 }
 export {};

package/chooser/ChooserStore.js

@@ -1,6 +1,6 @@
 import { Store, derivedStore } from '@txstate-mws/svelte-store';
 import { tick } from 'svelte';
-import { findIndex } from 'txstate-utils';
+import { findIndex, isBlank } from 'txstate-utils';
 export const CHOOSER_STORE_CONTEXT = {};
 const nofilter = (x) => true;
 export function combinePath(path, name) {
@@ -71,6 +71,7 @@ export class ChooserStore extends Store {
         this.update(v => {
             if (!v.initialized && !init)
                 return v;
+            name ??= [...(v.sources?.page ?? []), ...(v.sources?.asset ?? [])].filter(s => this.options.activeSources ? this.options.activeSources.has(s.name) : true)[0].name;
             const pageSource = v.sources?.page.findIndex(s => s.name === name);
             const assetSource = v.sources?.asset.findIndex(s => s.name === name);
             if (pageSource >= 0)

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "dependencies": {
     "@txstate-mws/svelte-components": "^1.3.5",
-    "@txstate-mws/svelte-forms": "^1.1.2",
+    "@txstate-mws/svelte-forms": "^1.2.0",
     "@iconify/svelte": "^3.0.0",
     "@iconify-icons/mdi": "^1.2.22",
     "@iconify-icons/ph": "^1.2.2",

package/tree/Tree.svelte.d.ts

@@ -31,6 +31,6 @@ export type TreeProps<T extends TreeItemFromDB> = ReturnType<__sveltets_Render<T
 export type TreeEvents<T extends TreeItemFromDB> = ReturnType<__sveltets_Render<T>['events']>;
 export type TreeSlots<T extends TreeItemFromDB> = ReturnType<__sveltets_Render<T>['slots']>;
 export default class Tree<T extends TreeItemFromDB> extends SvelteComponentTyped<TreeProps<T>, TreeEvents<T>, TreeSlots<T>> {
-    get itemType(): TreeItemFromDB;
+    get itemType(): T;
 }
 export {};