@dosgato/dialog 1.2.8 → 1.3.1

package/dist/FieldNumber.svelte

@@ -1,22 +1,23 @@
-<script>import FieldStandard from './FieldStandard.svelte';
-import Input from './Input.svelte';
-import { numberDeserialize, numberNullableDeserialize, numberSerialize } from '@txstate-mws/svelte-forms';
-let className = '';
-export { className as class };
-export let id = undefined;
-export let path;
-export let label = '';
-export let defaultValue = undefined;
-export let nullable = false;
-export let min = undefined;
-export let max = undefined;
-export let step = undefined;
-export let conditional = undefined;
-export let required = false;
-export let inputelement = undefined;
-export let related = 0;
-export let extradescid = undefined;
-export let helptext = undefined;
+<script lang="ts">
+  import FieldStandard from './FieldStandard.svelte'
+  import Input from './Input.svelte'
+  import { numberDeserialize, numberNullableDeserialize, numberSerialize } from '@txstate-mws/svelte-forms'
+  let className = ''
+  export { className as class }
+  export let id: string | undefined = undefined
+  export let path: string
+  export let label: string = ''
+  export let defaultValue: number | undefined = undefined
+  export let nullable = false
+  export let min: number | undefined = undefined
+  export let max: number | undefined = undefined
+  export let step: number | undefined = undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let inputelement: HTMLInputElement = undefined as any
+  export let related: true | number = 0
+  export let extradescid: string | undefined = undefined
+  export let helptext: string | undefined = undefined
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} serialize={numberSerialize} deserialize={nullable ? numberNullableDeserialize : numberDeserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:helptextid>

package/dist/FieldRadio.svelte

@@ -1,46 +1,47 @@
-<script>import { FORM_CONTEXT, FORM_INHERITED_PATH, Field } from '@txstate-mws/svelte-forms';
-import { getContext, onMount } from 'svelte';
-import { equal, get, isNotBlank } from 'txstate-utils';
-import Switcher from './Switcher.svelte';
-let className = '';
-export { className as class };
-export let id = undefined;
-export let path;
-export let label = '';
-export let notNull = false;
-export let choices;
-export let defaultValue = notNull ? choices[0].value : undefined;
-export let conditional = undefined;
-export let required = false;
-export let horizontal = false;
-export let related = 0;
-export let extradescid = undefined;
-export let helptext = undefined;
-export let number = false;
-export let date = false;
-export let datetime = false;
-export let boolean = false;
-export let serialize = undefined;
-export let deserialize = undefined;
-const store = getContext(FORM_CONTEXT);
-const inheritedPath = getContext(FORM_INHERITED_PATH);
-const finalPath = [inheritedPath, path].filter(isNotBlank).join('.');
-let finalDeserialize;
-function updateDeserialize(fDes) {
-    finalDeserialize = fDes;
-}
-async function reactToChoices(..._) {
-    if (!finalDeserialize)
-        return;
+<script lang="ts">
+  import { FORM_CONTEXT, FORM_INHERITED_PATH, Field, type FormStore } from '@txstate-mws/svelte-forms'
+  import { getContext, onMount } from 'svelte'
+  import { equal, get, isNotBlank } from 'txstate-utils'
+  import Switcher from './Switcher.svelte'
+  let className = ''
+  export { className as class }
+  export let id: string | undefined = undefined
+  export let path: string
+  export let label: string = ''
+  export let notNull = false
+  export let choices: { label?: string, value: any, disabled?: boolean }[]
+  export let defaultValue: any = notNull ? choices[0].value : undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let horizontal = false
+  export let related: true | number = 0
+  export let extradescid: string | undefined = undefined
+  export let helptext: string | undefined = undefined
+  export let number = false
+  export let date = false
+  export let datetime = false
+  export let boolean = false
+  export let serialize: ((value: any) => string) | undefined = undefined
+  export let deserialize: ((value: string) => any) | undefined = undefined
+
+  const store = getContext<FormStore>(FORM_CONTEXT)
+  const inheritedPath = getContext<string>(FORM_INHERITED_PATH)
+  const finalPath = [inheritedPath, path].filter(isNotBlank).join('.')
+
+  let finalDeserialize: (value: string) => any
+  function updateDeserialize (fDes: any) {
+    finalDeserialize = fDes
+  }
+  async function reactToChoices (..._: any[]) {
+    if (!finalDeserialize) return
     if (!choices.length) {
-        return await store.setField(finalPath, finalDeserialize(''));
+      return await store.setField(finalPath, finalDeserialize(''))
     }
-    const val = get($store.data, finalPath);
-    if (!choices.some(o => equal(o.value, val)))
-        await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''));
-}
-$: reactToChoices(choices).catch(console.error);
-onMount(reactToChoices);
+    const val = get($store.data, finalPath)
+    if (!choices.some(o => equal(o.value, val))) await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''))
+  }
+  $: reactToChoices(choices).catch(console.error)
+  onMount(reactToChoices)
 </script>
 
 <Field {path} {defaultValue} {conditional} {notNull} {number} {date} {datetime} {boolean} {serialize} {deserialize} let:value let:valid let:invalid let:onBlur let:onChange let:messages let:serialize let:deserialize>

