@jax-data-science/sci-image-visualizer 0.15.0 → 0.17.0

package/lib/spatial-controls/spatial-groups-panel/spatial-groups-panel.component.d.ts

@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
 /**
  * The cells' grouping, as Xenium Explorer's Groups section: the group picker (columns under
  * their section heading, a k-means family once, with its k beside it), CSV import of a new
- * grouping, and the grouping's categories with their colours, cell counts and show/hide
- * switches.
+ * grouping, and the grouping's categories with their colours (each one's swatch opens a colour
+ * picker), cell counts and show/hide switches.
  *
- * Writes only through `controls.setViewState` (`cellTypeColumn`, `hiddenGroups`).
+ * Writes only through `controls.setViewState` (`cellTypeColumn`, `hiddenGroups`, `groupColors`).
  */
 export declare class SpatialGroupsPanelComponent implements OnChanges {
     private readonly zone;
@@ -42,6 +42,8 @@ export declare class SpatialGroupsPanelComponent implements OnChanges {
     private readonly groupRowsLoad;
     protected groupImportError: string | null;
     protected groupImporting: boolean;
+    /** The group the open colour picker edits. */
+    protected styleGroup: string | null;
     constructor(zone: NgZone, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     /** The categorical column the cells are grouped by. */
@@ -57,6 +59,15 @@ export declare class SpatialGroupsPanelComponent implements OnChanges {
     protected get allGroupsShown(): boolean;
     protected onGroupShown(label: string, on: boolean): void;
     protected onAllGroupsShown(on: boolean): void;
+    protected openGroupStyle(event: Event, label: string, panel: {
+        toggle(e: Event): void;
+        hide(): void;
+    }): void;
+    /** The colour group `label` is drawn in now (the user's, else the column's or the palette's). */
+    protected groupColorOf(label: string): string;
+    protected onGroupColor(label: string, hex: string): void;
+    /** Back to the group's own colour (the column's, else the palette's). */
+    protected resetGroupColor(label: string): void;
     protected get canImportGroups(): boolean;
     /** '+': a CSV/TSV of `cell_id` and group, named after the file. */
     protected onImportGroupsFile(input: HTMLInputElement): Promise<void>;

package/lib/toolbar/toolbar.component.d.ts

@@ -216,6 +216,12 @@ export declare class ToolbarComponent {
     protected get isNapariMode(): boolean;
     /** ISOSURFACE (Plotly or napari-js WebGPU, either resolution) shows the isovalue range slider. */
     protected get isIsosurfaceMode(): boolean;
+    /**
+     * The views that draw the 3D axes gizmo (an `Axes3dGizmo`): napari-js's volume, isosurface and
+     * surface, and the 3D spatial cloud. Not every napari-js view: its 2D image and scatter and its
+     * 3D scatter draw none, and a toggle there would do nothing.
+     */
+    protected get showsAxesToggle(): boolean;
     /** The napari-js WebGPU surface — shows the wireframe toggle. */
     protected get isNapariSurfaceMode(): boolean;
     /** Any napari-js WebGPU 3D type (volume/isosurface/surface) — shows the Resolution control. */

package/lib/toolbar/view-controls/view-controls.component.d.ts

@@ -16,12 +16,12 @@ export declare class ViewControlsComponent {
     activeDragMode: string | null;
     /** The 3D camera mode (`turntable` / `orbit` / …). */
     activeSurface3dMode: string;
-    /** A napari-js WebGPU view (axes toggle, napari camera). */
-    isNapariMode: boolean;
     /** The napari-js surface (shows the wireframe toggle). */
     isNapariSurfaceMode: boolean;
     /** A napari-js 3D view (shows the Resolution dropdown). */
     isNapari3dMode: boolean;
+    /** Whether the view draws the 3D axes gizmo (shows its toggle). */
+    axesToggle: boolean;
     /** The napari 3D axes gizmo is shown. */
     axesVisible: boolean;
     /** The napari surface wireframe is on. */
@@ -50,5 +50,5 @@ export declare class ViewControlsComponent {
         value: number;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewControlsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ViewControlsComponent, "toolbar-view-controls", never, { "isHeatmap": { "alias": "isHeatmap"; "required": false; }; "zoomTools": { "alias": "zoomTools"; "required": false; }; "isImageView": { "alias": "isImageView"; "required": false; }; "activeDragMode": { "alias": "activeDragMode"; "required": false; }; "activeSurface3dMode": { "alias": "activeSurface3dMode"; "required": false; }; "isNapariMode": { "alias": "isNapariMode"; "required": false; }; "isNapariSurfaceMode": { "alias": "isNapariSurfaceMode"; "required": false; }; "isNapari3dMode": { "alias": "isNapari3dMode"; "required": false; }; "axesVisible": { "alias": "axesVisible"; "required": false; }; "wireframeActive": { "alias": "wireframeActive"; "required": false; }; "resolutionScale": { "alias": "resolutionScale"; "required": false; }; }, { "toggleDragMode": "toggleDragMode"; "zoomIn": "zoomIn"; "zoomOut": "zoomOut"; "toggleSurface3dMode": "toggleSurface3dMode"; "resetSurfaceCamera": "resetSurfaceCamera"; "toggleAxes": "toggleAxes"; "toggleWireframe": "toggleWireframe"; "selectResolution": "selectResolution"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewControlsComponent, "toolbar-view-controls", never, { "isHeatmap": { "alias": "isHeatmap"; "required": false; }; "zoomTools": { "alias": "zoomTools"; "required": false; }; "isImageView": { "alias": "isImageView"; "required": false; }; "activeDragMode": { "alias": "activeDragMode"; "required": false; }; "activeSurface3dMode": { "alias": "activeSurface3dMode"; "required": false; }; "isNapariSurfaceMode": { "alias": "isNapariSurfaceMode"; "required": false; }; "isNapari3dMode": { "alias": "isNapari3dMode"; "required": false; }; "axesToggle": { "alias": "axesToggle"; "required": false; }; "axesVisible": { "alias": "axesVisible"; "required": false; }; "wireframeActive": { "alias": "wireframeActive"; "required": false; }; "resolutionScale": { "alias": "resolutionScale"; "required": false; }; }, { "toggleDragMode": "toggleDragMode"; "zoomIn": "zoomIn"; "zoomOut": "zoomOut"; "toggleSurface3dMode": "toggleSurface3dMode"; "resetSurfaceCamera": "resetSurfaceCamera"; "toggleAxes": "toggleAxes"; "toggleWireframe": "toggleWireframe"; "selectResolution": "selectResolution"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jax-data-science/sci-image-visualizer",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -40,7 +40,7 @@
     "cellpose-js": "^0.6.0",
     "fast-png": "^6.4.0",
     "fzstd": "^0.1.1",
-    "napari-js": "^0.18.0",
+    "napari-js": "^0.20.0",
     "openseadragon": "^6.0.2",
     "plotly.js-dist-min": "^3.0.1",
     "tslib": "^2.3.0"