@jax-data-science/sci-image-visualizer 0.8.3 → 0.10.0

package/esm2022/lib/spatial-controls/spatial-charts/spatial-embedding-controls/spatial-embedding-controls.component.mjs

@@ -0,0 +1,89 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ButtonModule } from 'primeng/button';
+import { DropdownModule } from 'primeng/dropdown';
+import { ProgressBarModule } from 'primeng/progressbar';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/button";
+import * as i4 from "primeng/dropdown";
+import * as i5 from "primeng/progressbar";
+import * as i6 from "primeng/tooltip";
+const IDLE = { running: false, fraction: null, backend: null, message: null, error: null };
+/**
+ * The row under the chart tabs: which embedding to draw, computing a t-SNE the dataset
+ * does not publish (with its estimate, progress, Cancel and errors), and detaching the
+ * chart into its own window — which applies to every kind.
+ *
+ * Presentational: the charts panel owns the embeddings, the computation and the window.
+ */
+export class SpatialEmbeddingControlsComponent {
+    constructor() {
+        /** Whether the Embedding tab is the one on screen. */
+        this.isEmbedding = false;
+        /** The embeddings the dataset offers (plus one to compute, when offered). */
+        this.embeddings = [];
+        /** The embedding drawn, or null. */
+        this.embedding = null;
+        /** The selected embedding is one this browser would have to compute… */
+        this.computable = false;
+        /** …and it has been, this session. */
+        this.computed = false;
+        /** A computation is running. */
+        this.running = false;
+        /** Where a computation stands: its progress, backend, message and error. */
+        this.state = IDLE;
+        /** The run's estimated duration, for the Compute button. */
+        this.estimateLabel = '';
+        /** Why a t-SNE is not offered, when the dataset is too big to embed here; else null. */
+        this.tooLargeNote = null;
+        /** Whether the chart is in its own window. */
+        this.detached = false;
+        /** Another embedding was picked (its name). */
+        this.embeddingChange = new EventEmitter();
+        /** Compute the selected embedding in this browser. */
+        this.compute = new EventEmitter();
+        /** Stop the running computation. */
+        this.cancel = new EventEmitter();
+        /** Move the chart into its own window, or back into the panel. */
+        this.detachedToggle = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialEmbeddingControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: SpatialEmbeddingControlsComponent, isStandalone: true, selector: "spatial-embedding-controls", inputs: { isEmbedding: "isEmbedding", embeddings: "embeddings", embedding: "embedding", computable: "computable", computed: "computed", running: "running", state: "state", estimateLabel: "estimateLabel", tooLargeNote: "tooLargeNote", detached: "detached" }, outputs: { embeddingChange: "embeddingChange", compute: "compute", cancel: "cancel", detachedToggle: "detachedToggle" }, ngImport: i0, template: "<!-- Detach applies to EVERY kind: the dialog is only so wide, and a counts plot read\n     against a heatmap is the same argument as a UMAP read against the map. -->\n<div class=\"sx-controls\">\n  <!-- A picker only when the dataset publishes more than one embedding. -->\n  <p-dropdown\n    *ngIf=\"isEmbedding && embeddings.length > 1\"\n    [options]=\"embeddings\"\n    optionLabel=\"label\"\n    optionValue=\"name\"\n    [ngModel]=\"embedding?.name\"\n    (ngModelChange)=\"embeddingChange.emit($event)\"\n    appendTo=\"body\"\n    pTooltip=\"Which embedding to draw\"\n    tooltipPosition=\"top\"\n  ></p-dropdown>\n  <!-- Offered only for an embedding this dataset does not publish. It runs in a Web\n       Worker on the GPU, so the panel stays usable while it goes. -->\n  <p-button\n    *ngIf=\"isEmbedding && computable && !computed && !running\"\n    icon=\"pi pi-play\"\n    size=\"small\"\n    [text]=\"true\"\n    [label]=\"'Compute (' + estimateLabel + ')'\"\n    pTooltip=\"Run t-SNE here, in a background worker on the GPU, from this dataset's PCA. The panel stays usable, and it can be cancelled.\"\n    tooltipPosition=\"top\"\n    (onClick)=\"compute.emit()\"\n  ></p-button>\n  <p-button\n    *ngIf=\"running\"\n    icon=\"pi pi-times\"\n    size=\"small\"\n    [text]=\"true\"\n    severity=\"secondary\"\n    label=\"Cancel\"\n    (onClick)=\"cancel.emit()\"\n  ></p-button>\n  <p-button\n    [icon]=\"detached ? 'pi pi-window-minimize' : 'pi pi-external-link'\"\n    size=\"small\"\n    [text]=\"true\"\n    [label]=\"detached ? 'Put back' : 'Detach'\"\n    [pTooltip]=\"\n      detached ? 'Show this chart in the panel again' : 'Open this chart in its own window, alongside this panel'\n    \"\n    tooltipPosition=\"top\"\n    (onClick)=\"detachedToggle.emit()\"\n  ></p-button>\n</div>\n\n<!-- Progress while a computation runs. `mode=\"indeterminate\"` until the first report,\n     because the run starts with a neighbour graph and there is nothing honest to show\n     as a percentage yet. -->\n<div class=\"sx-compute\" *ngIf=\"running\">\n  <p-progressBar\n    [mode]=\"state.fraction === null ? 'indeterminate' : 'determinate'\"\n    [value]=\"state.fraction === null ? 0 : state.fraction * 100\"\n    [showValue]=\"state.fraction !== null\"\n    [style]=\"{ height: '0.6rem' }\"\n  ></p-progressBar>\n  <small class=\"sx-hint\">\n    {{ state.fraction === null ? 'Building the neighbour graph\u2026' : 'Optimising\u2026' }}\n    <ng-container *ngIf=\"state.backend\"> on {{ state.backend }}</ng-container>\n  </small>\n  <small class=\"sx-hint sx-warn\" *ngIf=\"state.message\">{{ state.message }}</small>\n</div>\n<small class=\"sx-hint sx-warn\" *ngIf=\"state.error\">{{ state.error }}</small>\n<!-- Withheld rather than offered with a warning: an hour-long job is not a choice a\n     reader can meaningfully consent to from a dialog. -->\n<small class=\"sx-hint\" *ngIf=\"isEmbedding && tooLargeNote\">{{ tooLargeNote }}</small>\n", styles: [".sx-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sx-controls p-dropdown{flex:1 1 8rem;min-width:0}:host ::ng-deep .sx-controls p-dropdown .p-dropdown{width:100%}.sx-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d);line-height:1.35}.sx-warn{color:var(--orange-600, #c2410c)}:host{display:contents}.sx-compute{display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i5.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialEmbeddingControlsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spatial-embedding-controls', standalone: true, imports: [CommonModule, FormsModule, ButtonModule, DropdownModule, ProgressBarModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Detach applies to EVERY kind: the dialog is only so wide, and a counts plot read\n     against a heatmap is the same argument as a UMAP read against the map. -->\n<div class=\"sx-controls\">\n  <!-- A picker only when the dataset publishes more than one embedding. -->\n  <p-dropdown\n    *ngIf=\"isEmbedding && embeddings.length > 1\"\n    [options]=\"embeddings\"\n    optionLabel=\"label\"\n    optionValue=\"name\"\n    [ngModel]=\"embedding?.name\"\n    (ngModelChange)=\"embeddingChange.emit($event)\"\n    appendTo=\"body\"\n    pTooltip=\"Which embedding to draw\"\n    tooltipPosition=\"top\"\n  ></p-dropdown>\n  <!-- Offered only for an embedding this dataset does not publish. It runs in a Web\n       Worker on the GPU, so the panel stays usable while it goes. -->\n  <p-button\n    *ngIf=\"isEmbedding && computable && !computed && !running\"\n    icon=\"pi pi-play\"\n    size=\"small\"\n    [text]=\"true\"\n    [label]=\"'Compute (' + estimateLabel + ')'\"\n    pTooltip=\"Run t-SNE here, in a background worker on the GPU, from this dataset's PCA. The panel stays usable, and it can be cancelled.\"\n    tooltipPosition=\"top\"\n    (onClick)=\"compute.emit()\"\n  ></p-button>\n  <p-button\n    *ngIf=\"running\"\n    icon=\"pi pi-times\"\n    size=\"small\"\n    [text]=\"true\"\n    severity=\"secondary\"\n    label=\"Cancel\"\n    (onClick)=\"cancel.emit()\"\n  ></p-button>\n  <p-button\n    [icon]=\"detached ? 'pi pi-window-minimize' : 'pi pi-external-link'\"\n    size=\"small\"\n    [text]=\"true\"\n    [label]=\"detached ? 'Put back' : 'Detach'\"\n    [pTooltip]=\"\n      detached ? 'Show this chart in the panel again' : 'Open this chart in its own window, alongside this panel'\n    \"\n    tooltipPosition=\"top\"\n    (onClick)=\"detachedToggle.emit()\"\n  ></p-button>\n</div>\n\n<!-- Progress while a computation runs. `mode=\"indeterminate\"` until the first report,\n     because the run starts with a neighbour graph and there is nothing honest to show\n     as a percentage yet. -->\n<div class=\"sx-compute\" *ngIf=\"running\">\n  <p-progressBar\n    [mode]=\"state.fraction === null ? 'indeterminate' : 'determinate'\"\n    [value]=\"state.fraction === null ? 0 : state.fraction * 100\"\n    [showValue]=\"state.fraction !== null\"\n    [style]=\"{ height: '0.6rem' }\"\n  ></p-progressBar>\n  <small class=\"sx-hint\">\n    {{ state.fraction === null ? 'Building the neighbour graph\u2026' : 'Optimising\u2026' }}\n    <ng-container *ngIf=\"state.backend\"> on {{ state.backend }}</ng-container>\n  </small>\n  <small class=\"sx-hint sx-warn\" *ngIf=\"state.message\">{{ state.message }}</small>\n</div>\n<small class=\"sx-hint sx-warn\" *ngIf=\"state.error\">{{ state.error }}</small>\n<!-- Withheld rather than offered with a warning: an hour-long job is not a choice a\n     reader can meaningfully consent to from a dialog. -->\n<small class=\"sx-hint\" *ngIf=\"isEmbedding && tooLargeNote\">{{ tooLargeNote }}</small>\n", styles: [".sx-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sx-controls p-dropdown{flex:1 1 8rem;min-width:0}:host ::ng-deep .sx-controls p-dropdown .p-dropdown{width:100%}.sx-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d);line-height:1.35}.sx-warn{color:var(--orange-600, #c2410c)}:host{display:contents}.sx-compute{display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0}\n"] }]
+        }], propDecorators: { isEmbedding: [{
+                type: Input
+            }], embeddings: [{
+                type: Input
+            }], embedding: [{
+                type: Input
+            }], computable: [{
+                type: Input
+            }], computed: [{
+                type: Input
+            }], running: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], estimateLabel: [{
+                type: Input
+            }], tooLargeNote: [{
+                type: Input
+            }], detached: [{
+                type: Input
+            }], embeddingChange: [{
+                type: Output
+            }], compute: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], detachedToggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1lbWJlZGRpbmctY29udHJvbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zcGF0aWFsLWNvbnRyb2xzL3NwYXRpYWwtY2hhcnRzL3NwYXRpYWwtZW1iZWRkaW5nLWNvbnRyb2xzL3NwYXRpYWwtZW1iZWRkaW5nLWNvbnRyb2xzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLWNoYXJ0cy9zcGF0aWFsLWVtYmVkZGluZy1jb250cm9scy9zcGF0aWFsLWVtYmVkZGluZy1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7O0FBS2hELE1BQU0sSUFBSSxHQUEwQixFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO0FBRWxIOzs7Ozs7R0FNRztBQVNILE1BQU0sT0FBTyxpQ0FBaUM7SUFSOUM7UUFTRSxzREFBc0Q7UUFDN0MsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDN0IsNkVBQTZFO1FBQ3BFLGVBQVUsR0FBMkIsRUFBRSxDQUFDO1FBQ2pELG9DQUFvQztRQUMzQixjQUFTLEdBQWdDLElBQUksQ0FBQztRQUN2RCx3RUFBd0U7UUFDL0QsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUM1QixzQ0FBc0M7UUFDN0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUMxQixnQ0FBZ0M7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUN6Qiw0RUFBNEU7UUFDbkUsVUFBSyxHQUEwQixJQUFJLENBQUM7UUFDN0MsNERBQTREO1FBQ25ELGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQzVCLHdGQUF3RjtRQUMvRSxpQkFBWSxHQUFrQixJQUFJLENBQUM7UUFDNUMsOENBQThDO1FBQ3JDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsK0NBQStDO1FBQzVCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNoRSxzREFBc0Q7UUFDbkMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEQsb0NBQW9DO1FBQ2pCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3JELGtFQUFrRTtRQUMvQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FDOUQ7OEdBN0JZLGlDQUFpQztrR0FBakMsaUNBQWlDLGlkQzVCOUMsKzVGQXFFQSxrZEQ5Q1ksWUFBWSxrSUFBRSxXQUFXLDhWQUFFLFlBQVksNlhBQUUsY0FBYyx1dENBQUUsaUJBQWlCLHNMQUFFLGFBQWE7OzJGQUt4RixpQ0FBaUM7a0JBUjdDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLENBQUMsbUJBR25GLHVCQUF1QixDQUFDLE1BQU07OEJBSXRDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVhLGVBQWU7c0JBQWpDLE1BQU07Z0JBRVksT0FBTztzQkFBekIsTUFBTTtnQkFFWSxNQUFNO3NCQUF4QixNQUFNO2dCQUVZLGNBQWM7c0JBQWhDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYnV0dG9uJztcbmltcG9ydCB7IERyb3Bkb3duTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9kcm9wZG93bic7XG5pbXBvcnQgeyBQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcHJvZ3Jlc3NiYXInO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XG5cbmltcG9ydCB0eXBlIHsgU3BhdGlhbEVtYmVkZGluZ01ldGEgfSBmcm9tICcuLi8uLi8uLi9jb250cmFjdHMvc3BhdGlhbC1kYXRhc2V0LmNvbnRyYWN0JztcbmltcG9ydCB0eXBlIHsgRW1iZWRkaW5nQ29tcHV0ZVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vc3BhdGlhbC9lbWJlZGRpbmctY29tcHV0ZS1jb29yZGluYXRvcic7XG5cbmNvbnN0IElETEU6IEVtYmVkZGluZ0NvbXB1dGVTdGF0ZSA9IHsgcnVubmluZzogZmFsc2UsIGZyYWN0aW9uOiBudWxsLCBiYWNrZW5kOiBudWxsLCBtZXNzYWdlOiBudWxsLCBlcnJvcjogbnVsbCB9O1xuXG4vKipcbiAqIFRoZSByb3cgdW5kZXIgdGhlIGNoYXJ0IHRhYnM6IHdoaWNoIGVtYmVkZGluZyB0byBkcmF3LCBjb21wdXRpbmcgYSB0LVNORSB0aGUgZGF0YXNldFxuICogZG9lcyBub3QgcHVibGlzaCAod2l0aCBpdHMgZXN0aW1hdGUsIHByb2dyZXNzLCBDYW5jZWwgYW5kIGVycm9ycyksIGFuZCBkZXRhY2hpbmcgdGhlXG4gKiBjaGFydCBpbnRvIGl0cyBvd24gd2luZG93IOKAlCB3aGljaCBhcHBsaWVzIHRvIGV2ZXJ5IGtpbmQuXG4gKlxuICogUHJlc2VudGF0aW9uYWw6IHRoZSBjaGFydHMgcGFuZWwgb3ducyB0aGUgZW1iZWRkaW5ncywgdGhlIGNvbXB1dGF0aW9uIGFuZCB0aGUgd2luZG93LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcGF0aWFsLWVtYmVkZGluZy1jb250cm9scycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBCdXR0b25Nb2R1bGUsIERyb3Bkb3duTW9kdWxlLCBQcm9ncmVzc0Jhck1vZHVsZSwgVG9vbHRpcE1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGF0aWFsLWVtYmVkZGluZy1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwYXRpYWwtZW1iZWRkaW5nLWNvbnRyb2xzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTcGF0aWFsRW1iZWRkaW5nQ29udHJvbHNDb21wb25lbnQge1xuICAvKiogV2hldGhlciB0aGUgRW1iZWRkaW5nIHRhYiBpcyB0aGUgb25lIG9uIHNjcmVlbi4gKi9cbiAgQElucHV0KCkgaXNFbWJlZGRpbmcgPSBmYWxzZTtcbiAgLyoqIFRoZSBlbWJlZGRpbmdzIHRoZSBkYXRhc2V0IG9mZmVycyAocGx1cyBvbmUgdG8gY29tcHV0ZSwgd2hlbiBvZmZlcmVkKS4gKi9cbiAgQElucHV0KCkgZW1iZWRkaW5nczogU3BhdGlhbEVtYmVkZGluZ01ldGFbXSA9IFtdO1xuICAvKiogVGhlIGVtYmVkZGluZyBkcmF3biwgb3IgbnVsbC4gKi9cbiAgQElucHV0KCkgZW1iZWRkaW5nOiBTcGF0aWFsRW1iZWRkaW5nTWV0YSB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIHNlbGVjdGVkIGVtYmVkZGluZyBpcyBvbmUgdGhpcyBicm93c2VyIHdvdWxkIGhhdmUgdG8gY29tcHV0ZeKApiAqL1xuICBASW5wdXQoKSBjb21wdXRhYmxlID0gZmFsc2U7XG4gIC8qKiDigKZhbmQgaXQgaGFzIGJlZW4sIHRoaXMgc2Vzc2lvbi4gKi9cbiAgQElucHV0KCkgY29tcHV0ZWQgPSBmYWxzZTtcbiAgLyoqIEEgY29tcHV0YXRpb24gaXMgcnVubmluZy4gKi9cbiAgQElucHV0KCkgcnVubmluZyA9IGZhbHNlO1xuICAvKiogV2hlcmUgYSBjb21wdXRhdGlvbiBzdGFuZHM6IGl0cyBwcm9ncmVzcywgYmFja2VuZCwgbWVzc2FnZSBhbmQgZXJyb3IuICovXG4gIEBJbnB1dCgpIHN0YXRlOiBFbWJlZGRpbmdDb21wdXRlU3RhdGUgPSBJRExFO1xuICAvKiogVGhlIHJ1bidzIGVzdGltYXRlZCBkdXJhdGlvbiwgZm9yIHRoZSBDb21wdXRlIGJ1dHRvbi4gKi9cbiAgQElucHV0KCkgZXN0aW1hdGVMYWJlbCA9ICcnO1xuICAvKiogV2h5IGEgdC1TTkUgaXMgbm90IG9mZmVyZWQsIHdoZW4gdGhlIGRhdGFzZXQgaXMgdG9vIGJpZyB0byBlbWJlZCBoZXJlOyBlbHNlIG51bGwuICovXG4gIEBJbnB1dCgpIHRvb0xhcmdlTm90ZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIC8qKiBXaGV0aGVyIHRoZSBjaGFydCBpcyBpbiBpdHMgb3duIHdpbmRvdy4gKi9cbiAgQElucHV0KCkgZGV0YWNoZWQgPSBmYWxzZTtcbiAgLyoqIEFub3RoZXIgZW1iZWRkaW5nIHdhcyBwaWNrZWQgKGl0cyBuYW1lKS4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGVtYmVkZGluZ0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAvKiogQ29tcHV0ZSB0aGUgc2VsZWN0ZWQgZW1iZWRkaW5nIGluIHRoaXMgYnJvd3Nlci4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGNvbXB1dGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIC8qKiBTdG9wIHRoZSBydW5uaW5nIGNvbXB1dGF0aW9uLiAqL1xuICBAT3V0cHV0KCkgcmVhZG9ubHkgY2FuY2VsID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAvKiogTW92ZSB0aGUgY2hhcnQgaW50byBpdHMgb3duIHdpbmRvdywgb3IgYmFjayBpbnRvIHRoZSBwYW5lbC4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGRldGFjaGVkVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xufVxuIiwiPCEtLSBEZXRhY2ggYXBwbGllcyB0byBFVkVSWSBraW5kOiB0aGUgZGlhbG9nIGlzIG9ubHkgc28gd2lkZSwgYW5kIGEgY291bnRzIHBsb3QgcmVhZFxuICAgICBhZ2FpbnN0IGEgaGVhdG1hcCBpcyB0aGUgc2FtZSBhcmd1bWVudCBhcyBhIFVNQVAgcmVhZCBhZ2FpbnN0IHRoZSBtYXAuIC0tPlxuPGRpdiBjbGFzcz1cInN4LWNvbnRyb2xzXCI+XG4gIDwhLS0gQSBwaWNrZXIgb25seSB3aGVuIHRoZSBkYXRhc2V0IHB1Ymxpc2hlcyBtb3JlIHRoYW4gb25lIGVtYmVkZGluZy4gLS0+XG4gIDxwLWRyb3Bkb3duXG4gICAgKm5nSWY9XCJpc0VtYmVkZGluZyAmJiBlbWJlZGRpbmdzLmxlbmd0aCA+IDFcIlxuICAgIFtvcHRpb25zXT1cImVtYmVkZGluZ3NcIlxuICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgIG9wdGlvblZhbHVlPVwibmFtZVwiXG4gICAgW25nTW9kZWxdPVwiZW1iZWRkaW5nPy5uYW1lXCJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJlbWJlZGRpbmdDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgIHBUb29sdGlwPVwiV2hpY2ggZW1iZWRkaW5nIHRvIGRyYXdcIlxuICAgIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gID48L3AtZHJvcGRvd24+XG4gIDwhLS0gT2ZmZXJlZCBvbmx5IGZvciBhbiBlbWJlZGRpbmcgdGhpcyBkYXRhc2V0IGRvZXMgbm90IHB1Ymxpc2guIEl0IHJ1bnMgaW4gYSBXZWJcbiAgICAgICBXb3JrZXIgb24gdGhlIEdQVSwgc28gdGhlIHBhbmVsIHN0YXlzIHVzYWJsZSB3aGlsZSBpdCBnb2VzLiAtLT5cbiAgPHAtYnV0dG9uXG4gICAgKm5nSWY9XCJpc0VtYmVkZGluZyAmJiBjb21wdXRhYmxlICYmICFjb21wdXRlZCAmJiAhcnVubmluZ1wiXG4gICAgaWNvbj1cInBpIHBpLXBsYXlcIlxuICAgIHNpemU9XCJzbWFsbFwiXG4gICAgW3RleHRdPVwidHJ1ZVwiXG4gICAgW2xhYmVsXT1cIidDb21wdXRlICgnICsgZXN0aW1hdGVMYWJlbCArICcpJ1wiXG4gICAgcFRvb2x0aXA9XCJSdW4gdC1TTkUgaGVyZSwgaW4gYSBiYWNrZ3JvdW5kIHdvcmtlciBvbiB0aGUgR1BVLCBmcm9tIHRoaXMgZGF0YXNldCdzIFBDQS4gVGhlIHBhbmVsIHN0YXlzIHVzYWJsZSwgYW5kIGl0IGNhbiBiZSBjYW5jZWxsZWQuXCJcbiAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxuICAgIChvbkNsaWNrKT1cImNvbXB1dGUuZW1pdCgpXCJcbiAgPjwvcC1idXR0b24+XG4gIDxwLWJ1dHRvblxuICAgICpuZ0lmPVwicnVubmluZ1wiXG4gICAgaWNvbj1cInBpIHBpLXRpbWVzXCJcbiAgICBzaXplPVwic21hbGxcIlxuICAgIFt0ZXh0XT1cInRydWVcIlxuICAgIHNldmVyaXR5PVwic2Vjb25kYXJ5XCJcbiAgICBsYWJlbD1cIkNhbmNlbFwiXG4gICAgKG9uQ2xpY2spPVwiY2FuY2VsLmVtaXQoKVwiXG4gID48L3AtYnV0dG9uPlxuICA8cC1idXR0b25cbiAgICBbaWNvbl09XCJkZXRhY2hlZCA/ICdwaSBwaS13aW5kb3ctbWluaW1pemUnIDogJ3BpIHBpLWV4dGVybmFsLWxpbmsnXCJcbiAgICBzaXplPVwic21hbGxcIlxuICAgIFt0ZXh0XT1cInRydWVcIlxuICAgIFtsYWJlbF09XCJkZXRhY2hlZCA/ICdQdXQgYmFjaycgOiAnRGV0YWNoJ1wiXG4gICAgW3BUb29sdGlwXT1cIlxuICAgICAgZGV0YWNoZWQgPyAnU2hvdyB0aGlzIGNoYXJ0IGluIHRoZSBwYW5lbCBhZ2FpbicgOiAnT3BlbiB0aGlzIGNoYXJ0IGluIGl0cyBvd24gd2luZG93LCBhbG9uZ3NpZGUgdGhpcyBwYW5lbCdcbiAgICBcIlxuICAgIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gICAgKG9uQ2xpY2spPVwiZGV0YWNoZWRUb2dnbGUuZW1pdCgpXCJcbiAgPjwvcC1idXR0b24+XG48L2Rpdj5cblxuPCEtLSBQcm9ncmVzcyB3aGlsZSBhIGNvbXB1dGF0aW9uIHJ1bnMuIGBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiYCB1bnRpbCB0aGUgZmlyc3QgcmVwb3J0LFxuICAgICBiZWNhdXNlIHRoZSBydW4gc3RhcnRzIHdpdGggYSBuZWlnaGJvdXIgZ3JhcGggYW5kIHRoZXJlIGlzIG5vdGhpbmcgaG9uZXN0IHRvIHNob3dcbiAgICAgYXMgYSBwZXJjZW50YWdlIHlldC4gLS0+XG48ZGl2IGNsYXNzPVwic3gtY29tcHV0ZVwiICpuZ0lmPVwicnVubmluZ1wiPlxuICA8cC1wcm9ncmVzc0JhclxuICAgIFttb2RlXT1cInN0YXRlLmZyYWN0aW9uID09PSBudWxsID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiXG4gICAgW3ZhbHVlXT1cInN0YXRlLmZyYWN0aW9uID09PSBudWxsID8gMCA6IHN0YXRlLmZyYWN0aW9uICogMTAwXCJcbiAgICBbc2hvd1ZhbHVlXT1cInN0YXRlLmZyYWN0aW9uICE9PSBudWxsXCJcbiAgICBbc3R5bGVdPVwieyBoZWlnaHQ6ICcwLjZyZW0nIH1cIlxuICA+PC9wLXByb2dyZXNzQmFyPlxuICA8c21hbGwgY2xhc3M9XCJzeC1oaW50XCI+XG4gICAge3sgc3RhdGUuZnJhY3Rpb24gPT09IG51bGwgPyAnQnVpbGRpbmcgdGhlIG5laWdoYm91ciBncmFwaOKApicgOiAnT3B0aW1pc2luZ+KApicgfX1cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3RhdGUuYmFja2VuZFwiPiBvbiB7eyBzdGF0ZS5iYWNrZW5kIH19PC9uZy1jb250YWluZXI+XG4gIDwvc21hbGw+XG4gIDxzbWFsbCBjbGFzcz1cInN4LWhpbnQgc3gtd2FyblwiICpuZ0lmPVwic3RhdGUubWVzc2FnZVwiPnt7IHN0YXRlLm1lc3NhZ2UgfX08L3NtYWxsPlxuPC9kaXY+XG48c21hbGwgY2xhc3M9XCJzeC1oaW50IHN4LXdhcm5cIiAqbmdJZj1cInN0YXRlLmVycm9yXCI+e3sgc3RhdGUuZXJyb3IgfX08L3NtYWxsPlxuPCEtLSBXaXRoaGVsZCByYXRoZXIgdGhhbiBvZmZlcmVkIHdpdGggYSB3YXJuaW5nOiBhbiBob3VyLWxvbmcgam9iIGlzIG5vdCBhIGNob2ljZSBhXG4gICAgIHJlYWRlciBjYW4gbWVhbmluZ2Z1bGx5IGNvbnNlbnQgdG8gZnJvbSBhIGRpYWxvZy4gLS0+XG48c21hbGwgY2xhc3M9XCJzeC1oaW50XCIgKm5nSWY9XCJpc0VtYmVkZGluZyAmJiB0b29MYXJnZU5vdGVcIj57eyB0b29MYXJnZU5vdGUgfX08L3NtYWxsPlxuIl19

