@dosgato/dialog 1.1.21 → 1.1.23

package/dist/Button.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 import type { IconifyIcon } from '@iconify/svelte';
 declare const __propDef: {
     props: {
-        type?: "button" | "submit" | undefined;
-        disabled?: boolean | undefined;
-        compact?: boolean | undefined;
-        cancel?: boolean | undefined;
-        destructive?: boolean | undefined;
-        secondary?: boolean | undefined;
+        type?: "button" | "submit";
+        disabled?: boolean;
+        compact?: boolean;
+        cancel?: boolean;
+        destructive?: boolean;
+        secondary?: boolean;
         describedby?: string | undefined;
         element?: HTMLElement | undefined;
         icon?: IconifyIcon | undefined;

package/dist/ButtonGroup.svelte.d.ts

@@ -4,13 +4,13 @@ declare const __propDef: {
     props: {
         name?: string | undefined;
         choices: PopupMenuItem[];
-        value?: string | undefined;
+        value?: string;
         groupid?: string | undefined;
         messagesid?: string | undefined;
         ariaControls?: string | undefined;
-        disabled?: boolean | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
+        disabled?: boolean;
+        valid?: boolean;
+        invalid?: boolean;
     };
     events: {
         blur: FocusEvent;

package/dist/Checkbox.svelte.d.ts

@@ -7,10 +7,10 @@ declare const __propDef: {
         onChange?: any;
         onBlur?: any;
         descid?: string | undefined;
-        disabled?: boolean | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
-        inputelement?: HTMLInputElement | undefined;
+        disabled?: boolean;
+        valid?: boolean;
+        invalid?: boolean;
+        inputelement?: HTMLInputElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/Container.svelte.d.ts

@@ -9,8 +9,8 @@ declare const __propDef: {
         /** 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. */ descid?: string | undefined;
         helptext?: string | undefined;
-        /** Syntactic sugar that toggles a '*' to be appended to label. */ required?: boolean | undefined;
-        related?: number | true | undefined;
+        /** Syntactic sugar that toggles a '*' to be appended to label. */ required?: boolean;
+        related?: true | number;
         conditional?: boolean | undefined;
     };
     events: {
@@ -18,7 +18,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            messagesid: any;
+            messagesid: string | undefined;
             helptextid: string | undefined;
         };
     };

package/dist/Dialog.svelte.d.ts

@@ -13,18 +13,18 @@ import type { IconifyIcon } from '@iconify/svelte';
 declare const __propDef: {
     props: {
         initialfocus?: string | undefined;
-        title?: string | undefined;
+        title?: string;
         icon?: IconifyIcon | undefined;
-        size?: "small" | "normal" | "tiny" | "large" | "xl" | undefined;
+        size?: "tiny" | "small" | "normal" | "large" | "xl";
         cancelText?: string | undefined;
-        continueText?: string | undefined;
+        continueText?: string;
         continueIcon?: IconifyIcon | undefined;
-        escapable?: boolean | undefined;
-        expandable?: boolean | undefined;
-        disabled?: boolean | undefined;
-        ignoreTabs?: boolean | undefined;
-        labelid?: string | undefined;
-        descid?: string | undefined;
+        escapable?: boolean;
+        expandable?: boolean;
+        disabled?: boolean;
+        ignoreTabs?: boolean;
+        labelid?: string;
+        descid?: string;
     };
     events: {
         escape: CustomEvent<any>;

package/dist/FieldAutocomplete.svelte.d.ts

@@ -3,11 +3,11 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        class?: string | undefined;
-        notNull?: boolean | undefined;
-        disabled?: boolean | undefined;
+        label?: string;
+        placeholder?: string;
+        class?: string;
+        notNull?: boolean;
+        disabled?: boolean;
         choices: {
             label?: string;
             value: string;
@@ -15,9 +15,9 @@ declare const __propDef: {
         }[];
         defaultValue?: string | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        inputelement?: HTMLInputElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        inputelement?: HTMLInputElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldCheckbox.svelte.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         boxLabel: string;
         defaultValue?: boolean | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        inputelement?: HTMLInputElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        inputelement?: HTMLInputElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldChoices.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         choices: {
             label?: string;
             value: any;
@@ -12,9 +12,9 @@ declare const __propDef: {
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;
-        maxwidth?: number | undefined;
-        leftToRight?: boolean | undefined;
-        related?: number | true | undefined;
+        maxwidth?: number;
+        leftToRight?: boolean;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldChooserLink.svelte.d.ts

@@ -5,18 +5,18 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         defaultValue?: boolean | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        images?: boolean | undefined;
-        pages?: boolean | undefined;
-        assets?: boolean | undefined;
-        folders?: boolean | undefined;
-        urlEntry?: boolean | undefined;
+        required?: boolean;
+        images?: boolean;
+        pages?: boolean;
+        assets?: boolean;
+        folders?: boolean;
+        urlEntry?: boolean;
         initialSource?: string | undefined;
         initialPath?: string | undefined;
-        related?: number | true | undefined;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
         selectedAsset?: AnyItem | RawURL | BrokenURL | undefined;

package/dist/FieldDate.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         defaultValue?: any;
         min?: Date | {
             toJSDate: () => Date;
@@ -14,9 +14,9 @@ declare const __propDef: {
         } | undefined;
         step?: number | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        inputelement?: HTMLInputElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        inputelement?: HTMLInputElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldDateTime.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         defaultValue?: any;
         min?: Date | {
             toJSDate: () => Date;
@@ -14,11 +14,11 @@ declare const __propDef: {
         } | undefined;
         step?: number | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
-        inputelement?: HTMLInputElement | undefined;
+        inputelement?: HTMLInputElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/FieldDualListbox.svelte.d.ts

@@ -4,15 +4,15 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        sourceLabel?: string | undefined;
-        selectedLabel?: string | undefined;
-        multiselect?: boolean | undefined;
+        label?: string;
+        sourceLabel?: string;
+        selectedLabel?: string;
+        multiselect?: boolean;
         choices: PopupMenuItem[];
-        defaultValue?: string[] | undefined;
+        defaultValue?: string[];
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldHidden.svelte.d.ts

@@ -3,10 +3,10 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         path: string;
-        value?: string | number | boolean | undefined;
-        notNull?: boolean | undefined;
-        boolean?: boolean | undefined;
-        number?: boolean | undefined;
+        value?: string | boolean | number;
+        notNull?: boolean;
+        boolean?: boolean;
+        number?: boolean;
         conditional?: boolean | undefined;
     };
     events: {

package/dist/FieldIdentifier.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         path: string;
         conditional?: boolean | undefined;
-        length?: number | undefined;
+        length?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/FieldMultiple.svelte.d.ts

@@ -5,16 +5,16 @@ declare const __propDef: {
         path: string;
         label: string;
         initialState?: any | ((index: number) => any);
-        minLength?: number | undefined;
+        minLength?: number;
         maxLength?: number | undefined;
-        compact?: boolean | undefined;
-        removable?: boolean | undefined;
-        reorder?: boolean | undefined;
+        compact?: boolean;
+        removable?: boolean;
+        reorder?: boolean;
         conditional?: boolean | undefined;
-        addMoreText?: string | undefined;
-        maxedText?: string | undefined;
+        addMoreText?: string;
+        maxedText?: string;
         addMoreClass?: string | undefined;
-        related?: number | true | undefined;
+        related?: true | number;
         helptext?: string | undefined;
         /**
            * If you want to ask users if they're sure before removing an array element, fill this

package/dist/FieldMultiselect.svelte.d.ts

@@ -9,15 +9,15 @@ declare const __propDef: {
           tracked and automatically filtered from the popup if returned as one of the
           `PopupMenuItem[]` by `getOptions`. */ getOptions: (search: string) => Promise<PopupMenuItem[]>;
         id?: string | undefined;
-        label?: string | undefined;
-        /** Text to display in the text input when it's empty. */ placeholder?: string | undefined;
-        disabled?: boolean | undefined;
-        defaultValue?: string[] | undefined;
+        label?: string;
+        /** Text to display in the text input when it's empty. */ placeholder?: string;
+        disabled?: boolean;
+        defaultValue?: string[];
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        /** Max number of selections to be allowed before disabling the input - 0 for unlimited. */ maxSelections?: number | undefined;
-        lookupByValue?: ((val: string) => Promise<PopupMenuItem | undefined>) | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        /** Max number of selections to be allowed before disabling the input - 0 for unlimited. */ maxSelections?: number;
+        lookupByValue?: (val: string) => Promise<PopupMenuItem | undefined>;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldNumber.svelte.d.ts

@@ -1,19 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
+        label?: string;
         defaultValue?: number | undefined;
-        nullable?: boolean | undefined;
+        nullable?: boolean;
         min?: number | undefined;
         max?: number | undefined;
         step?: number | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        inputelement?: HTMLInputElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        inputelement?: HTMLInputElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldRadio.svelte

@@ -45,5 +45,5 @@ onMount(reactToChoices);
 
 <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>
   {@const _ = updateDeserialize(deserialize)}
-  <Switcher bind:id {path} class={className} name={path} {horizontal} {label} iptValue={value} {valid} {invalid} {required} {related} {extradescid} {helptext} {messages} on:change={onChange} {onBlur} choices={choices.map(c => ({ ...c, value: serialize(c.value) }))} />
+  <Switcher bind:id {path} class={className} name={finalPath} {horizontal} {label} iptValue={value} {valid} {invalid} {required} {related} {extradescid} {helptext} {messages} on:change={onChange} {onBlur} choices={choices.map(c => ({ ...c, value: serialize(c.value) }))} />
 </Field>

package/dist/FieldRadio.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        notNull?: boolean | undefined;
+        label?: string;
+        notNull?: boolean;
         choices: {
             label?: string;
             value: any;
@@ -13,15 +13,15 @@ declare const __propDef: {
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        horizontal?: boolean | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        horizontal?: boolean;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
-        number?: boolean | undefined;
-        date?: boolean | undefined;
-        datetime?: boolean | undefined;
-        boolean?: boolean | undefined;
+        number?: boolean;
+        date?: boolean;
+        datetime?: boolean;
+        boolean?: boolean;
         serialize?: ((value: any) => string) | undefined;
         deserialize?: ((value: string) => any) | undefined;
     };

package/dist/FieldSelect.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        notNull?: boolean | undefined;
-        disabled?: boolean | undefined;
+        label?: string;
+        placeholder?: string;
+        notNull?: boolean;
+        disabled?: boolean;
         choices: {
             label?: string;
             value: any;
@@ -15,15 +15,15 @@ declare const __propDef: {
         }[];
         defaultValue?: any;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        inputelement?: HTMLSelectElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        inputelement?: HTMLSelectElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
-        number?: boolean | undefined;
-        date?: boolean | undefined;
-        datetime?: boolean | undefined;
-        boolean?: boolean | undefined;
+        number?: boolean;
+        date?: boolean;
+        datetime?: boolean;
+        boolean?: boolean;
         serialize?: ((value: any) => string) | undefined;
         deserialize?: ((value: string) => any) | undefined;
     };

package/dist/FieldStandard.svelte.d.ts

@@ -1,24 +1,24 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        /** If the input that's being built has an id pass it here so the label can point at it. */ id?: string | undefined;
+        /** If the input that's being built has an id pass it here so the label can point at it. */ id?: string;
         /** 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. */ descid?: string | undefined;
         path: string;
         defaultValue?: any;
         /** A label for the Container `<div>`. */ label: string;
-        notNull?: boolean | undefined;
-        number?: boolean | undefined;
-        date?: boolean | undefined;
-        datetime?: boolean | undefined;
-        boolean?: boolean | undefined;
+        notNull?: boolean;
+        number?: boolean;
+        date?: boolean;
+        datetime?: boolean;
+        boolean?: boolean;
         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, 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;
-        related?: number | true | undefined;
+        required?: boolean;
+        related?: true | number;
         helptext?: string | undefined;
     };
     events: {
@@ -34,7 +34,7 @@ declare const __propDef: {
             setVal: (val: string | number | boolean | object | Date | undefined, notDirty?: boolean | undefined) => void;
             valid: boolean;
             invalid: boolean;
-            messagesid: any;
+            messagesid: string | undefined;
             helptextid: string | undefined;
             serialize: (value: any) => string;
             deserialize: (value: string) => any;

package/dist/FieldText.svelte

@@ -8,6 +8,7 @@ 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';
@@ -24,7 +25,7 @@ export let helptext = 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>
-  <Input bind:inputelement {type} {autocomplete} name={path} {value} {id} class="dialog-input {className}" {allowlastpass} {onChange} {onBlur} {valid} {invalid} {messagesid} {helptextid} {extradescid} {use}></Input>
+  <Input bind:inputelement {type} {placeholder} {autocomplete} name={path} {value} {id} class="dialog-input {className}" {allowlastpass} {onChange} {onBlur} {valid} {invalid} {messagesid} {helptextid} {extradescid} {use}></Input>
   {#if isNotNull(maxlength)}
     <MaxLength {value} {maxlength}/>
   {/if}

package/dist/FieldText.svelte.d.ts

@@ -2,21 +2,22 @@ import { SvelteComponentTyped } from "svelte";
 import type { HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        notNull?: boolean | undefined;
+        label?: string;
+        placeholder?: string | undefined;
+        notNull?: boolean;
         defaultValue?: any;
-        type?: string | undefined;
-        allowlastpass?: boolean | undefined;
+        type?: string;
+        allowlastpass?: boolean;
         maxlength?: number | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        use?: HTMLActionEntry[] | undefined;
-        inputelement?: HTMLInputElement | undefined;
-        related?: number | true | undefined;
-        autocomplete?: string | undefined;
+        required?: boolean;
+        use?: HTMLActionEntry[];
+        inputelement?: HTMLInputElement;
+        related?: true | number;
+        autocomplete?: string;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FieldTextArea.svelte

@@ -9,6 +9,7 @@ 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;
@@ -23,7 +24,7 @@ export let helptext = 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>
-  <textarea bind:this={inputelement} name={path} {value} {id} {rows} class="dialog-input dialog-textarea {className}" class:valid class:invalid aria-invalid={invalid} aria-describedby={getDescribedBy([messagesid, helptextid, extradescid])} on:change={onChange} on:blur={onBlur} on:keyup={onChange} on:paste use:passActions={use}></textarea>
+  <textarea bind:this={inputelement} {placeholder} name={path} {value} {id} {rows} class="dialog-input dialog-textarea {className}" class:valid class:invalid aria-invalid={invalid} aria-describedby={getDescribedBy([messagesid, helptextid, extradescid])} on:change={onChange} on:blur={onBlur} on:keyup={onChange} on:paste use:passActions={use}></textarea>
   {#if isNotNull(maxlength)}
     <MaxLength {value} {maxlength}/>
   {/if}

package/dist/FieldTextArea.svelte.d.ts

@@ -2,19 +2,20 @@ import { SvelteComponentTyped } from "svelte";
 import { type HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        notNull?: boolean | undefined;
+        label?: string;
+        placeholder?: string | undefined;
+        notNull?: boolean;
         defaultValue?: any;
         maxlength?: number | undefined;
         rows?: number | undefined;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        use?: HTMLActionEntry[] | undefined;
-        inputelement?: HTMLTextAreaElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        use?: HTMLActionEntry[];
+        inputelement?: HTMLTextAreaElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
     };

package/dist/FileIcon.svelte.d.ts

@@ -3,9 +3,9 @@ declare const __propDef: {
     props: {
         mime: string;
         hiddenLabel?: string | undefined;
-        inline?: boolean | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
+        inline?: boolean;
+        width?: string | number;
+        height?: string | number;
     };
     events: {
         [evt: string]: CustomEvent<any>;