package/dist/FieldSelect.svelte

@@ -1,49 +1,50 @@
-<script>import { FORM_CONTEXT, FORM_INHERITED_PATH } from '@txstate-mws/svelte-forms';
-import { getContext, onMount } from 'svelte';
-import { isNotBlank, get, equal } from 'txstate-utils';
-import { getDescribedBy } from './';
-import FieldStandard from './FieldStandard.svelte';
-let className = '';
-export { className as class };
-export let id = undefined;
-export let path;
-export let label = '';
-export let placeholder = 'Select' + (label ? ' ' + label : '');
-export let notNull = false;
-export let disabled = false;
-export let choices;
-export let defaultValue = notNull ? choices[0]?.value : undefined;
-export let conditional = undefined;
-export let required = false;
-export let inputelement = undefined;
-export let related = 0;
-export let extradescid = undefined;
-export let helptext = undefined;
-export let number = false;
-export let date = false;
-export let datetime = false;
-export let boolean = false;
-export let serialize = undefined;
-export let deserialize = undefined;
-const store = getContext(FORM_CONTEXT);
-const inheritedPath = getContext(FORM_INHERITED_PATH);
-const finalPath = [inheritedPath, path].filter(isNotBlank).join('.');
-let finalDeserialize;
-function updateDeserialize(fDes) {
-    finalDeserialize = fDes;
-}
-async function reactToChoices(..._) {
-    if (!finalDeserialize)
-        return;
+<script lang="ts">
+  import { type FormStore, FORM_CONTEXT, FORM_INHERITED_PATH } from '@txstate-mws/svelte-forms'
+  import { getContext, onMount } from 'svelte'
+  import { isNotBlank, get, equal } from 'txstate-utils'
+  import { getDescribedBy } from './'
+  import FieldStandard from './FieldStandard.svelte'
+  let className = ''
+  export { className as class }
+  export let id: string | undefined = undefined
+  export let path: string
+  export let label: string = ''
+  export let placeholder: string = 'Select' + (label ? ' ' + label : '')
+  export let notNull = false
+  export let disabled = false
+  export let choices: { label?: string, value: any, disabled?: boolean }[]
+  export let defaultValue: any = notNull ? choices[0]?.value : undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let inputelement: HTMLSelectElement = undefined as any
+  export let related: true | number = 0
+  export let extradescid: string | undefined = undefined
+  export let helptext: string | undefined = undefined
+  export let number = false
+  export let date = false
+  export let datetime = false
+  export let boolean = false
+  export let serialize: ((value: any) => string) | undefined = undefined
+  export let deserialize: ((value: string) => any) | undefined = undefined
+
+  const store = getContext<FormStore>(FORM_CONTEXT)
+  const inheritedPath = getContext<string>(FORM_INHERITED_PATH)
+  const finalPath = [inheritedPath, path].filter(isNotBlank).join('.')
+
+  let finalDeserialize: (value: string) => any
+  function updateDeserialize (fDes: any) {
+    finalDeserialize = fDes
+  }
+  async function reactToChoices (..._: any[]) {
+    if (!finalDeserialize) return
     if (!choices.length) {
-        return await store.setField(finalPath, finalDeserialize(''));
+      return await store.setField(finalPath, finalDeserialize(''))
     }
-    const val = get($store.data, finalPath);
-    if (!choices.some(o => equal(o.value, val)))
-        await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''));
-}
-$: reactToChoices(choices).catch(console.error);
-onMount(reactToChoices);
+    const val = get($store.data, finalPath)
+    if (!choices.some(o => equal(o.value, val))) await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''))
+  }
+  $: reactToChoices(choices).catch(console.error)
+  onMount(reactToChoices)
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} {notNull} {number} {date} {datetime} {boolean} {serialize} {deserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid let:helptextid let:serialize let:deserialize>
@@ -61,5 +62,4 @@ onMount(reactToChoices);
   select {
     color: black;
   }
-
 </style>

package/dist/FieldStandard.svelte

@@ -6,33 +6,34 @@
   by encapsulating them in a [`<Container>`](https://github.com/txstate-etc/dosgato-dialog/blob/main/src/lib/Container.svelte)
   setup to work in conjuction with the parent `<Field>` tag.
 -->
-<script>import { Field } from '@txstate-mws/svelte-forms';
-import { randomid } from 'txstate-utils';
-import Container from './Container.svelte';
-/** If the input that's being built has an id pass it here so the label can point at it. */
-export let id = randomid();
-/** If `descid` is defined then this assumes you've made an outside label referenced to by descid `<div id={descid}`.
-Useful for things like checkboxes and radio buttons that have their own individual labels. */
-export let descid = undefined;
-export let path;
-export let defaultValue = undefined;
-/** A label for the Container `<div>`. */
-export let label;
-export let notNull = false;
-export let number = false;
-export let date = false;
-export let datetime = false;
-export let boolean = false;
-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 lang="ts">
+  import { Field } from '@txstate-mws/svelte-forms'
+  import { randomid } from 'txstate-utils'
+  import Container from './Container.svelte'
+  /** If the input that's being built has an id pass it here so the label can point at it. */
+  export let id = randomid()
+  /** If `descid` is defined then this assumes you've made an outside label referenced to by descid `<div id={descid}`.
+  Useful for things like checkboxes and radio buttons that have their own individual labels. */
+  export let descid: string | undefined = undefined
+  export let path: string
+  export let defaultValue: any = undefined
+  /** A label for the Container `<div>`. */
+  export let label: string
+  export let notNull = false
+  export let number = false
+  export let date = false
+  export let datetime = false
+  export let boolean = false
+  export let serialize: ((value: any) => string) | undefined = undefined
+  export let deserialize: ((value: string) => any) | undefined = undefined
+  /** If you need to do some processing just before submit or validate define that processing here. */
+  export let finalize: ((value: any, isSubmit: boolean) => any) | undefined = undefined
+  /** If you specified a finalize, you probably need an initialize to invert it. */
+  export let initialize: ((value: any) => any) | undefined = undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let related: true | number = 0
+  export let helptext: string | undefined = undefined
 </script>
 
 <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>

package/dist/FieldText.svelte

@@ -1,27 +1,30 @@
-<script>import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms';
-import FieldStandard from './FieldStandard.svelte';
-import Input from './Input.svelte';
-import MaxLength from './MaxLength.svelte';
-import { isNotNull } from 'txstate-utils';
-let className = '';
-export { className as class };
-export let id = undefined;
-export let path;
-export let label = '';
-export let placeholder = undefined;
-export let notNull = false;
-export let defaultValue = notNull ? '' : undefined;
-export let type = 'text';
-export let allowlastpass = false;
-export let maxlength = undefined;
-export let conditional = undefined;
-export let required = false;
-export let use = [];
-export let inputelement = undefined;
-export let related = 0;
-export let autocomplete = 'off';
-export let extradescid = undefined;
-export let helptext = undefined;
+<script lang="ts">
+  import type { HTMLActionEntry } from '@txstate-mws/svelte-components'
+  import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms'
+  import FieldStandard from './FieldStandard.svelte'
+  import Input from './Input.svelte'
+  import MaxLength from './MaxLength.svelte'
+  import { isNotNull } from 'txstate-utils'
+
+  let className = ''
+  export { className as class }
+  export let id: string | undefined = undefined
+  export let path: string
+  export let label: string = ''
+  export let placeholder: string | undefined = undefined
+  export let notNull = false
+  export let defaultValue: any = notNull ? '' : undefined
+  export let type: string = 'text'
+  export let allowlastpass = false
+  export let maxlength: number | undefined = undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let use: HTMLActionEntry[] = []
+  export let inputelement: HTMLInputElement = undefined as any
+  export let related: true | number = 0
+  export let autocomplete = 'off'
+  export let extradescid: string | undefined = undefined
+  export let helptext: string | undefined = undefined
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} serialize={!notNull ? nullableSerialize : undefined} deserialize={!notNull ? nullableDeserialize : undefined} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid let:helptextid>

package/dist/FieldTextArea.svelte

@@ -1,26 +1,27 @@
-<script>import { getDescribedBy } from './';
-import { passActions } from '@txstate-mws/svelte-components';
-import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms';
-import FieldStandard from './FieldStandard.svelte';
-import MaxLength from './MaxLength.svelte';
-import { isNotNull } from 'txstate-utils';
-let className = '';
-export { className as class };
-export let id = undefined;
-export let path;
-export let label = '';
-export let placeholder = undefined;
-export let notNull = false;
-export let defaultValue = notNull ? '' : undefined;
-export let maxlength = undefined;
-export let rows = undefined;
-export let conditional = undefined;
-export let required = false;
-export let use = [];
-export let inputelement = undefined;
-export let related = 0;
-export let extradescid = undefined;
-export let helptext = undefined;
+<script lang="ts">
+  import { getDescribedBy } from './'
+  import { type HTMLActionEntry, passActions } from '@txstate-mws/svelte-components'
+  import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms'
+  import FieldStandard from './FieldStandard.svelte'
+  import MaxLength from './MaxLength.svelte'
+  import { isNotNull } from 'txstate-utils'
+  let className = ''
+  export { className as class }
+  export let id: string | undefined = undefined
+  export let path: string
+  export let label: string = ''
+  export let placeholder: string | undefined = undefined
+  export let notNull = false
+  export let defaultValue: any = notNull ? '' : undefined
+  export let maxlength: number | undefined = undefined
+  export let rows: number | undefined = undefined
+  export let conditional: boolean | undefined = undefined
+  export let required = false
+  export let use: HTMLActionEntry[] = []
+  export let inputelement: HTMLTextAreaElement = undefined as any
+  export let related: true | number = 0
+  export let extradescid: string | undefined = undefined
+  export let helptext: string | undefined = undefined
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} {related} {helptext} serialize={!notNull ? nullableSerialize : undefined} deserialize={!notNull ? nullableDeserialize : undefined} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid let:helptextid>
@@ -34,5 +35,4 @@ export let helptext = undefined;
   textarea {
     resize: vertical;
   }
