@dosgato/dialog 0.0.58 → 0.0.60

package/dist/Dialog.svelte

@@ -70,7 +70,6 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
   section {
     position: relative;
     background-color: #f4f4f4;
-    padding: 1em;
     overflow: hidden;
   }
   section.tiny {
@@ -102,7 +101,6 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     display: flex;
     align-items: center;
     font-size: 1.1em;
-    margin: -1em;
     margin-bottom: 0;
     padding: 0.5em calc(var(--tabs-padding-hori, 1em) + 0.9em - 3px);
     background-color: var(--dg-dialog-header-bg, #DDDDDD);
@@ -115,7 +113,6 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
 
   .dialog-content {
     position: relative;
-    margin: 0 -1em;
     padding: 1em;
     min-height: 5em;
     overflow: auto;
@@ -129,7 +126,6 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
     justify-content: flex-end;
     flex-wrap: wrap;
     background-color: var(--dg-dialog-footer-bg, #DDDDDD);
-    margin: -1em;
     margin-top: 0;
     padding: 0.5em 1em;
   }

package/dist/tree/TreeCell.svelte

@@ -7,7 +7,7 @@ $: headerComponent = header.component;
 </script>
 
 {#if header.icon}
-  <span class="icon"><Icon {icon} inline width="1.5em" /></span>
+  <span class="icon"><Icon {icon} inline width="1.3em" /></span>
 {/if}
 {#if header.component}
   <svelte:component this={headerComponent} {item} {header} />

package/dist/tree/treestore.d.ts

@@ -89,6 +89,9 @@ export declare class TreeStore<T extends TreeItemFromDB> extends ActiveStore<ITr
         notify?: boolean | undefined;
         toggle?: boolean | undefined;
     }): void;
+    setSelected(items: TypedTreeItem<T>[], { notify }: {
+        notify?: boolean | undefined;
+    }): void;
     selectById(id: string, { clear, notify, toggle }: {
         clear?: boolean | undefined;
         notify?: boolean | undefined;

package/dist/tree/treestore.js

@@ -11,15 +11,25 @@ export class TreeStore extends ActiveStore {
         if (!this.searchableFn || !rootItems?.length || isBlank(filter))
             return this.value.rootItems;
         const ret = [];
+        const newselected = [];
+        let foundfocus = false;
         for (const itm of this.value.rootItems ?? []) {
             let found = false;
             for (const val of this.searchableFn(itm)) {
                 if (val.toLocaleLowerCase().startsWith(filter))
                     found = true;
             }
-            if (found)
+            if (found) {
+                if (this.value.selected.has(itm.id))
+                    newselected.push(itm);
+                if (this.value.focused?.id === itm.id)
+                    foundfocus = true;
                 ret.push(itm);
+            }
         }
+        if (!foundfocus)
+            this.focus(ret[0]);
+        this.setSelected(newselected, {});
         return ret;
     });
     draggable = derivedStore(this, v => v.draggable && !v.loading);
@@ -167,6 +177,13 @@ export class TreeStore extends ActiveStore {
         if (notify)
             this.trigger();
     }
+    setSelected(items, { notify = true }) {
+        this.value.selected.clear();
+        for (const itm of items)
+            this.value.selected.set(itm.id, itm);
+        if (notify)
+            this.trigger();
+    }
     selectById(id, { clear = false, notify = true, toggle = false }) {
         const item = this.value.itemsById[id];
         if (item)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dosgato/dialog",
   "description": "A component library for building forms that edit a JSON document.",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "scripts": {
     "prepublishOnly": "svelte-package",
     "dev": "vite dev --force",