@dosgato/dialog 0.0.74 → 0.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -113,7 +113,7 @@ $: describedby = [title ? labelid : undefined, descid].filter(isNotBlank).join('
113
113
 
114
114
  .dialog-content {
115
115
  position: relative;
116
- padding: 0 2em;
116
+ padding: 2em;
117
117
  min-height: 5em;
118
118
  overflow: auto;
119
119
  background-color: var(--dg-dialog-content-bg, #f4f4f4);
package/dist/Form.svelte CHANGED
@@ -41,6 +41,9 @@ setContext(CHOOSER_API_CONTEXT, chooserClient);
41
41
  :global(.dialog-form) {
42
42
  padding: 0;
43
43
  }
44
+ :global(.dialog-content > .dialog-form) {
45
+ margin: -2em 0;
46
+ }
44
47
  .form-errors {
45
48
  color: var(--dg-danger-bg, #9a3332);
46
49
  padding: 1em;
@@ -117,10 +117,10 @@ export function cleanUrl(url) {
117
117
  }
118
118
  export function humanFileType(mime, extension) {
119
119
  if (mime.startsWith('image/') || mime.startsWith('video/'))
120
- return mime;
121
- if (mime.startsWith('text/'))
122
- return 'text - ' + extension;
120
+ return mime.split(';')[0];
123
121
  if (extension === 'js')
124
122
  return 'javascript';
123
+ if (mime.startsWith('text/'))
124
+ return 'text - ' + extension;
125
125
  return extension;
126
126
  }
@@ -146,7 +146,8 @@ afterUpdate(() => {
146
146
  }
147
147
  }
148
148
  });
149
- $: myRootItems = $store && $filteredRootItems;
149
+ $: myRootItemIds = $store && $filteredRootItems;
150
+ $: myRootItems = $store?.rootItems?.filter(r => myRootItemIds.has(r.id)) ?? [];
150
151
  </script>
151
152
 
152
153
  <svelte:window on:mouseup={headerDragEnd} />
@@ -58,7 +58,7 @@ export declare class TreeStore<T extends TreeItemFromDB> extends ActiveStore<ITr
58
58
  treeElement?: HTMLElement;
59
59
  rootItems: import("@txstate-mws/svelte-store").DerivedStore<TypedTreeItem<T>[] | undefined, ITreeStore<T>>;
60
60
  filterTerm: Store<string>;
61
- filteredRootItems: import("svelte/store").Readable<TypedTreeItem<T>[] | undefined>;
61
+ filteredRootItems: import("svelte/store").Readable<Set<string>>;
62
62
  draggable: import("@txstate-mws/svelte-store").DerivedStore<boolean, ITreeStore<T>>;
63
63
  dragging: import("@txstate-mws/svelte-store").DerivedStore<boolean, ITreeStore<T>>;
64
64
  selectedUndraggable: import("@txstate-mws/svelte-store").DerivedStore<boolean | undefined, ITreeStore<T>>;
@@ -9,8 +9,8 @@ export class TreeStore extends ActiveStore {
9
9
  filterTerm = new Store('');
10
10
  filteredRootItems = derived([this.rootItems, this.filterTerm], ([rootItems, filter]) => {
11
11
  if (!this.searchableFn || !rootItems?.length || isBlank(filter))
12
- return this.value.rootItems;
13
- const ret = [];
12
+ return new Set(this.value.rootItems?.map(r => r.id));
13
+ const ret = new Set();
14
14
  const newselected = [];
15
15
  let foundfocus = false;
16
16
  for (const itm of this.value.rootItems ?? []) {
@@ -24,7 +24,7 @@ export class TreeStore extends ActiveStore {
24
24
  newselected.push(itm);
25
25
  if (this.value.focused?.id === itm.id)
26
26
  foundfocus = true;
27
- ret.push(itm);
27
+ ret.add(itm.id);
28
28
  }
29
29
  }
30
30
  if (!foundfocus)
@@ -203,9 +203,7 @@ export class TreeStore extends ActiveStore {
203
203
  }
204
204
  async openAndRefresh(item, notify = true) {
205
205
  await this.refresh(item, true);
206
- const newItem = this.value.itemsById[item.id];
207
- newItem.open = !!newItem.children?.length;
208
- item.open = newItem.open;
206
+ item.open = !!item.children?.length;
209
207
  if (notify)
210
208
  this.trigger();
211
209
  }
@@ -226,7 +224,6 @@ export class TreeStore extends ActiveStore {
226
224
  async viewUnder(item) {
227
225
  if (item)
228
226
  await this.open(item);
229
- this.trigger();
230
227
  }
231
228
  dragStart(item) {
232
229
  if (this.value.dragging || !this.value.draggable)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dosgato/dialog",
3
3
  "description": "A component library for building forms that edit a JSON document.",
4
- "version": "0.0.74",
4
+ "version": "0.0.76",
5
5
  "scripts": {
6
6
  "prepublishOnly": "svelte-package",
7
7
  "dev": "vite dev --force",