@dosgato/dialog 1.1.9 → 1.1.11

package/dist/Dialog.svelte

@@ -84,37 +84,45 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
   section.tiny {
     width: 30vw;
     min-width: 200px;
-    max-width: 250px;
+    max-width: 275px;
   }
+  @media (max-width: 250px) { section.tiny button.expand { display: none; } }
+  @media (max-width: 800px) { section.tiny { width: 50vw; } }
+  @media (max-width: 430px) { section.tiny { width: 75vw; } }
+
   section.small {
     width: 50vw;
-    min-width: 220px;
-    max-width: 400px;
+    min-width: 250px;
+    max-width: 450px;
   }
+  @media (max-width: 450px) { section.small button.expand { display: none; } }
+  @media (max-width: 800px) { section.small { width: 75vw; } }
+  @media (max-width: 430px) { section.small { width: 90vw; } }
   section.normal {
     width: 75vw;
-    min-width: 250px;
+    min-width: 300px;
     max-width: 750px;
   }
+  @media (max-width: 750px) { section.normal button.expand { display: none; } }
+  @media (max-width: 800px) { section.normal { width: 90vw; } }
+  @media (max-width: 430px) { section.normal { width: 95vw; } }
   section.large {
     width: 90vw;
     min-width: 300px;
     max-width: 1000px;
   }
+  @media (max-width: 1000px) { section.large button.expand { display: none; } }
+  @media (max-width: 800px) { section.large { width: 95vw; } }
+  @media (max-width: 430px) { section.large { width: 97vw; } }
   section.xl {
     width: 95vw;
     max-width: 2000px;
   }
+  @media (max-width: 2000px) { section.xl button.expand { display: none; } }
+  @media (max-width: 800px) { section.xl { width: 97vw; } }
 
-  @media (max-width: 430px) {
-    section.tiny, section.small, section.normal, section.large, section.xl {
-      width: 95vw;
-      max-width: 2000px;
-    }
-    button.expand {
-      display: none;
-    }
-  }
+  @media (max-width: 800px) { .dialog-content { padding: 1.2em; } }
+  @media (max-width: 430px) { .dialog-content { padding: 0.6em; } }
 
   header {
     display: flex;

package/dist/FieldCombobox.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  FieldComboboxProps */
+/** @typedef {typeof __propDef.events}  FieldComboboxEvents */
+/** @typedef {typeof __propDef.slots}  FieldComboboxSlots */
+export default class FieldCombobox extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type FieldComboboxProps = typeof __propDef.props;
+export type FieldComboboxEvents = typeof __propDef.events;
+export type FieldComboboxSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/Tab.svelte

@@ -34,10 +34,12 @@ setContext(TAB_NAME_CONTEXT, tabNameStore);
 <style>
   .tabs-panel {
     width: 100%;
-    min-height: 50vh;
     border: var(--tabs-panel-border, var(--tabs-border, 0));
     padding: var(--tabs-margin-top, 1.5em) var(--tabs-padding-hori, 0.7em) 0.5em var(--tabs-padding-hori, 0.7em);
   }
+  :global(.dialog-content) .tabs-panel {
+    min-height: 50vh;
+  }
   .tabs-panel.accordion {
     border-left: 0;
     border-right: 0;

package/dist/chooser/Chooser.svelte

@@ -3,7 +3,7 @@ import folderIcon from '@iconify-icons/ph/folder';
 import folderNotchOpen from '@iconify-icons/ph/folder-notch-open';
 import { createEventDispatcher, getContext, onMount, setContext, tick } from 'svelte';
 import { isNotBlank, randomid } from 'txstate-utils';
-import { Button, Dialog, iconForMime, Tabs, Tree, UploadUI } from '..';
+import { Button, Dialog, iconForMime, Tabs, Tree, UploadUI, expandTreePath } from '..';
 import { CHOOSER_API_CONTEXT } from './ChooserAPI';
 import { CHOOSER_STORE_CONTEXT, ChooserStore } from './ChooserStore';
 import Details from './Details.svelte';
@@ -45,26 +45,11 @@ function onUploadComplete() {
     treeStore.openAndRefresh($selected).catch(console.error);
     showuploader = false;
 }
-async function openRecursive(pathSplit, depth) {
-    let curr = $treeStore.rootItems?.find(itm => itm.name === pathSplit[0]);
-    for (let i = 0; i < depth; i++) {
-        curr = curr?.children?.find(c => c.name === pathSplit[i + 1]);
-    }
-    if (!curr) {
-        console.warn('tried to preload a path', '/' + pathSplit.join('/'), 'that does not exist ');
-        return;
-    }
-    await treeStore.open(curr, false);
-    if (depth + 1 >= pathSplit.length)
-        return curr;
-    return await openRecursive(pathSplit, depth + 1);
-}
 async function selectPreview(preloadPath) {
     if (!$store.initialized)
         return;
     if (preloadPath) {
-        const currentSelection = await openRecursive(preloadPath.split('/').filter(isNotBlank), 0);
-        treeStore.trigger();
+        const currentSelection = await expandTreePath(treeStore, preloadPath.split('/').filter(isNotBlank));
         if (!currentSelection)
             return;
         store.setPreview(currentSelection);

package/dist/tree/treestore.d.ts

@@ -137,3 +137,6 @@ export declare function getHashId(str: string): string;
 export declare const lazyObserver: IntersectionObserver | undefined;
 export type SearchableType<T> = keyof T | (keyof T)[] | ((item: T) => string | string[]) | undefined;
 export declare function transformSearchable<T>(searchable: SearchableType<T>): undefined | ((itm: T) => string[]);
+export declare function expandTreePath<T extends TreeItemFromDB & {
+    name: string;
+}>(treeStore: TreeStore<T>, pathSplit: string[], depth?: number): Promise<TypedTreeItem<T> | undefined>;

package/dist/tree/treestore.js

@@ -404,3 +404,19 @@ export function transformSearchable(searchable) {
                 ? (itm) => searchable.map(k => itm[k]).filter(isNotBlank)
                 : (itm) => isNotBlank(itm[searchable]) ? [itm[searchable]] : []));
 }
+export async function expandTreePath(treeStore, pathSplit, depth = 0) {
+    let curr = treeStore.value.rootItems?.find(itm => itm.name === pathSplit[0]);
+    for (let i = 0; i < depth; i++) {
+        curr = curr?.children?.find(c => c.name === pathSplit[i + 1]);
+    }
+    if (!curr) {
+        console.warn('tried to preload a path', '/' + pathSplit.join('/'), 'that does not exist ');
+        return;
+    }
+    await treeStore.open(curr, false);
+    if (depth + 1 >= pathSplit.length) {
+        treeStore.focus(curr, false);
+        return curr;
+    }
+    return await expandTreePath(treeStore, pathSplit, depth + 1);
+}

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