@dosgato/dialog 0.0.78 → 0.0.80

package/dist/Dialog.svelte

@@ -117,7 +117,7 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     min-height: 5em;
     overflow: auto;
     background-color: var(--dg-dialog-content-bg, #f4f4f4);
-    max-height: calc(100vh - 7em);
+    max-height: calc(100vh - 7.5em);
   }
 
   section.tiny .dialog-content, section.small .dialog-content {

package/dist/FieldChoices.svelte

@@ -5,7 +5,7 @@
   The value of the field will be an array corresponding to the values of the checkboxes that are checked.
 -->
 <script>import { getContext, onMount } from 'svelte';
-import { Field, FORM_CONTEXT } from '@txstate-mws/svelte-forms';
+import { Field, FORM_CONTEXT, arraySerialize } from '@txstate-mws/svelte-forms';
 import { derivedStore } from '@txstate-mws/svelte-store';
 import { randomid } from 'txstate-utils';
 import Container from './Container.svelte';
@@ -63,7 +63,7 @@ $: reactToChoices(choices);
 onMount(reactToChoices);
 </script>
 
-<Field {path} {defaultValue} {conditional} let:path let:value let:onBlur let:setVal let:messages let:valid let:invalid>
+<Field {path} {defaultValue} {conditional} let:path let:value let:onBlur let:setVal let:messages let:valid let:invalid serialize={arraySerialize}>
   {@const _ = updateValue(value, setVal)}
   <Container {id} {label} {messages} {descid} {related} {helptext} let:messagesid let:helptextid>
     <div class="dialog-choices {className}" class:valid class:invalid>

package/dist/FieldDualListbox.svelte

@@ -1,6 +1,7 @@
 <script>import menuRight from '@iconify-icons/mdi/menu-right.js';
 import menuLeft from '@iconify-icons/mdi/menu-left.js';
 import { ScreenReaderOnly, modifierKey } from '@txstate-mws/svelte-components';
+import { arraySerialize } from '@txstate-mws/svelte-forms';
 import { randomid } from 'txstate-utils';
 import FieldStandard from './FieldStandard.svelte';
 import Icon from './Icon.svelte';
@@ -83,7 +84,7 @@ function onkeydown(value, setVal) {
 }
 </script>
 
-<FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {descid} {related} {helptext} let:value let:valid let:invalid let:id let:onBlur let:setVal let:helptextid let:messagesid>
+<FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {descid} {related} {helptext} let:value let:valid let:invalid let:id let:onBlur let:setVal let:helptextid let:messagesid serialize={arraySerialize}>
   <div {id} role="group" class="dual-list-container" on:keydown={onkeydown(value, setVal)}>
     <ScreenReaderOnly>
       <span aria-live="polite">{instructions}</span>

package/dist/FieldMultiselect.svelte

@@ -7,6 +7,7 @@
   debounced callback on the contents of the text input.
 -->
 <script>import { MultiSelect } from '@txstate-mws/svelte-components';
+import { arraySerialize } from '@txstate-mws/svelte-forms';
 import { Store } from '@txstate-mws/svelte-store';
 import { onMount } from 'svelte';
 import { isNotBlank } from 'txstate-utils';
@@ -68,7 +69,7 @@ async function reactToValue(value) {
 
 <div bind:this={inputelement}></div>
 {#if hasInit}
-  <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} let:value let:valid let:invalid let:id let:onBlur let:setVal let:messagesid let:helptextid>
+  <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} let:value let:valid let:invalid let:id let:onBlur let:setVal let:messagesid let:helptextid serialize={arraySerialize}>
     {@const _ = reactToValue(value)}
     <div class:valid class:invalid>
       <MultiSelect {id} name={path} descid={getDescribedBy([messagesid, helptextid, extradescid])}

package/dist/FieldStandard.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
         boolean?: boolean | undefined;
         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 need to do some processing just before submit or validate define that processing here. */ finalize?: ((value: any, isSubmit: boolean) => 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;

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.78",
+  "version": "0.0.80",
   "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.7",
+    "@txstate-mws/svelte-forms": "^1.3.15",
     "codemirror": "^6.0.1",
     "txstate-utils": "^1.8.0"
   },