@dosgato/dialog 1.1.20 → 1.1.22

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

@@ -122,7 +122,7 @@ async function reactToAspectRatio(ar) {
     store.updateTargetAspect(ar);
     await tick();
     if (ar !== initialAspectRatio || arChanged) {
-        store.reset();
+        store.maximize();
         arChanged = true;
     }
 }

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}>
@@ -234,23 +235,41 @@ function onKeyDown(e) {
 
   /* Styles for the icon picker grid */
 
-  .icon-picker-items{
+  .icon-picker-items {
     margin-top: 5px;
     padding: 5px;
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    row-gap: 1em;
+    column-gap: 1em;
+    justify-items: center;
+    align-items: center;
+  }
+  .icon-picker-items.empty {
+    display: block;
+  }
+
+  @media (max-width: 800px) {
+    .icon-picker-items {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+
+  @media (max-width: 500px) {
+    .icon-picker-items {
+      grid-template-columns: repeat(4, 1fr);
+    }
   }
 
 .icon-picker-item {
-    float: left;
-    margin: 0px 11px 12px 11px;
     text-align: center;
     cursor: pointer;
     color: inherit;
-    width: 10%;
     position: relative;
     font-size: 28px;
 }
 
-.icon-picker-item[aria-checked=true] :global(svg) {
+.icon-picker-item[aria-checked=true] {
   outline: 4px solid #93BBC4;
   background-color: #eee;
 }

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;
     };