-
 </style>

package/dist/FileIcon.svelte

@@ -1,11 +1,13 @@
-<script>import Icon from './Icon.svelte';
-import { iconForMime } from './fileIcons';
-export let mime;
-export let hiddenLabel = undefined;
-export let inline = false;
-export let width = '1em';
-export let height = width;
-$: icon = iconForMime(mime);
+<script lang="ts">
+  import Icon from './Icon.svelte'
+  import { iconForMime } from './fileIcons'
+  export let mime: string
+  export let hiddenLabel: string | undefined = undefined
+  export let inline: boolean = false
+  export let width: string | number = '1em'
+  export let height: string | number = width
+
+  $: icon = iconForMime(mime)
 </script>
 
 <Icon {icon} {hiddenLabel} {inline} {width} {height} />

package/dist/Form.svelte

@@ -1,22 +1,45 @@
-<script>import { Form } from '@txstate-mws/svelte-forms';
-import { setContext } from 'svelte';
-import { CHOOSER_API_CONTEXT, messageIcons, TAG_API_CONTEXT } from './';
-import Icon from './Icon.svelte';
-let className = '';
-export { className as class };
-export let submit = undefined;
-export let validate = undefined;
-export let store = undefined;
-export let chooserClient = undefined;
-export let tagClient = undefined;
-export let autocomplete = undefined;
-export let name = undefined;
-export let preload = undefined;
-setContext(CHOOSER_API_CONTEXT, chooserClient);
-setContext(TAG_API_CONTEXT, tagClient);
+<script lang="ts" generics="T = Record<string, any>, F = any">
+  import { Form, type FormStore, type Feedback } from '@txstate-mws/svelte-forms'
+  import { setContext, type ComponentProps } from 'svelte'
+  import { CHOOSER_API_CONTEXT, type Client, messageIcons, TAG_API_CONTEXT, type TagClient } from './'
+  import Icon from './Icon.svelte'
+
+  interface $$Slots {
+    default: {
+      messages: Feedback[]
+      allMessages: Feedback[]
+      saved: boolean
+      validating: boolean
+      submitting: boolean
+      valid: boolean
+      invalid: boolean
+      showingInlineErrors: boolean
+      data: Partial<T>
+    }
+    submit: {
+      saved: boolean
+      validating: boolean
+      submitting: boolean
+      allMessages: Feedback[]
+      valid: boolean
+      invalid: boolean
+      showingInlineErrors: boolean
+    }
+  }
+  interface $$Props extends ComponentProps<Form<T>> {
+    tagClient?: TagClient
+    chooserClient?: Client<F>
+  }
+
+  export let store: FormStore<T> = undefined as any
+  export let chooserClient: Client<F> | undefined = undefined
+  export let tagClient: TagClient | undefined = undefined
+
+  setContext(CHOOSER_API_CONTEXT, chooserClient)
+  setContext(TAG_API_CONTEXT, tagClient)
 </script>
 