package/esm2022/lib/spatial-controls/spatial-charts/spatial-heatmap-controls/spatial-heatmap-controls.component.mjs

@@ -0,0 +1,52 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { CheckboxModule } from 'primeng/checkbox';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "primeng/checkbox";
+import * as i3 from "primeng/multiselect";
+import * as i4 from "primeng/tooltip";
+/**
+ * The heatmap's own controls: the genes its rows are (a filterable multi-select over the
+ * dataset's names) and whether each gene is z-scored across the columns.
+ *
+ * Presentational: the charts panel owns the gene list and the vectors behind it.
+ */
+export class SpatialHeatmapControlsComponent {
+    constructor() {
+        /** The picker's options: the best matches for the filter, plus the genes chosen. */
+        this.geneOptions = [];
+        /** The genes the rows are. */
+        this.genes = [];
+        /** Each gene is z-scored across the groups. */
+        this.zScore = true;
+        /** The genes picked for the rows. */
+        this.genesChange = new EventEmitter();
+        /** What is typed in the picker's filter box. */
+        this.filterChange = new EventEmitter();
+        /** The z-score toggle changed. */
+        this.zScoreChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialHeatmapControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: SpatialHeatmapControlsComponent, isStandalone: true, selector: "spatial-heatmap-controls", inputs: { geneOptions: "geneOptions", genes: "genes", zScore: "zScore" }, outputs: { genesChange: "genesChange", filterChange: "filterChange", zScoreChange: "zScoreChange" }, ngImport: i0, template: "<!-- The heatmap's rows are a gene LIST, so it needs its own picker: the other\n     kinds chart whatever single source the map is coloured by. -->\n<div class=\"sx-controls\">\n  <p-multiSelect\n    [options]=\"geneOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [ngModel]=\"genes\"\n    (ngModelChange)=\"genesChange.emit($event)\"\n    [filter]=\"true\"\n    filterBy=\"label\"\n    (onFilter)=\"filterChange.emit($event.filter)\"\n    [virtualScroll]=\"true\"\n    [virtualScrollItemSize]=\"30\"\n    appendTo=\"body\"\n    [showToggleAll]=\"false\"\n    [maxSelectedLabels]=\"3\"\n    selectedItemsLabel=\"{0} genes\"\n    placeholder=\"Pick genes for the rows\"\n    pTooltip=\"One row per gene, averaged within each group\"\n    tooltipPosition=\"top\"\n    styleClass=\"sx-genes\"\n  ></p-multiSelect>\n  <p-checkbox\n    [binary]=\"true\"\n    [ngModel]=\"zScore\"\n    (onChange)=\"zScoreChange.emit($event.checked)\"\n    label=\"z-score\"\n    pTooltip=\"Scale each gene across the groups. Without it one highly-expressed gene saturates the colour scale and the rest reads as blank\"\n    tooltipPosition=\"top\"\n  ></p-checkbox>\n</div>\n", styles: [".sx-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sx-controls p-dropdown{flex:1 1 8rem;min-width:0}:host ::ng-deep .sx-controls p-dropdown .p-dropdown{width:100%}.sx-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d);line-height:1.35}.sx-warn{color:var(--orange-600, #c2410c)}:host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialHeatmapControlsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spatial-heatmap-controls', standalone: true, imports: [CommonModule, FormsModule, CheckboxModule, MultiSelectModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- The heatmap's rows are a gene LIST, so it needs its own picker: the other\n     kinds chart whatever single source the map is coloured by. -->\n<div class=\"sx-controls\">\n  <p-multiSelect\n    [options]=\"geneOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    [ngModel]=\"genes\"\n    (ngModelChange)=\"genesChange.emit($event)\"\n    [filter]=\"true\"\n    filterBy=\"label\"\n    (onFilter)=\"filterChange.emit($event.filter)\"\n    [virtualScroll]=\"true\"\n    [virtualScrollItemSize]=\"30\"\n    appendTo=\"body\"\n    [showToggleAll]=\"false\"\n    [maxSelectedLabels]=\"3\"\n    selectedItemsLabel=\"{0} genes\"\n    placeholder=\"Pick genes for the rows\"\n    pTooltip=\"One row per gene, averaged within each group\"\n    tooltipPosition=\"top\"\n    styleClass=\"sx-genes\"\n  ></p-multiSelect>\n  <p-checkbox\n    [binary]=\"true\"\n    [ngModel]=\"zScore\"\n    (onChange)=\"zScoreChange.emit($event.checked)\"\n    label=\"z-score\"\n    pTooltip=\"Scale each gene across the groups. Without it one highly-expressed gene saturates the colour scale and the rest reads as blank\"\n    tooltipPosition=\"top\"\n  ></p-checkbox>\n</div>\n", styles: [".sx-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sx-controls p-dropdown{flex:1 1 8rem;min-width:0}:host ::ng-deep .sx-controls p-dropdown .p-dropdown{width:100%}.sx-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d);line-height:1.35}.sx-warn{color:var(--orange-600, #c2410c)}:host{display:contents}\n"] }]
+        }], propDecorators: { geneOptions: [{
+                type: Input
+            }], genes: [{
+                type: Input
+            }], zScore: [{
+                type: Input
+            }], genesChange: [{
+                type: Output
+            }], filterChange: [{
+                type: Output
+            }], zScoreChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1oZWF0bWFwLWNvbnRyb2xzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLWNoYXJ0cy9zcGF0aWFsLWhlYXRtYXAtY29udHJvbHMvc3BhdGlhbC1oZWF0bWFwLWNvbnRyb2xzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLWNoYXJ0cy9zcGF0aWFsLWhlYXRtYXAtY29udHJvbHMvc3BhdGlhbC1oZWF0bWFwLWNvbnRyb2xzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7QUFFaEQ7Ozs7O0dBS0c7QUFTSCxNQUFNLE9BQU8sK0JBQStCO0lBUjVDO1FBU0Usb0ZBQW9GO1FBQzNFLGdCQUFXLEdBQXVDLEVBQUUsQ0FBQztRQUM5RCw4QkFBOEI7UUFDckIsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQUM5QiwrQ0FBK0M7UUFDdEMsV0FBTSxHQUFHLElBQUksQ0FBQztRQUN2QixxQ0FBcUM7UUFDbEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBQzlELGdEQUFnRDtRQUM3QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDN0Qsa0NBQWtDO1FBQ2YsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBQy9EOzhHQWJZLCtCQUErQjtrR0FBL0IsK0JBQStCLG1RQ3JCNUMsdXBDQWdDQSx5WURoQlksWUFBWSw4QkFBRSxXQUFXLDhWQUFFLGNBQWMsZ1pBQUUsaUJBQWlCLG8xQ0FBRSxhQUFhOzsyRkFLMUUsK0JBQStCO2tCQVIzQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLENBQUMsbUJBR3JFLHVCQUF1QixDQUFDLE1BQU07OEJBSXRDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFYSxXQUFXO3NCQUE3QixNQUFNO2dCQUVZLFlBQVk7c0JBQTlCLE1BQU07Z0JBRVksWUFBWTtzQkFBOUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2hlY2tib3hNb2R1bGUgfSBmcm9tICdwcmltZW5nL2NoZWNrYm94JztcbmltcG9ydCB7IE11bHRpU2VsZWN0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9tdWx0aXNlbGVjdCc7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAncHJpbWVuZy90b29sdGlwJztcblxuLyoqXG4gKiBUaGUgaGVhdG1hcCdzIG93biBjb250cm9sczogdGhlIGdlbmVzIGl0cyByb3dzIGFyZSAoYSBmaWx0ZXJhYmxlIG11bHRpLXNlbGVjdCBvdmVyIHRoZVxuICogZGF0YXNldCdzIG5hbWVzKSBhbmQgd2hldGhlciBlYWNoIGdlbmUgaXMgei1zY29yZWQgYWNyb3NzIHRoZSBjb2x1bW5zLlxuICpcbiAqIFByZXNlbnRhdGlvbmFsOiB0aGUgY2hhcnRzIHBhbmVsIG93bnMgdGhlIGdlbmUgbGlzdCBhbmQgdGhlIHZlY3RvcnMgYmVoaW5kIGl0LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcGF0aWFsLWhlYXRtYXAtY29udHJvbHMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQ2hlY2tib3hNb2R1bGUsIE11bHRpU2VsZWN0TW9kdWxlLCBUb29sdGlwTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwYXRpYWwtaGVhdG1hcC1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwYXRpYWwtaGVhdG1hcC1jb250cm9scy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3BhdGlhbEhlYXRtYXBDb250cm9sc0NvbXBvbmVudCB7XG4gIC8qKiBUaGUgcGlja2VyJ3Mgb3B0aW9uczogdGhlIGJlc3QgbWF0Y2hlcyBmb3IgdGhlIGZpbHRlciwgcGx1cyB0aGUgZ2VuZXMgY2hvc2VuLiAqL1xuICBASW5wdXQoKSBnZW5lT3B0aW9uczogeyBsYWJlbDogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH1bXSA9IFtdO1xuICAvKiogVGhlIGdlbmVzIHRoZSByb3dzIGFyZS4gKi9cbiAgQElucHV0KCkgZ2VuZXM6IHN0cmluZ1tdID0gW107XG4gIC8qKiBFYWNoIGdlbmUgaXMgei1zY29yZWQgYWNyb3NzIHRoZSBncm91cHMuICovXG4gIEBJbnB1dCgpIHpTY29yZSA9IHRydWU7XG4gIC8qKiBUaGUgZ2VuZXMgcGlja2VkIGZvciB0aGUgcm93cy4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGdlbmVzQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmdbXT4oKTtcbiAgLyoqIFdoYXQgaXMgdHlwZWQgaW4gdGhlIHBpY2tlcidzIGZpbHRlciBib3guICovXG4gIEBPdXRwdXQoKSByZWFkb25seSBmaWx0ZXJDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgLyoqIFRoZSB6LXNjb3JlIHRvZ2dsZSBjaGFuZ2VkLiAqL1xuICBAT3V0cHV0KCkgcmVhZG9ubHkgelNjb3JlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xufVxuIiwiPCEtLSBUaGUgaGVhdG1hcCdzIHJvd3MgYXJlIGEgZ2VuZSBMSVNULCBzbyBpdCBuZWVkcyBpdHMgb3duIHBpY2tlcjogdGhlIG90aGVyXG4gICAgIGtpbmRzIGNoYXJ0IHdoYXRldmVyIHNpbmdsZSBzb3VyY2UgdGhlIG1hcCBpcyBjb2xvdXJlZCBieS4gLS0+XG48ZGl2IGNsYXNzPVwic3gtY29udHJvbHNcIj5cbiAgPHAtbXVsdGlTZWxlY3RcbiAgICBbb3B0aW9uc109XCJnZW5lT3B0aW9uc1wiXG4gICAgb3B0aW9uTGFiZWw9XCJsYWJlbFwiXG4gICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiXG4gICAgW25nTW9kZWxdPVwiZ2VuZXNcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cImdlbmVzQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgW2ZpbHRlcl09XCJ0cnVlXCJcbiAgICBmaWx0ZXJCeT1cImxhYmVsXCJcbiAgICAob25GaWx0ZXIpPVwiZmlsdGVyQ2hhbmdlLmVtaXQoJGV2ZW50LmZpbHRlcilcIlxuICAgIFt2aXJ0dWFsU2Nyb2xsXT1cInRydWVcIlxuICAgIFt2aXJ0dWFsU2Nyb2xsSXRlbVNpemVdPVwiMzBcIlxuICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgW3Nob3dUb2dnbGVBbGxdPVwiZmFsc2VcIlxuICAgIFttYXhTZWxlY3RlZExhYmVsc109XCIzXCJcbiAgICBzZWxlY3RlZEl0ZW1zTGFiZWw9XCJ7MH0gZ2VuZXNcIlxuICAgIHBsYWNlaG9sZGVyPVwiUGljayBnZW5lcyBmb3IgdGhlIHJvd3NcIlxuICAgIHBUb29sdGlwPVwiT25lIHJvdyBwZXIgZ2VuZSwgYXZlcmFnZWQgd2l0aGluIGVhY2ggZ3JvdXBcIlxuICAgIHRvb2x0aXBQb3NpdGlvbj1cInRvcFwiXG4gICAgc3R5bGVDbGFzcz1cInN4LWdlbmVzXCJcbiAgPjwvcC1tdWx0aVNlbGVjdD5cbiAgPHAtY2hlY2tib3hcbiAgICBbYmluYXJ5XT1cInRydWVcIlxuICAgIFtuZ01vZGVsXT1cInpTY29yZVwiXG4gICAgKG9uQ2hhbmdlKT1cInpTY29yZUNoYW5nZS5lbWl0KCRldmVudC5jaGVja2VkKVwiXG4gICAgbGFiZWw9XCJ6LXNjb3JlXCJcbiAgICBwVG9vbHRpcD1cIlNjYWxlIGVhY2ggZ2VuZSBhY3Jvc3MgdGhlIGdyb3Vwcy4gV2l0aG91dCBpdCBvbmUgaGlnaGx5LWV4cHJlc3NlZCBnZW5lIHNhdHVyYXRlcyB0aGUgY29sb3VyIHNjYWxlIGFuZCB0aGUgcmVzdCByZWFkcyBhcyBibGFua1wiXG4gICAgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCJcbiAgPjwvcC1jaGVja2JveD5cbjwvZGl2PlxuIl19