@dosgato/dialog 0.0.13 → 0.0.15

package/FieldText.svelte

@@ -13,8 +13,9 @@ export let allowlastpass = false;
 export let maxlength = undefined;
 export let conditional = undefined;
 export let required = false;
+export let use = [];
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} serialize={!notNull && nullableSerialize} deserialize={!notNull && nullableDeserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid>
-  <Input {type} name={path} {value} {id} class="dialog-input {className}" {allowlastpass} {onChange} {onBlur} {valid} {invalid} {maxlength} {messagesid}></Input>
+  <Input {type} name={path} {value} {id} class="dialog-input {className}" {allowlastpass} {onChange} {onBlur} {valid} {invalid} {maxlength} {messagesid} {use}></Input>
 </FieldStandard>

package/FieldText.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
         class?: string;
@@ -12,6 +13,7 @@ declare const __propDef: {
         maxlength?: number | undefined;
         conditional?: boolean | undefined;
         required?: boolean;
+        use?: HTMLActionEntry[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/FieldTextArea.svelte

@@ -1,4 +1,5 @@
-<script>import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms';
+<script>import { passActions } from '@txstate-mws/svelte-components';
+import { nullableSerialize, nullableDeserialize } from '@txstate-mws/svelte-forms';
 import FieldStandard from './FieldStandard.svelte';
 let className = '';
 export { className as class };
@@ -11,10 +12,11 @@ export let maxlength = undefined;
 export let rows = undefined;
 export let conditional = undefined;
 export let required = false;
+export let use = [];
 </script>
 
 <FieldStandard bind:id {label} {path} {required} {defaultValue} {conditional} serialize={!notNull && nullableSerialize} deserialize={!notNull && nullableDeserialize} let:value let:valid let:invalid let:id let:onBlur let:onChange let:messagesid>
-  <textarea name={path} {value} {id} {rows} class="dialog-input dialog-textarea {className}" class:valid class:invalid aria-invalid={invalid} aria-describedby={messagesid} on:change={onChange} on:blur={onBlur} on:keyup={onChange} {maxlength}></textarea>
+  <textarea name={path} {value} {id} {rows} class="dialog-input dialog-textarea {className}" class:valid class:invalid aria-invalid={invalid} aria-describedby={messagesid} on:change={onChange} on:blur={onBlur} on:keyup={onChange} on:paste {maxlength} use:passActions={use}></textarea>
 </FieldStandard>
 
 <style>

package/FieldTextArea.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+import { type HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
         class?: string;
@@ -11,8 +12,11 @@ declare const __propDef: {
         rows?: number | undefined;
         conditional?: boolean | undefined;
         required?: boolean;
+        use?: HTMLActionEntry[];
     };
     events: {
+        paste: ClipboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/Input.svelte

@@ -1,4 +1,5 @@
-<script>import { dateSerialize, datetimeSerialize } from '@txstate-mws/svelte-forms';
+<script>import { passActions } from '@txstate-mws/svelte-components';
+import { dateSerialize, datetimeSerialize } from '@txstate-mws/svelte-forms';
 let className = '';
 export { className as class };
 export let name;
@@ -17,6 +18,7 @@ export let invalid = false;
 export let onChange;
 export let onBlur;
 export let onSelect = undefined;
+export let use = [];
 function resolveMinMax(dt) {
     if (typeof dt === 'undefined')
         return undefined;
@@ -30,4 +32,4 @@ $: minStr = resolveMinMax(min);
 $: maxStr = resolveMinMax(max);
 </script>
 
-<input {type} {id} class={className} autocomplete="off" data-lpignore={!allowlastpass} {name} {value} {disabled} {maxlength} min={minStr} max={maxStr} {step} class:valid class:invalid aria-invalid={invalid} aria-describedby={messagesid} on:change={onChange} on:select={onSelect} on:blur={onBlur} on:keyup={onChange}>
+<input {type} {id} class={className} autocomplete="off" data-lpignore={!allowlastpass} {name} {value} {disabled} {maxlength} min={minStr} max={maxStr} {step} class:valid class:invalid aria-invalid={invalid} aria-describedby={messagesid} on:change={onChange} on:select={onSelect} on:blur={onBlur} on:keyup={onChange} use:passActions={use}>

package/Input.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+import { type HTMLActionEntry } from '@txstate-mws/svelte-components';
 declare const __propDef: {
     props: {
         class?: string;
@@ -22,6 +23,7 @@ declare const __propDef: {
         onChange: any;
         onBlur: any;
         onSelect?: any;
+        use?: HTMLActionEntry[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "dependencies": {
-    "@txstate-mws/svelte-components": "^1.2.11",
+    "@txstate-mws/svelte-components": "^1.3.0",
     "@txstate-mws/svelte-forms": "^0.0.21",
     "@iconify/svelte": "^2.2.1",
     "@iconify-icons/mdi": "^1.2.22",