@dosgato/dialog 1.1.19 → 1.1.20

package/dist/FieldRadio.svelte

@@ -1,6 +1,6 @@
 <script>import { FORM_CONTEXT, FORM_INHERITED_PATH, Field } from '@txstate-mws/svelte-forms';
 import { getContext, onMount } from 'svelte';
-import { get, isNotBlank } from 'txstate-utils';
+import { equal, get, isNotBlank } from 'txstate-utils';
 import Switcher from './Switcher.svelte';
 let className = '';
 export { className as class };
@@ -36,7 +36,7 @@ async function reactToChoices(..._) {
         return await store.setField(finalPath, finalDeserialize(''));
     }
     const val = get($store.data, finalPath);
-    if (!choices.some(o => o.value === finalDeserialize(val)))
+    if (!choices.some(o => equal(o.value, val)))
         await store.setField(finalPath, notNull ? defaultValue : finalDeserialize(''));
 }
 $: reactToChoices(choices).catch(console.error);

package/dist/cropper/FieldCropper.svelte

@@ -1,5 +1,5 @@
 <script>import { resize, ScreenReaderOnly } from '@txstate-mws/svelte-components';
-import { onMount } from 'svelte';
+import { onMount, tick } from 'svelte';
 import { isNotBlank, randomid } from 'txstate-utils';
 import FieldStandard from '../FieldStandard.svelte';
 import { CropperStore } from './cropper';
@@ -16,6 +16,7 @@ const store = new CropperStore({ width: 0, height: 0, minSelection, targetAspect
 const { output, outputPct, selection } = store;
 let setVal;
 let value;
+const initialAspectRatio = selectionAspectRatio;
 function init(spValue, spSetVal) {
     setVal = spSetVal;
     value = spValue;
@@ -114,6 +115,18 @@ $: updateRect(container);
 const descid = randomid();
 const movedescid = randomid();
 let focusWithin = false;
+let arChanged = false;
+async function reactToAspectRatio(ar) {
+    if (!ar)
+        return;
+    store.updateTargetAspect(ar);
+    await tick();
+    if (ar !== initialAspectRatio || arChanged) {
+        store.reset();
+        arChanged = true;
+    }
+}
+$: void reactToAspectRatio(selectionAspectRatio);
 </script>
 
 <svelte:window on:mousemove={onMouseMove} on:mouseup={onMouseUp} on:touchend={onMouseUp} on:touchcancel={onMouseUp} />

package/dist/cropper/cropper.d.ts

@@ -49,6 +49,7 @@ export declare class CropperStore extends Store<ICropperStore> {
     constructor(initialValue: Omit<ICropperStore, 'cursor'>);
     setOutput(selection?: CropOutput): void;
     updateDimensions(width: number, height: number): void;
+    updateTargetAspect(ar: number): void;
     /**
      * The svelte component is responsible for making sure x and y are relative to the drawing area,
      * e.g. (0, 0) is the top left corner of the drawing area

package/dist/cropper/cropper.js

@@ -18,6 +18,9 @@ export class CropperStore extends Store {
     updateDimensions(width, height) {
         this.update(v => ({ ...v, width, height }));
     }
+    updateTargetAspect(ar) {
+        this.update(v => ({ ...v, targetAspect: ar }));
+    }
     /**
      * The svelte component is responsible for making sure x and y are relative to the drawing area,
      * e.g. (0, 0) is the top left corner of the drawing area

package/dist/iconpicker/FieldIconPicker.svelte

@@ -221,7 +221,7 @@ function onKeyDown(e) {
       border-radius: 10px;
       border: 1px solid #999;
       height: 30px;
-      padding: 0px 0px 0px 30px;
+      padding: 0.5em;
       font-family: 'Nunito Sans', sans-serif !important;
   }
 
@@ -250,7 +250,7 @@ function onKeyDown(e) {
     font-size: 28px;
 }
 
-.icon-picker-item[aria-checked=true] {
+.icon-picker-item[aria-checked=true] :global(svg) {
   outline: 4px solid #93BBC4;
   background-color: #eee;
 }

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.19",
+  "version": "1.1.20",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",