-<Form bind:store class="{className} dialog-form" {submit} {validate} on:saved {autocomplete} {name} {preload} let:messages let:allMessages let:showingInlineErrors let:saved let:valid let:invalid let:validating let:submitting let:data>
+<Form bind:store {...$$restProps} class="{$$restProps.class} dialog-form" on:saved on:validationfail on:autosaved let:messages let:allMessages let:showingInlineErrors let:saved let:valid let:invalid let:validating let:submitting let:data>
   <slot {messages} {saved} {validating} {submitting} {valid} {invalid} {data} {allMessages} {showingInlineErrors} />
   {@const errorMessages = messages.filter(m => m.type === 'error' || m.type === 'system')}
   {@const warningMessages = messages.filter(m => m.type === 'warning')}
@@ -86,5 +109,4 @@ setContext(TAG_API_CONTEXT, tagClient);
     background-color: var(--dg-success-bg, #218739);
     color: var(--dg-success-text, white);
   }
-
 </style>

package/dist/Form.svelte.d.ts

@@ -1,20 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
-import { type FormStore, type Feedback, type SubmitResponse } from '@txstate-mws/svelte-forms';
+import { type FormStore, type Feedback } from '@txstate-mws/svelte-forms';
 import { type Client, type TagClient } from './';
-declare class __sveltets_Render<T extends Record<string, any>, F extends any> {
-    props(): {
-        class?: string;
-        submit?: ((state: T) => Promise<SubmitResponse<T>>) | undefined;
+declare class __sveltets_Render<T = Record<string, any>, F = any> {
+    props(): import("svelte/elements").HTMLFormAttributes & {
+        submit?: ((state: T) => Promise<import("@txstate-mws/svelte-forms").SubmitResponse<T>>) | undefined;
         validate?: ((state: T) => Promise<Feedback[]>) | undefined;
+        autoSave?: boolean;
+        preload?: T | undefined;
         store?: FormStore<T> | undefined;
+        formelement?: HTMLFormElement;
+    } & {
+        tagClient?: TagClient;
         chooserClient?: Client<F> | undefined;
-        tagClient?: TagClient | undefined;
-        autocomplete?: string | undefined;
-        name?: string | undefined;
-        preload?: T | undefined;
     };
     events(): {
         saved: any;
+        validationfail: any;
+        autosaved: any;
     } & {
         [evt: string]: CustomEvent<any>;
     };
@@ -41,9 +43,9 @@ declare class __sveltets_Render<T extends Record<string, any>, F extends any> {
         };
     };
 }
-export type FormProps<T extends Record<string, any>, F extends any> = ReturnType<__sveltets_Render<T, F>['props']>;
-export type FormEvents<T extends Record<string, any>, F extends any> = ReturnType<__sveltets_Render<T, F>['events']>;
-export type FormSlots<T extends Record<string, any>, F extends any> = ReturnType<__sveltets_Render<T, F>['slots']>;
-export default class Form<T extends Record<string, any>, F extends any> extends SvelteComponentTyped<FormProps<T, F>, FormEvents<T, F>, FormSlots<T, F>> {
+export type FormProps<T = Record<string, any>, F = any> = ReturnType<__sveltets_Render<T, F>['props']>;
+export type FormEvents<T = Record<string, any>, F = any> = ReturnType<__sveltets_Render<T, F>['events']>;
+export type FormSlots<T = Record<string, any>, F = any> = ReturnType<__sveltets_Render<T, F>['slots']>;
+export default class Form<T = Record<string, any>, F = any> extends SvelteComponentTyped<FormProps<T, F>, FormEvents<T, F>, FormSlots<T, F>> {
 }
 export {};