@dosgato/dialog 0.0.76 → 0.0.78

package/dist/FieldChoices.svelte

@@ -57,7 +57,7 @@ function reactToChoices(..._) {
     const choiceSet = new Set(choices?.map(c => c.value));
     const filtered = val?.filter(v => choiceSet.has(v));
     if (filtered?.length !== val?.length)
-        stVal(filtered);
+        stVal(filtered, true);
 }
 $: reactToChoices(choices);
 onMount(reactToChoices);

package/dist/FieldRadio.svelte

@@ -31,11 +31,11 @@ function reactToChoices(..._) {
     if (!stVal)
         return;
     if (!choices.length) {
-        stVal(finalDeserialize(''));
+        stVal(finalDeserialize(''), true);
         return;
     }
     if (!choices.some(o => o.value === finalDeserialize(val)))
-        stVal(notNull ? defaultValue : finalDeserialize(''));
+        stVal(notNull ? defaultValue : finalDeserialize(''), true);
 }
 $: reactToChoices(choices);
 onMount(reactToChoices);

package/dist/FieldSelect.svelte

@@ -33,11 +33,11 @@ function reactToChoices(..._) {
     if (!stVal)
         return;
     if (!choices.length) {
-        stVal(finalDeserialize(''));
+        stVal(finalDeserialize(''), true);
         return;
     }
     if (!choices.some(o => o.value === finalDeserialize(val)))
-        stVal(notNull ? defaultValue : finalDeserialize(''));
+        stVal(notNull ? defaultValue : finalDeserialize(''), true);
 }
 $: reactToChoices(choices);
 onMount(reactToChoices);

package/dist/FieldStandard.svelte

@@ -27,13 +27,15 @@ export let serialize = undefined;
 export let deserialize = undefined;
 /** If you need to do some processing just before submit or validate define that processing here. */
 export let finalize = undefined;
+/** If you specified a finalize, you probably need an initialize to invert it. */
+export let initialize = undefined;
 export let conditional = undefined;
 export let required = false;
 export let related = 0;
 export let helptext = undefined;
 </script>
 
-<Field {path} {defaultValue} {conditional} {notNull} {number} {date} {datetime} {boolean} {serialize} {deserialize} {finalize} let:path let:value let:onBlur let:onChange let:setVal let:messages let:valid let:invalid let:serialize let:deserialize>
+<Field {path} {defaultValue} {conditional} {notNull} {number} {date} {datetime} {boolean} {serialize} {deserialize} {initialize} {finalize} 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} {related} {helptext} let:messagesid let:helptextid>
     <slot {id} {path} {value} {onBlur} {onChange} {setVal} {valid} {invalid} {messagesid} {helptextid} {serialize} {deserialize} />
   </Container>

package/dist/FieldStandard.svelte.d.ts

@@ -15,6 +15,7 @@ declare const __propDef: {
         serialize?: ((value: any) => string) | undefined;
         deserialize?: ((value: string) => any) | undefined;
         /** If you need to do some processing just before submit or validate define that processing here. */ finalize?: ((value: any) => any) | undefined;
+        /** If you specified a finalize, you probably need an initialize to invert it. */ initialize?: ((value: any) => any) | undefined;
         conditional?: boolean | undefined;
         required?: boolean | undefined;
         related?: number | true | undefined;
@@ -30,7 +31,7 @@ declare const __propDef: {
             value: any;
             onBlur: () => void;
             onChange: (e?: any) => void;
-            setVal: (val: string | number | boolean | object | Date | undefined) => void;
+            setVal: (val: string | number | boolean | object | Date | undefined, notDirty?: boolean | undefined) => void;
             valid: boolean;
             invalid: boolean;
             messagesid: any;

package/dist/colorpicker/FieldColorPicker.svelte

@@ -24,9 +24,9 @@ function reactToOptions(..._) {
     if (!stVal)
         return;
     if (!options.length)
-        stVal(addAllOption ? 'alternating' : undefined);
+        stVal(addAllOption ? 'alternating' : undefined, true);
     if (val !== 'alternating' && !options.some(o => o.value === val))
-        stVal(notNull ? options[0].value : (addAllOption ? 'alternating' : undefined));
+        stVal(notNull ? options[0].value : (addAllOption ? 'alternating' : undefined), true);
 }
 $: reactToOptions(options);
 onMount(reactToOptions);

package/dist/iconpicker/FieldIconPicker.svelte

@@ -104,7 +104,7 @@ function onKeyDown(e) {
 </script>
 
 <FieldStandard bind:id {path} {descid} {label} {required} {defaultValue} {conditional} {helptext} let:value let:valid let:invalid let:id let:onBlur let:setVal let:messagesid let:helptextid>
-  <Icon icon={`${value.prefix === 'fab' ? 'fa-brands' : 'fa-solid'}:${value.icon.slice(3)}`}/>
+  <Icon icon={`${value.prefix === 'fab' ? 'fa-brands' : 'fa-solid'}:${value.icon?.slice(3) ?? 'graduation-cap'}`}/>
   <button type="button" id="btnSelectIcon" on:click={() => { modalOpen = true }} aria-describedby={getDescribedBy([descid, messagesid, helptextid])}>Select New Icon</button>
   {#if modalOpen}
   <Modal>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",
@@ -27,7 +27,7 @@
     "@iconify-icons/mdi": "^1.2.22",
     "@iconify-icons/ph": "^1.2.2",
     "@txstate-mws/svelte-components": "^1.5.3",
-    "@txstate-mws/svelte-forms": "^1.3.6",
+    "@txstate-mws/svelte-forms": "^1.3.7",
     "codemirror": "^6.0.1",
     "txstate-utils": "^1.8.0"
   },
@@ -44,7 +44,7 @@
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
-    "svelte": "^3.53.1"
+    "svelte": "^3.53.1 || ^4.0.0"
   },
   "files": ["dist"],
   "type": "module"