@genspectrum/dashboard-components 1.10.1 → 1.10.2

package/dist/util.d.ts

@@ -956,6 +956,22 @@ declare global {
 }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'gs-genome-data-viewer': GenomeDataViewerComponent;
+    }
+}
+
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+
+
 declare global {
     interface HTMLElementTagNameMap {
         'gs-mutations': MutationsComponent;
@@ -1070,7 +1086,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-genome-data-viewer': GenomeDataViewerComponent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
@@ -1078,7 +1094,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1086,7 +1102,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-statistics': StatisticsComponent;
+        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
     }
 }
 
@@ -1094,7 +1110,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1177,26 +1193,6 @@ declare global {
 }
 
 
-declare global {
-    interface HTMLElementTagNameMap {
-        'gs-number-range-filter': NumberRangeFilterComponent;
-    }
-    interface HTMLElementEventMap {
-        [gsEventNames.numberRangeFilterChanged]: NumberRangeFilterChangedEvent;
-        [gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
-    }
-}
-
-
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
-        }
-    }
-}
-
-
 declare global {
     interface HTMLElementTagNameMap {
         'gs-lineage-filter': LineageFilterComponent;
@@ -1219,7 +1215,11 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
+        'gs-number-range-filter': NumberRangeFilterComponent;
+    }
+    interface HTMLElementEventMap {
+        [gsEventNames.numberRangeFilterChanged]: NumberRangeFilterChangedEvent;
+        [gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
     }
 }
 
@@ -1227,7 +1227,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "1.10.1",
+    "version": "1.10.2",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",

package/src/web-components/input/gs-lineage-filter.tsx

@@ -49,7 +49,22 @@ export class LineageFilterComponent extends PreactLitAdapter {
      * Can be a string for single select mode or an array of strings (or comma-separated string) for multi-select mode.
      * Examples: "B.1.1.7" or ["B.1.1.7", "BA.5"] or "B.1.1.7,BA.5"
      */
-    @property()
+    @property({
+        converter: (value) => {
+            if (value === null) {
+                return value;
+            }
+            try {
+                const parsed = JSON.parse(value) as unknown;
+                if (Array.isArray(parsed) && parsed.every((v) => typeof v === 'string')) {
+                    return parsed;
+                }
+                return value;
+            } catch {
+                return value;
+            }
+        },
+    })
     value: string | string[] = '';
 
     /**
@@ -103,33 +118,6 @@ export class LineageFilterComponent extends PreactLitAdapter {
     @property({ type: Boolean })
     hideCounts: boolean | undefined = false;
 
-    override updated(changedProps: Map<string, unknown>) {
-        if (changedProps.has('value') || changedProps.has('multiSelect')) {
-            if (this.multiSelect) {
-                if (typeof this.value === 'string') {
-                    let parsed: unknown;
-                    try {
-                        parsed = JSON.parse(this.value);
-                    } catch {
-                        parsed = this.value.split(',').map((s) => s.trim());
-                    }
-
-                    // type guard
-                    if (Array.isArray(parsed) && parsed.every((v) => typeof v === 'string')) {
-                        this.value = parsed;
-                    } else {
-                        this.value = [];
-                    }
-                }
-            } else {
-                // single select: ensure value is a string
-                if (Array.isArray(this.value)) {
-                    this.value = this.value[0] ?? '';
-                }
-            }
-        }
-    }
-
     override render() {
         return (
             <LineageFilter

package/standalone-bundle/dashboard-components.js

@@ -40199,21 +40199,6 @@ let so = class extends zn {
   constructor() {
     super(...arguments), this.value = "", this.lapisField = "", this.multiSelect = !1, this.lapisFilter = {}, this.placeholderText = void 0, this.width = "100%", this.hideCounts = !1;
   }
-  updated(n) {
-    if (n.has("value") || n.has("multiSelect"))
-      if (this.multiSelect) {
-        if (typeof this.value == "string") {
-          let e;
-          try {
-            e = JSON.parse(this.value);
-          } catch {
-            e = this.value.split(",").map((t) => t.trim());
-          }
-          Array.isArray(e) && e.every((t) => typeof t == "string") ? this.value = e : this.value = [];
-        }
-      } else
-        Array.isArray(this.value) && (this.value = this.value[0] ?? "");
-  }
   render() {
     return /* @__PURE__ */ v(
       vB,
@@ -40230,7 +40215,18 @@ let so = class extends zn {
   }
 };
 is([
-  U()
+  U({
+    converter: (n) => {
+      if (n === null)
+        return n;
+      try {
+        const e = JSON.parse(n);
+        return Array.isArray(e) && e.every((t) => typeof t == "string") ? e : n;
+      } catch {
+        return n;
+      }
+    }
+  })
 ], so.prototype, "value", 2);
 is([
   U()