@dosgato/dialog 1.1.13 → 1.1.14

package/dist/Dialog.svelte

@@ -39,7 +39,7 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
 </script>
 
 <Modal {escapable} {initialfocus} hidefocus={false} includeselector=".ck-body-wrapper" on:escape>
-  <section class="{expanded ? 'xl' : size}" use:eq>
+  <section class="{expanded ? 'xl expanded' : size}" use:eq>
     {#if title || icon}
       <header id={labelid}>
         <Icon width="1.4em" {icon} inline />{title}
@@ -118,7 +118,7 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     width: 95vw;
     max-width: 2000px;
   }
-  @media (max-width: 2000px) { section.xl button.expand { display: none; } }
+  @media (max-width: 2000px) { section.xl:not(.expanded) button.expand { display: none; } }
   @media (max-width: 800px) { section.xl { width: 97vw; } }
 
   header {
@@ -148,8 +148,8 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     max-height: calc(100vh - 7.5em);
     max-height: calc(100dvh - 7.5em);
   }
-  @media (max-width: 800px) { .dialog-content { padding: 1.2em; } }
-  @media (max-width: 430px) { .dialog-content { padding: 0.6em; } }
+  @media (max-width: 800px) { .dialog-content { padding: 2rem 1.2em; } }
+  @media (max-width: 430px) { .dialog-content { padding: 2rem 0.6em; } }
 
   section.tiny .dialog-content, section.small .dialog-content {
     padding: 0 1em;

package/dist/colorpicker/FieldColorPicker.svelte

@@ -1,7 +1,8 @@
-<script>import { onMount } from 'svelte';
-import { randomid, shouldUseWhiteText } from 'txstate-utils';
-import FieldStandard from '../FieldStandard.svelte';
+<script>import { FORM_CONTEXT, FORM_INHERITED_PATH } from '@txstate-mws/svelte-forms';
+import { getContext, onMount } from 'svelte';
+import { get, isNotBlank, randomid, shouldUseWhiteText } from 'txstate-utils';
 import { Radio } from '..';
+import FieldStandard from '../FieldStandard.svelte';
 export let id = undefined;
 let className = '';
 export { className as class };
@@ -15,25 +16,23 @@ export let defaultValue = notNull ? (addAllOption ? 'alternating' : options[0].v
 export let conditional = undefined;
 export let helptext = undefined;
 const groupid = randomid();
-let val, stVal;
-function updateValue(valu, sVal) {
-    val = valu;
-    stVal = sVal;
-}
-function reactToOptions(..._) {
-    if (!stVal)
+const store = getContext(FORM_CONTEXT);
+const inheritedPath = getContext(FORM_INHERITED_PATH);
+const finalPath = [inheritedPath, path].filter(isNotBlank).join('.');
+async function reactToOptions(..._) {
+    const val = get($store.data, finalPath);
+    if (!val)
         return;
     if (!options.length)
-        stVal(addAllOption ? 'alternating' : undefined, true);
-    if (val !== 'alternating' && !options.some(o => o.value === val))
-        stVal(notNull ? options[0].value : (addAllOption ? 'alternating' : undefined), true);
+        await store.setField(finalPath, addAllOption ? 'alternating' : undefined);
+    else if (val !== 'alternating' && !options.some(o => o.value === val))
+        await store.setField(finalPath, notNull ? options[0].value : (addAllOption ? 'alternating' : undefined));
 }
-$: reactToOptions(options);
+$: reactToOptions(options).catch(console.error);
 onMount(reactToOptions);
 </script>
 
 <FieldStandard bind:id descid={groupid} {path} {label} {required} {defaultValue} {conditional} {helptext} let:value let:valid let:invalid let:onBlur let:onChange let:messagesid let:helptextid let:setVal>
-  {@const _ = void updateValue(value, setVal)}
   <div class="container-query-wrapper">
     <div class="color-container {className}" role="radiogroup" aria-labelledby={groupid} class:invalid class:valid>
       {#if addAllOption}

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