@dosgato/dialog 1.1.21 → 1.1.22

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: {

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.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: {

package/dist/FieldText.svelte.d.ts

@@ -2,21 +2,21 @@ 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;
+        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.d.ts

@@ -2,19 +2,19 @@ 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;
+        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>;

package/dist/Form.svelte.d.ts

@@ -1,14 +1,48 @@
 import { SvelteComponentTyped } from "svelte";
-declare class __sveltets_Render<T extends any, F extends any> {
-    props(): any;
+import { type FormStore, type Feedback, type SubmitResponse } from '@txstate-mws/svelte-forms';
+import { type Client } from './';
+declare class __sveltets_Render<T extends Record<string, any>, F extends any> {
+    props(): {
+        class?: string;
+        submit?: ((state: T) => Promise<SubmitResponse<T>>) | undefined;
+        validate?: ((state: T) => Promise<Feedback[]>) | undefined;
+        store?: FormStore<T> | undefined;
+        chooserClient?: Client<F> | undefined;
+        autocomplete?: string | undefined;
+        name?: string | undefined;
+        preload?: T | undefined;
+    };
     events(): {
+        saved: any;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots(): any;
+    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;
+        };
+    };
 }
-export type FormProps<T extends any, F extends any> = ReturnType<__sveltets_Render<T, F>['props']>;
-export type FormEvents<T extends any, F extends any> = ReturnType<__sveltets_Render<T, F>['events']>;
-export type FormSlots<T extends any, F extends any> = ReturnType<__sveltets_Render<T, F>['slots']>;
-export default class Form<T extends any, F extends any> extends SvelteComponentTyped<FormProps<T, F>, FormEvents<T, F>, FormSlots<T, F>> {
+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 {};

package/dist/FormDialog.svelte.d.ts

@@ -2,17 +2,17 @@ import { SvelteComponentTyped } from "svelte";
 import type { IconifyIcon } from '@iconify/svelte';
 import type { Feedback, FormStore, SubmitResponse } from '@txstate-mws/svelte-forms';
 import { type Client } from './';
-declare class __sveltets_Render<T extends any> {
+declare class __sveltets_Render<T extends Record<string, any>> {
     props(): {
         submit: (state: T) => Promise<SubmitResponse<T>>;
         validate?: ((state: T) => Promise<Feedback[]>) | undefined;
         store?: FormStore<T> | undefined;
-        chooserClient?: Client<any> | undefined;
+        chooserClient?: Client | undefined;
         autocomplete?: string | undefined;
         name?: string | undefined;
-        title?: string | undefined;
+        title?: string;
         icon?: IconifyIcon | undefined;
-        size?: "small" | "normal" | "tiny" | "large" | undefined;
+        size?: "tiny" | "small" | "normal" | "large";
         preload?: T | undefined;
     };
     events(): {
@@ -33,9 +33,9 @@ declare class __sveltets_Render<T extends any> {
         };
     };
 }
-export type FormDialogProps<T extends any> = ReturnType<__sveltets_Render<T>['props']>;
-export type FormDialogEvents<T extends any> = ReturnType<__sveltets_Render<T>['events']>;
-export type FormDialogSlots<T extends any> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class FormDialog<T extends any> extends SvelteComponentTyped<FormDialogProps<T>, FormDialogEvents<T>, FormDialogSlots<T>> {
+export type FormDialogProps<T extends Record<string, any>> = ReturnType<__sveltets_Render<T>['props']>;
+export type FormDialogEvents<T extends Record<string, any>> = ReturnType<__sveltets_Render<T>['events']>;
+export type FormDialogSlots<T extends Record<string, any>> = ReturnType<__sveltets_Render<T>['slots']>;
+export default class FormDialog<T extends Record<string, any>> extends SvelteComponentTyped<FormDialogProps<T>, FormDialogEvents<T>, FormDialogSlots<T>> {
 }
 export {};

package/dist/Icon.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         icon: IconifyIcon | undefined;
         /** Label used in a `<ScreenReaderOnly>`. */ hiddenLabel?: string | undefined;
-        inline?: boolean | undefined;
+        inline?: boolean;
         width?: string | number | undefined;
         height?: string | number | undefined;
         tooltip?: string | undefined;

package/dist/Input.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 import { type HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         name: string;
         value: string;
-        type?: string | undefined;
-        allowlastpass?: boolean | undefined;
+        type?: string;
+        allowlastpass?: boolean;
         maxlength?: number | undefined;
         min?: string | Date | {
             toJSDate: () => Date;
@@ -16,18 +16,18 @@ declare const __propDef: {
         } | number | undefined;
         step?: number | undefined;
         id?: string | undefined;
-        disabled?: boolean | undefined;
-        autocomplete?: string | undefined;
+        disabled?: boolean;
+        autocomplete?: string;
         extradescid?: string | undefined;
         messagesid?: string | undefined;
         helptextid?: string | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
+        valid?: boolean;
+        invalid?: boolean;
         onChange: any;
         onBlur: any;
         onSelect?: any;
-        use?: HTMLActionEntry[] | undefined;
-        inputelement?: HTMLInputElement | undefined;
+        use?: HTMLActionEntry[];
+        inputelement?: HTMLInputElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/Listbox.svelte.d.ts

@@ -2,16 +2,16 @@ import { SvelteComponentTyped } from "svelte";
 import { type PopupMenuItem } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
-        items?: PopupMenuItem[] | undefined;
+        items?: PopupMenuItem[];
         label: string;
-        multiselect?: boolean | undefined;
+        multiselect?: boolean;
         selected?: {
             value: string;
-            label?: string | undefined;
-        }[] | undefined;
+            label?: string;
+        }[];
         descid?: string | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
+        valid?: boolean;
+        invalid?: boolean;
     };
     events: {
         change: CustomEvent<any>;

package/dist/Radio.svelte.d.ts

@@ -4,15 +4,15 @@ declare const __propDef: {
         id?: string | undefined;
         name: string;
         value: string;
-        selected?: boolean | undefined;
+        selected?: boolean;
         onChange?: any;
         onBlur?: any;
         messagesid?: string | undefined;
         helptextid?: string | undefined;
         extradescid?: string | undefined;
-        disabled?: boolean | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
+        disabled?: boolean;
+        valid?: boolean;
+        invalid?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/Switcher.svelte.d.ts

@@ -2,25 +2,25 @@ import { SvelteComponentTyped } from "svelte";
 import type { Feedback } from '@txstate-mws/svelte-forms';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
-        path?: string | undefined;
-        name?: string | undefined;
+        path?: string;
+        name?: string;
         choices: {
             label?: string;
             value: string;
             disabled?: boolean;
         }[];
-        horizontal?: boolean | undefined;
+        horizontal?: boolean;
         label: string;
-        required?: boolean | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
-        messages?: Feedback[] | undefined;
-        iptValue?: string | undefined;
-        valid?: boolean | undefined;
-        invalid?: boolean | undefined;
+        messages?: Feedback[];
+        iptValue?: string;
+        valid?: boolean;
+        invalid?: boolean;
         onBlur?: (() => void | Promise<void>) | undefined;
     };
     events: {

package/dist/Tabs.svelte.d.ts

@@ -4,9 +4,9 @@ declare const __propDef: {
     props: {
         tabs: TabDef[];
         active?: string | undefined;
-        store?: TabStore | undefined;
-        disableDialogControl?: boolean | undefined;
-        accordionOnMobile?: boolean | undefined;
+        store?: TabStore;
+        disableDialogControl?: boolean;
+        accordionOnMobile?: boolean;
         /**
            * Takes the width of the tabs area, in pixels, and returns the number of tabs that should be
            * displayed at that width.

package/dist/Tooltip.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         tip?: string | undefined;
-        top?: boolean | undefined;
-        right?: boolean | undefined;
-        bottom?: boolean | undefined;
-        left?: boolean | undefined;
-        active?: boolean | undefined;
+        top?: boolean;
+        right?: boolean;
+        bottom?: boolean;
+        left?: boolean;
+        active?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/chooser/Chooser.svelte.d.ts

@@ -4,11 +4,11 @@ import { ChooserStore } from './ChooserStore';
 declare class __sveltets_Render<F> {
     props(): {
         label?: string | undefined;
-        images?: boolean | undefined;
-        pages?: boolean | undefined;
-        assets?: boolean | undefined;
-        folders?: boolean | undefined;
-        required?: boolean | undefined;
+        images?: boolean;
+        pages?: boolean;
+        assets?: boolean;
+        folders?: boolean;
+        required?: boolean;
         initialSource?: string | undefined;
         initialPath?: string | undefined;
         activeSources?: string[] | undefined;

package/dist/chooser/Details.svelte.d.ts

@@ -4,7 +4,7 @@ import { type BrokenURL, type RawURL } from './ChooserStore';
 declare const __propDef: {
     props: {
         item: AnyItem | RawURL | BrokenURL;
-        singleLine?: boolean | undefined;
+        singleLine?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/chooser/Thumbnail.svelte.d.ts

@@ -4,9 +4,9 @@ import type { BrokenURL, RawURL } from './ChooserStore';
 declare const __propDef: {
     props: {
         item: AnyItem | RawURL | BrokenURL;
-        larger?: boolean | undefined;
-        expandable?: boolean | undefined;
-        expanded?: boolean | undefined;
+        larger?: boolean;
+        expandable?: boolean;
+        expanded?: boolean;
     };
     events: {
         thumbnailsizechange: CustomEvent<any>;

package/dist/chooser/UploadUI.svelte.d.ts

@@ -4,11 +4,11 @@ declare const __propDef: {
     props: {
         title: string;
         folder: Folder;
-        maxFiles?: number | undefined;
-        escapable?: boolean | undefined;
-        mimeWhitelist?: string[] | undefined;
-        mimeBlacklist?: string[] | undefined;
-        uploader: NonNullable<Client['upload']>;
+        maxFiles?: number;
+        escapable?: boolean;
+        mimeWhitelist?: string[];
+        mimeBlacklist?: string[];
+        uploader: NonNullable<Client["upload"]>;
     };
     events: {
         saved: CustomEvent<any>;

package/dist/code/CodeEditor.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 import { type HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
-        class?: string | undefined;
+        class?: string;
         id?: string | undefined;
-        rows?: number | undefined;
-        language: 'js' | 'css' | 'html';
-        use?: HTMLActionEntry[] | undefined;
+        rows?: number;
+        language: "js" | "css" | "html";
+        use?: HTMLActionEntry[];
         inputelement?: HTMLElement | undefined;
         extradescid?: string | undefined;
         helptextid?: string | undefined;

package/dist/code/FieldCodeEditor.svelte.d.ts

@@ -2,21 +2,21 @@ 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;
+        notNull?: boolean;
         defaultValue?: any;
-        rows?: number | undefined;
+        rows?: number;
         conditional?: boolean | undefined;
-        required?: boolean | undefined;
-        use?: HTMLActionEntry[] | undefined;
-        inputelement?: HTMLElement | undefined;
-        related?: number | true | undefined;
+        required?: boolean;
+        use?: HTMLActionEntry[];
+        inputelement?: HTMLElement;
+        related?: true | number;
         extradescid?: string | undefined;
         helptext?: string | undefined;
-        language: 'js' | 'css' | 'html';
+        language: "js" | "css" | "html";
     };
     events: {
         paste: ClipboardEvent;

package/dist/colorpicker/FieldColorPicker.svelte.d.ts

@@ -3,13 +3,13 @@ import type { ColorPickerOption } from './colorpicker';
 declare const __propDef: {
     props: {
         id?: string | undefined;
-        class?: string | undefined;
+        class?: string;
         path: string;
         options: ColorPickerOption[];
-        addAllOption?: boolean | undefined;
-        label?: string | undefined;
-        required?: boolean | undefined;
-        notNull?: boolean | undefined;
+        addAllOption?: boolean;
+        label?: string;
+        required?: boolean;
+        notNull?: boolean;
         defaultValue?: any;
         conditional?: boolean | undefined;
         helptext?: string | undefined;

package/dist/cropper/FieldCropper.svelte.d.ts

@@ -4,10 +4,10 @@ declare const __propDef: {
         id?: string | undefined;
         path: string;
         imageSrc: string | undefined;
-        selectionAspectRatio?: number | undefined;
-        minSelection?: number | undefined;
-        label?: string | undefined;
-        required?: boolean | undefined;
+        selectionAspectRatio?: number;
+        minSelection?: number;
+        label?: string;
+        required?: boolean;
         conditional?: boolean | undefined;
         helptext?: string | undefined;
     };

package/dist/iconpicker/FieldIconPicker.svelte

@@ -48,10 +48,11 @@ function onCancel(val) {
 }
 function onSearch() {
     visibleIcons = FontAwesomeIcons.filter(i => {
-        if (i.class.includes(searchVal))
+        const searchValLC = searchVal.toLowerCase();
+        if (i.class.toLowerCase().includes(searchValLC))
             return true;
         for (const term of i.search.terms) {
-            if (term.includes(searchVal))
+            if (term.toLowerCase().includes(searchValLC))
                 return true;
         }
         return false;
@@ -128,7 +129,7 @@ function onKeyDown(e) {
           </div>
           <fieldset>
             <ScreenReaderOnly><legend class="sr-only">Icons</legend></ScreenReaderOnly>
-            <div class="icon-picker-items" role="radiogroup">
+            <div class="icon-picker-items" role="radiogroup" class:empty={visibleIcons.length === 0}>
               {#each visibleIcons as icon, idx (icon.class)}
 
                 <div bind:this={iconElements[idx]} id={icon.class} class="icon-picker-item" role="radio" aria-checked={icon.class === selected.icon} tabindex={icon.class === selected.icon ? 0 : -1} data-index={idx} on:click={() => onSelectIcon(icon.class)} on:keydown={onKeyDown}>
@@ -244,6 +245,9 @@ function onKeyDown(e) {
     justify-items: center;
     align-items: center;
   }
+  .icon-picker-items.empty {
+    display: block;
+  }
 
   @media (max-width: 800px) {
     .icon-picker-items {

package/dist/iconpicker/FieldIconPicker.svelte.d.ts

@@ -3,12 +3,12 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         path: string;
-        label?: string | undefined;
-        required?: boolean | undefined;
+        label?: string;
+        required?: boolean;
         defaultValue?: {
             icon: string;
             prefix: string;
-        } | undefined;
+        };
         conditional?: boolean | undefined;
         helptext?: string | undefined;
     };

package/dist/imageposition/FieldImagePosition.svelte

@@ -3,7 +3,6 @@ import FieldStandard from '../FieldStandard.svelte';
 import Button from '../Button.svelte';
 import arrowsIn from '@iconify-icons/ph/arrows-in';
 import { Dialog } from '..';
-import { onMount } from 'svelte';
 import { modifierKey, ScreenReaderOnly } from '@txstate-mws/svelte-components';
 export let id = undefined;
 export let path;
@@ -34,10 +33,6 @@ function hideModal() {
     modalOpen = false;
 }
 let x, y;
-onMount(() => {
-    x = initialVal?.x / 25;
-    y = initialVal?.y / 25;
-});
 function onSave(setVal) {
     setVal({ x: x * 25, y: y * 25 });
     hideModal();
@@ -105,44 +100,53 @@ const positionText = {
         4: 'Bottom Right Corner'
     }
 };
+let dialogWasOpened = false;
+function onDialogOpen() {
+    if (!dialogWasOpened) {
+        x = (initialVal.x ?? 50) / 25;
+        y = (initialVal.y ?? 50) / 25;
+        dialogWasOpened = true;
+    }
+}
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} conditional={conditional && isNotBlank(imageSrc)} {helptext} {descid} let:value let:setVal let:helptextid>
   {@const _ = init(value)}
   {#if isNotBlank(imageSrc)}
     <Button icon={arrowsIn} on:click={showModal}>Adjust Image Position</Button>
-      {#if modalOpen}
-        <Dialog size="large" title={label} on:escape={hideModal} continueText="Save" cancelText="Cancel" on:continue={() => onSave(setVal)} {labelid}>
+    {#if modalOpen}
+      <Dialog size="large" title={label} on:escape={hideModal} continueText="Save" cancelText="Cancel" on:continue={() => onSave(setVal)} {labelid}>
+        {@const _dialogopen = onDialogOpen()}
         {#if info}
           <section class="info">
             {info}
           </section>
-          <section class="position">
-            <p>
-              Using the grid overlays, select a focal point in your image to determine how Gato will align, position, and scale your image
-              in the section. This will help ensure the focal point of your image is always in frame. By default, Gato will
-              use the center of the image.
-            </p>
-            <div class="image-container">
-              <img class="crop-image" src={imageSrc} alt="" />
-              <div class="overlay" role="radiogroup" aria-labelledby={labelid}>
-                {#each Array.from(Array(5).keys()) as col}
-                  {#each Array.from(Array(5).keys()) as row}
-                    <div
-                      bind:this={boxes[col + row * 5]}
-                      class="box"
-                      class:side={row === 4}
-                      class:bottom={col === 4}
-                      role="radio"
-                      aria-checked={row === x && col === y}
-                      tabindex={row === x && col === y ? 0 : -1}
-                      on:click={() => onSelectBox(row, col)} on:keydown={onKeyDown}><ScreenReaderOnly>{positionText[row][col]}</ScreenReaderOnly></div>
-                  {/each}
+        {/if}
+        <section class="position">
+          <p>
+            Using the grid overlays, select a focal point in your image to determine how Gato will align, position, and scale your image
+            in the section. This will help ensure the focal point of your image is always in frame. By default, Gato will
+            use the center of the image.
+          </p>
+          <div class="image-container">
+            <img class="crop-image" src={imageSrc} alt="" />
+            <div class="overlay" role="radiogroup" aria-labelledby={labelid}>
+              {#each Array.from(Array(5).keys()) as col}
+                {#each Array.from(Array(5).keys()) as row}
+                  <div
+                    bind:this={boxes[col + row * 5]}
+                    class="box"
+                    class:side={row === 4}
+                    class:bottom={col === 4}
+                    role="radio"
+                    aria-checked={row === x && col === y}
+                    tabindex={row === x && col === y ? 0 : -1}
+                    on:click={() => onSelectBox(row, col)} on:keydown={onKeyDown}><ScreenReaderOnly>{positionText[row][col]}</ScreenReaderOnly></div>
                 {/each}
-              </div>
+              {/each}
             </div>
-          </section>
-        {/if}
+          </div>
+        </section>
       </Dialog>
     {/if}
   {/if}

package/dist/imageposition/FieldImagePosition.svelte.d.ts

@@ -5,12 +5,12 @@ declare const __propDef: {
         id?: string | undefined;
         path: string;
         imageSrc: string | undefined;
-        label?: string | undefined;
-        required?: boolean | undefined;
+        label?: string;
+        required?: boolean;
         conditional?: boolean | undefined;
         helptext?: string | undefined;
         info?: string | undefined;
-        defaultValue?: ImagePositionOutput | undefined;
+        defaultValue?: ImagePositionOutput;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/tree/Tree.svelte.d.ts

@@ -6,10 +6,10 @@ declare class __sveltets_Render<T extends TreeItemFromDB> {
         headers: TreeHeader<T>[];
         searchable?: SearchableType<T>;
         filterable?: SearchableType<T>;
-        filter?: string | undefined;
+        filter?: string;
         nodeClass?: ((itm: T) => string) | undefined;
         singleSelect?: boolean | undefined;
-        enableResize?: boolean | undefined;
+        enableResize?: boolean;
         /**
            * Takes the width of the tree, in pixels, and returns an array of TreeHeader IDs that should be
            * displayed at that screen width. Any headers whose ID is not returned will be added to a dropdown, which allows

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",
@@ -23,7 +23,7 @@
     "@codemirror/lang-javascript": "^6.1.7",
     "@codemirror/lang-css": "^6.2.1",
     "@codemirror/lang-html": "^6.4.3",
-    "@iconify/svelte": "^3.1.6",
+    "@iconify/svelte": "^4.0.0",
     "@iconify-icons/mdi": "^1.2.22",
     "@iconify-icons/ph": "^1.2.2",
     "@txstate-mws/svelte-components": "^1.6.2",
@@ -32,19 +32,18 @@
     "txstate-utils": "^1.8.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.0.1",
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/kit": "^2.0.1",
     "@sveltejs/package": "^2.0.1",
-    "eslint-config-standard-with-typescript": "^39.0.0",
+    "eslint-config-standard-with-typescript": "^43.0.0",
     "eslint-plugin-svelte": "^2.0.0",
     "svelte-check": "^3.0.1",
-    "svelte-preprocess": "^5.0.0",
-    "svelte2tsx": "^0.6.0",
+    "svelte": "^4.0.0",
     "tslib": "^2.3.1",
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
-    "svelte": "^3.53.1 || ^4.0.0"
+    "svelte": "^3.53.1 || ^4.0.0 || ^5.0.0"
   },
   "files": ["dist"],
   "type": "module"