@dosgato/dialog 1.1.3 → 1.1.5

package/dist/Dialog.svelte

@@ -1,7 +1,7 @@
 <script context="module">export const DIALOG_TABS_CONTEXT = {};
 </script>
-<script>import arrowLeft from '@iconify-icons/ph/arrow-left';
-import arrowRight from '@iconify-icons/ph/arrow-right';
+<script>import arrowLeft from '@iconify-icons/ph/arrow-left-bold';
+import arrowRight from '@iconify-icons/ph/arrow-right-bold';
 import xLight from '@iconify-icons/ph/x-light';
 import arrowsOutSimple from '@iconify-icons/ph/arrows-out-simple';
 import arrowsInSimple from '@iconify-icons/ph/arrows-in-simple';
@@ -106,6 +106,11 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     max-width: 2000px;
   }
 
+  section {
+    container-type: inline-size;
+    container-name: dosgato-dialog-section
+  }
+
   @media (max-width: 430px) {
     section.tiny, section.small, section.normal, section.large, section.xl {
       width: 95vw;
@@ -182,6 +187,12 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     }
   }
 
+  @container dosgato-dialog-section (max-width: 350px) {
+    footer.actions {
+      padding: 0.5em;
+    }
+  }
+
   .header-buttons {
     position: absolute;
     top: 0.1em;

package/dist/FieldMultiple.svelte

@@ -77,7 +77,9 @@ $: messages = compact ? $messageStore : [];
       </div>{/if}
     </div>
     <svelte:fragment slot="addbutton" let:maxed let:onClick>
-      <Button type="button" icon={plusCircleLight} class="{addMoreClass} dialog-multiple-button" disabled={maxed} on:click={onClick}>{maxed ? maxedText : addMoreText}</Button>
+      {#if !maxed || (maxed && maxLength > 1)}
+        <Button type="button" icon={plusCircleLight} class="{addMoreClass} dialog-multiple-button" disabled={maxed} on:click={onClick}>{maxed ? maxedText : addMoreText}</Button>
+      {/if}
     </svelte:fragment>
   </AddMore>
 </Container>

package/dist/Tabs.svelte

@@ -10,7 +10,7 @@ export let tabs;
 export let active = undefined;
 export let store = new TabStore(tabs, active);
 export let disableDialogControl = false;
-export let accordionOnMobile = true;
+export let accordionOnMobile = false;
 /**
  * Takes the width of the tabs area, in pixels, and returns the number of tabs that should be
  * displayed at that width.

package/dist/chooser/Chooser.svelte

@@ -87,7 +87,7 @@ let thumbnailExpanded = false;
 </script>
 
 <Dialog size="xl" ignoreTabs title={label} on:escape continueText="Choose" disabled={!$preview && required} cancelText="Cancel">
-  <section class="dialog-chooser-window">
+  <section class="dialog-chooser-window" class:no-controls={$sources.length < 2}>
     {#if $sources.length > 1}
     <header class="dialog-chooser-controls">
       <Tabs bind:store={tabStore} tabs={$sources.map(s => ({ name: s.name, title: s.label ?? s.name }))} active={$preview?.source ?? $selected?.source ?? $source?.name ?? initialSource} accordionOnMobile={false}/>
@@ -126,6 +126,9 @@ let thumbnailExpanded = false;
     container-type: inline-size;
     container-name: dosgato-dialog-chooser-window
   }
+  .dialog-chooser-window.no-controls {
+    height: 85vh;
+  }
   .dialog-chooser-window * {
     box-sizing: border-box;
   }

package/dist/tree/Tree.svelte

@@ -263,7 +263,7 @@ async function selectHeader(selected) {
     cursor: col-resize;
   }
   .tree-header > .tree-header-cell {
-    padding: 0.4em 0.3em;
+    padding: 0.4em 0.5em;
   }
   .tree-header > .tree-separator {
     position: relative;

package/dist/tree/TreeNode.svelte

@@ -364,12 +364,13 @@ $: if ($dragging) {
   :global(.resizing) .tree-node {
     cursor: col-resize;
   }
+  .tree-node > div {
+    padding: 0.6em 0.5em;
+  }
   .tree-node .checkbox {
     min-width: 1.5em;
     max-width: 1.5em;
-  }
-  .tree-node > div {
-    padding: 0.6em 0.3em;
+    padding-left: 0.3em;
   }
   .tree-node > div.left {
     display: flex;

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