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

package/esm2022/lib/spatial-controls/spatial-groups-panel/spatial-groups-panel.component.mjs

@@ -0,0 +1,193 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgZone, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { SharedModule } from 'primeng/api';
+import { CheckboxModule } from 'primeng/checkbox';
+import { DropdownModule } from 'primeng/dropdown';
+import { DEFAULT_SPATIAL_VIEW } from '../../contracts/display-types';
+import { cellTypeColumnFor } from '../../spatial/spatial-tiles';
+import { FAMILY_PREFIX, countGroupRows, familyMembers, groupEntryFor, groupOptions, groupVariantOptions, toggleHidden, } from '../../spatial/spatial-panel-model';
+import { Supersede } from '../../util/supersede';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/api";
+import * as i4 from "primeng/checkbox";
+import * as i5 from "primeng/dropdown";
+/**
+ * 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.
+ *
+ * Writes only through `controls.setViewState` (`cellTypeColumn`, `hiddenGroups`).
+ */
+export class SpatialGroupsPanelComponent {
+    constructor(zone, cdr) {
+        this.zone = zone;
+        this.cdr = cdr;
+        /** The spatial controls this panel reads and writes through; null without a `SPATIAL_DATA_PORT`. */
+        this.controls = null;
+        /** The dataset on offer, or null. */
+        this.dataset = null;
+        /** The current spatial view state: what is drawn, and how. */
+        this.view = DEFAULT_SPATIAL_VIEW;
+        /**
+         * The group picker: categorical columns under their section heading, a family of
+         * variants (k-means at k = 2…10) listed once. Values are a column name, or
+         * `family:<id>` for a family.
+         */
+        this.groupOptions = [];
+        /** Variants of the active family (k = 2…10), when a family is active. */
+        this.groupVariantOptions = [];
+        /** The last variant chosen per family, so switching away and back keeps k. */
+        this.familyChoice = new Map();
+        /** The active grouping's categories with colours and cell counts, largest first. */
+        this.groupRows = [];
+        this.groupTotal = 0;
+        this.groupsExpanded = true;
+        /** The grouping {@link groupRows} shows or is loading — a repeat request for it is a no-op. */
+        this.groupRowsFor = null;
+        /** Latest wins among group-row loads, so a slow one for an earlier grouping (or the
+         *  previous dataset's column of the same name) cannot land over the current one. */
+        this.groupRowsLoad = new Supersede();
+        this.groupImportError = null;
+        this.groupImporting = false;
+        /** {@link SpatialViewState.hiddenGroups} as a set, for the per-row checks. */
+        this.hiddenGroups = new Set();
+        this.trackByLabel = (_i, row) => row.label;
+    }
+    ngOnChanges(changes) {
+        if (changes['view'])
+            this.hiddenGroups = new Set(this.view.hiddenGroups);
+        if (changes['dataset']) {
+            this.groupOptions = groupOptions(this.dataset);
+            // A same-named grouping of a new dataset is not the old one.
+            this.groupRowsFor = null;
+        }
+        void this.refreshGroups();
+    }
+    /** The categorical column the cells are grouped by. */
+    get activeCellTypeColumn() {
+        return this.dataset ? cellTypeColumnFor(this.dataset, this.view) : null;
+    }
+    /** The picker's value for the active group column. */
+    get activeGroupEntry() {
+        return groupEntryFor(this.dataset, this.activeCellTypeColumn);
+    }
+    onGroupEntry(value) {
+        if (value.startsWith(FAMILY_PREFIX)) {
+            const id = value.slice(FAMILY_PREFIX.length);
+            const name = this.familyChoice.get(id) ?? familyMembers(this.dataset, id)[0]?.name;
+            if (name)
+                this.onCellTypeColumn(name);
+            return;
+        }
+        this.onCellTypeColumn(value);
+    }
+    onGroupVariant(name) {
+        const meta = this.dataset?.columns.find((c) => c.name === name);
+        if (meta?.kind === 'categorical' && meta.family)
+            this.familyChoice.set(meta.family.id, name);
+        this.onCellTypeColumn(name);
+    }
+    onCellTypeColumn(name) {
+        // Switched-off groups belong to the grouping they were switched off in.
+        this.controls?.setViewState({ cellTypeColumn: name, hiddenGroups: [] });
+    }
+    isGroupShown(label) {
+        return !this.hiddenGroups.has(label);
+    }
+    get allGroupsShown() {
+        return this.view.hiddenGroups.length === 0;
+    }
+    onGroupShown(label, on) {
+        this.controls?.setViewState({ hiddenGroups: toggleHidden(this.view.hiddenGroups, [label], on) });
+    }
+    onAllGroupsShown(on) {
+        this.controls?.setViewState({ hiddenGroups: on ? [] : this.groupRows.map((r) => r.label) });
+    }
+    get canImportGroups() {
+        return !!this.controls?.importGroups;
+    }
+    /** '+': a CSV/TSV of `cell_id` and group, named after the file. */
+    async onImportGroupsFile(input) {
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || !this.controls?.importGroups)
+            return;
+        this.groupImportError = null;
+        this.groupImporting = true;
+        try {
+            const label = file.name.replace(/\.(csv|tsv|txt)$/i, '');
+            const { column } = await this.controls.importGroups(label, await file.text());
+            this.apply(() => this.onCellTypeColumn(column.name));
+        }
+        catch (err) {
+            this.apply(() => {
+                this.groupImportError = String(err?.message ?? err);
+            });
+        }
+        finally {
+            this.apply(() => {
+                this.groupImporting = false;
+            });
+        }
+    }
+    refreshVariants() {
+        const next = groupVariantOptions(this.dataset, this.activeCellTypeColumn);
+        if (JSON.stringify(next) !== JSON.stringify(this.groupVariantOptions))
+            this.groupVariantOptions = next;
+    }
+    async refreshGroups() {
+        this.refreshVariants();
+        const name = this.activeCellTypeColumn;
+        if (!name || !this.controls) {
+            this.groupRowsLoad.cancel();
+            this.groupRows = [];
+            this.groupTotal = 0;
+            this.groupRowsFor = null;
+            return;
+        }
+        if (name === this.groupRowsFor)
+            return;
+        this.groupRowsFor = name;
+        const task = this.groupRowsLoad.next();
+        try {
+            const v = await this.controls.categoricalView(name);
+            if (!task.isCurrent())
+                return;
+            const { rows, total } = countGroupRows(v);
+            this.apply(() => {
+                this.groupRows = rows;
+                this.groupTotal = total;
+            });
+        }
+        catch {
+            // Only the current load's failure re-opens the key: a superseded one clearing it
+            // would make the newer load's result look stale and be dropped.
+            if (task.isCurrent())
+                this.groupRowsFor = null;
+        }
+    }
+    /** Apply an async result inside the zone and re-render this OnPush panel. */
+    apply(fn) {
+        this.zone.run(() => {
+            fn();
+            this.cdr.markForCheck();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialGroupsPanelComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: SpatialGroupsPanelComponent, isStandalone: true, selector: "spatial-groups-panel", inputs: { controls: "controls", dataset: "dataset", view: "view" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"groupOptions.length\">\n  <div class=\"sc-subhead\">Groups</div>\n  <div class=\"sc-row sc-row-picker\">\n    <p-dropdown\n      [options]=\"groupOptions\"\n      [group]=\"true\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      optionGroupLabel=\"label\"\n      optionGroupChildren=\"items\"\n      [ngModel]=\"activeGroupEntry\"\n      (ngModelChange)=\"onGroupEntry($event)\"\n      appendTo=\"body\"\n      styleClass=\"sc-full\"\n    >\n      <ng-template let-group pTemplate=\"group\">\n        <span class=\"sc-group-heading\">{{ group.label }}</span>\n      </ng-template>\n    </p-dropdown>\n    <p-dropdown\n      *ngIf=\"groupVariantOptions.length\"\n      [options]=\"groupVariantOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      styleClass=\"sc-variant\"\n      [ngModel]=\"activeCellTypeColumn\"\n      (ngModelChange)=\"onGroupVariant($event)\"\n      appendTo=\"body\"\n    ></p-dropdown>\n    <button\n      *ngIf=\"canImportGroups\"\n      type=\"button\"\n      class=\"sc-icon-btn\"\n      [disabled]=\"groupImporting\"\n      (click)=\"groupFile.click()\"\n      title=\"Import cell groups (CSV of cell_id, group)\"\n    >\n      <i\n        class=\"pi\"\n        [class.pi-plus-circle]=\"!groupImporting\"\n        [class.pi-spin]=\"groupImporting\"\n        [class.pi-spinner]=\"groupImporting\"\n      ></i>\n    </button>\n    <input #groupFile type=\"file\" accept=\".csv,.tsv,.txt\" hidden (change)=\"onImportGroupsFile(groupFile)\" />\n  </div>\n  <small class=\"sc-hint sc-error\" *ngIf=\"groupImportError\">{{ groupImportError }}</small>\n\n  <div class=\"sc-group-list\" *ngIf=\"groupRows.length\">\n    <div class=\"sc-group-row sc-group-all\">\n      <p-checkbox\n        [binary]=\"true\"\n        [ngModel]=\"allGroupsShown\"\n        (onChange)=\"onAllGroupsShown($event.checked)\"\n      ></p-checkbox>\n      <span class=\"sc-group-label\">All groups</span>\n      <span class=\"sc-count\">({{ groupTotal | number }})</span>\n      <button type=\"button\" class=\"sc-icon-btn\" (click)=\"groupsExpanded = !groupsExpanded\">\n        <i class=\"pi\" [class.pi-chevron-down]=\"groupsExpanded\" [class.pi-chevron-right]=\"!groupsExpanded\"></i>\n      </button>\n    </div>\n    <ng-container *ngIf=\"groupsExpanded\">\n      <div class=\"sc-group-row\" *ngFor=\"let row of groupRows; trackBy: trackByLabel\">\n        <p-checkbox\n          [binary]=\"true\"\n          [ngModel]=\"isGroupShown(row.label)\"\n          (onChange)=\"onGroupShown(row.label, $event.checked)\"\n        ></p-checkbox>\n        <span class=\"sc-dot\" [style.background]=\"row.color\"></span>\n        <span class=\"sc-group-label\" [title]=\"row.label\">{{ row.label }}</span>\n        <span class=\"sc-count\">({{ row.count | number }})</span>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [".sc-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d)}.sc-error{color:var(--red-600, #c62828)}.sc-section{display:flex;flex-direction:column;gap:.35rem}.sc-lbl{font-size:.78rem;color:var(--text-color-secondary, #6c757d);white-space:nowrap}.sc-row{display:flex;align-items:center;gap:.6rem}.sc-row p-slider,.sc-row p-dropdown,.sc-row p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row p-slider .p-slider{width:100%}:host ::ng-deep .sc-row p-dropdown .p-dropdown,:host ::ng-deep .sc-row p-treeSelect .p-treeselect{width:100%}.sc-row .sc-lbl{flex:0 0 calc(50% - .6rem);min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-cmap-option{display:inline-flex;align-items:center;gap:.4rem}.sc-cmap-swatch{width:3.5rem;height:.7rem;border-radius:2px;display:block}.sc-val{flex:0 0 4rem;text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}:host ::ng-deep .sc-full,:host ::ng-deep .sc-full .p-dropdown,:host ::ng-deep .sc-full .p-autocomplete,:host ::ng-deep .sc-full input{width:100%}.sc-colorbar{height:.75rem;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-colorbar-ends{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color-secondary, #6c757d);margin-top:.2rem}.sc-panel{border:1px solid var(--surface-border, #dee2e6);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.sc-panel-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-100, #f5f6f7)}.sc-panel-head .sc-panel-title{flex:1;font-weight:600}.sc-panel.open>.sc-panel-head{background:var(--primary-color, #2196f3);color:var(--primary-color-text, #fff)}.sc-panel-body{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .75rem .75rem}.sc-subhead{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color-secondary, #6c757d)}.sc-subhead:after{content:\"\";flex:1;border-top:1px solid var(--surface-border, #dee2e6)}:host ::ng-deep .sc-buttons .p-button{padding:.35rem .75rem;font-size:.85rem}.sc-row-picker p-dropdown,.sc-row-picker p-multiSelect,.sc-row-picker p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row-picker .sc-variant{width:6.5rem}:host ::ng-deep .sc-row-picker p-multiselect .p-multiselect{width:100%}:host ::ng-deep .sc-row-picker p-dropdown:has(.sc-variant){flex:0 0 6.5rem}:host ::ng-deep .sc-row-picker p-treeselect:has(.sc-palette){flex:0 0 3rem}:host ::ng-deep .sc-palette .p-treeselect-label{width:0;padding:0}.sc-icon-btn{flex:0 0 auto;border:0;background:transparent;cursor:pointer;padding:.25rem .35rem;font:inherit;font-size:1.05rem;color:var(--text-color, #333);border-radius:4px}.sc-icon-btn:hover{background:var(--surface-200, #e9ecef)}.sc-icon-btn.active{color:var(--primary-color, #2196f3);font-weight:700}.sc-icon-btn:disabled{opacity:.5;cursor:default}.sc-small-btn{margin-left:auto;border:1px solid var(--surface-border, #ced4da);background:var(--surface-0, #fff);border-radius:4px;padding:.2rem .6rem;font:inherit;font-size:.8rem;cursor:pointer}:host ::ng-deep .sc-group-heading{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.sc-group-list,.sc-gene-tree{max-height:16rem;overflow-y:auto;border:1px solid var(--surface-border, #dee2e6);border-radius:4px;padding:.25rem .4rem}.sc-group-row,.sc-gene-row{display:flex;align-items:center;gap:.45rem;padding:.15rem 0;font-size:.88rem}.sc-group-row .sc-group-label,.sc-gene-row .sc-group-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-group-all,.sc-gene-root,.sc-gene-group{font-weight:600}.sc-group-all .sc-icon-btn,.sc-gene-root .sc-icon-btn,.sc-gene-group .sc-icon-btn{margin-left:auto;font-size:.85rem}.sc-count{flex:0 0 auto;font-size:.78rem;color:var(--text-color-secondary, #6c757d)}.sc-glyph-option{display:inline-flex;align-items:center;gap:.4rem}.sc-glyph-svg{width:1rem;height:1rem;fill:currentColor}:host ::ng-deep .sc-glyph-pick .p-dropdown-label{padding:.2rem .4rem}.sc-color-input{width:2.5rem;height:1.8rem;border:1px solid var(--surface-border, #ced4da);border-radius:4px;padding:0;background:none}.sc-row-number p-slider,.sc-row-range p-slider{flex:1 1 0;min-width:0}:host ::ng-deep .sc-num{width:4.5rem;padding:.3rem .4rem;text-align:center}:host ::ng-deep .sc-row-number p-inputnumber,:host ::ng-deep .sc-row-range p-inputnumber{flex:0 0 auto}:host{display:contents}.sc-dot{flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%;border:1px solid rgba(0,0,0,.2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { 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: SharedModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4.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: DropdownModule }, { kind: "component", type: i5.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialGroupsPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spatial-groups-panel', standalone: true, imports: [CommonModule, FormsModule, SharedModule, CheckboxModule, DropdownModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"groupOptions.length\">\n  <div class=\"sc-subhead\">Groups</div>\n  <div class=\"sc-row sc-row-picker\">\n    <p-dropdown\n      [options]=\"groupOptions\"\n      [group]=\"true\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      optionGroupLabel=\"label\"\n      optionGroupChildren=\"items\"\n      [ngModel]=\"activeGroupEntry\"\n      (ngModelChange)=\"onGroupEntry($event)\"\n      appendTo=\"body\"\n      styleClass=\"sc-full\"\n    >\n      <ng-template let-group pTemplate=\"group\">\n        <span class=\"sc-group-heading\">{{ group.label }}</span>\n      </ng-template>\n    </p-dropdown>\n    <p-dropdown\n      *ngIf=\"groupVariantOptions.length\"\n      [options]=\"groupVariantOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      styleClass=\"sc-variant\"\n      [ngModel]=\"activeCellTypeColumn\"\n      (ngModelChange)=\"onGroupVariant($event)\"\n      appendTo=\"body\"\n    ></p-dropdown>\n    <button\n      *ngIf=\"canImportGroups\"\n      type=\"button\"\n      class=\"sc-icon-btn\"\n      [disabled]=\"groupImporting\"\n      (click)=\"groupFile.click()\"\n      title=\"Import cell groups (CSV of cell_id, group)\"\n    >\n      <i\n        class=\"pi\"\n        [class.pi-plus-circle]=\"!groupImporting\"\n        [class.pi-spin]=\"groupImporting\"\n        [class.pi-spinner]=\"groupImporting\"\n      ></i>\n    </button>\n    <input #groupFile type=\"file\" accept=\".csv,.tsv,.txt\" hidden (change)=\"onImportGroupsFile(groupFile)\" />\n  </div>\n  <small class=\"sc-hint sc-error\" *ngIf=\"groupImportError\">{{ groupImportError }}</small>\n\n  <div class=\"sc-group-list\" *ngIf=\"groupRows.length\">\n    <div class=\"sc-group-row sc-group-all\">\n      <p-checkbox\n        [binary]=\"true\"\n        [ngModel]=\"allGroupsShown\"\n        (onChange)=\"onAllGroupsShown($event.checked)\"\n      ></p-checkbox>\n      <span class=\"sc-group-label\">All groups</span>\n      <span class=\"sc-count\">({{ groupTotal | number }})</span>\n      <button type=\"button\" class=\"sc-icon-btn\" (click)=\"groupsExpanded = !groupsExpanded\">\n        <i class=\"pi\" [class.pi-chevron-down]=\"groupsExpanded\" [class.pi-chevron-right]=\"!groupsExpanded\"></i>\n      </button>\n    </div>\n    <ng-container *ngIf=\"groupsExpanded\">\n      <div class=\"sc-group-row\" *ngFor=\"let row of groupRows; trackBy: trackByLabel\">\n        <p-checkbox\n          [binary]=\"true\"\n          [ngModel]=\"isGroupShown(row.label)\"\n          (onChange)=\"onGroupShown(row.label, $event.checked)\"\n        ></p-checkbox>\n        <span class=\"sc-dot\" [style.background]=\"row.color\"></span>\n        <span class=\"sc-group-label\" [title]=\"row.label\">{{ row.label }}</span>\n        <span class=\"sc-count\">({{ row.count | number }})</span>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [".sc-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d)}.sc-error{color:var(--red-600, #c62828)}.sc-section{display:flex;flex-direction:column;gap:.35rem}.sc-lbl{font-size:.78rem;color:var(--text-color-secondary, #6c757d);white-space:nowrap}.sc-row{display:flex;align-items:center;gap:.6rem}.sc-row p-slider,.sc-row p-dropdown,.sc-row p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row p-slider .p-slider{width:100%}:host ::ng-deep .sc-row p-dropdown .p-dropdown,:host ::ng-deep .sc-row p-treeSelect .p-treeselect{width:100%}.sc-row .sc-lbl{flex:0 0 calc(50% - .6rem);min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-cmap-option{display:inline-flex;align-items:center;gap:.4rem}.sc-cmap-swatch{width:3.5rem;height:.7rem;border-radius:2px;display:block}.sc-val{flex:0 0 4rem;text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}:host ::ng-deep .sc-full,:host ::ng-deep .sc-full .p-dropdown,:host ::ng-deep .sc-full .p-autocomplete,:host ::ng-deep .sc-full input{width:100%}.sc-colorbar{height:.75rem;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-colorbar-ends{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color-secondary, #6c757d);margin-top:.2rem}.sc-panel{border:1px solid var(--surface-border, #dee2e6);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.sc-panel-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-100, #f5f6f7)}.sc-panel-head .sc-panel-title{flex:1;font-weight:600}.sc-panel.open>.sc-panel-head{background:var(--primary-color, #2196f3);color:var(--primary-color-text, #fff)}.sc-panel-body{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .75rem .75rem}.sc-subhead{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color-secondary, #6c757d)}.sc-subhead:after{content:\"\";flex:1;border-top:1px solid var(--surface-border, #dee2e6)}:host ::ng-deep .sc-buttons .p-button{padding:.35rem .75rem;font-size:.85rem}.sc-row-picker p-dropdown,.sc-row-picker p-multiSelect,.sc-row-picker p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row-picker .sc-variant{width:6.5rem}:host ::ng-deep .sc-row-picker p-multiselect .p-multiselect{width:100%}:host ::ng-deep .sc-row-picker p-dropdown:has(.sc-variant){flex:0 0 6.5rem}:host ::ng-deep .sc-row-picker p-treeselect:has(.sc-palette){flex:0 0 3rem}:host ::ng-deep .sc-palette .p-treeselect-label{width:0;padding:0}.sc-icon-btn{flex:0 0 auto;border:0;background:transparent;cursor:pointer;padding:.25rem .35rem;font:inherit;font-size:1.05rem;color:var(--text-color, #333);border-radius:4px}.sc-icon-btn:hover{background:var(--surface-200, #e9ecef)}.sc-icon-btn.active{color:var(--primary-color, #2196f3);font-weight:700}.sc-icon-btn:disabled{opacity:.5;cursor:default}.sc-small-btn{margin-left:auto;border:1px solid var(--surface-border, #ced4da);background:var(--surface-0, #fff);border-radius:4px;padding:.2rem .6rem;font:inherit;font-size:.8rem;cursor:pointer}:host ::ng-deep .sc-group-heading{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.sc-group-list,.sc-gene-tree{max-height:16rem;overflow-y:auto;border:1px solid var(--surface-border, #dee2e6);border-radius:4px;padding:.25rem .4rem}.sc-group-row,.sc-gene-row{display:flex;align-items:center;gap:.45rem;padding:.15rem 0;font-size:.88rem}.sc-group-row .sc-group-label,.sc-gene-row .sc-group-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-group-all,.sc-gene-root,.sc-gene-group{font-weight:600}.sc-group-all .sc-icon-btn,.sc-gene-root .sc-icon-btn,.sc-gene-group .sc-icon-btn{margin-left:auto;font-size:.85rem}.sc-count{flex:0 0 auto;font-size:.78rem;color:var(--text-color-secondary, #6c757d)}.sc-glyph-option{display:inline-flex;align-items:center;gap:.4rem}.sc-glyph-svg{width:1rem;height:1rem;fill:currentColor}:host ::ng-deep .sc-glyph-pick .p-dropdown-label{padding:.2rem .4rem}.sc-color-input{width:2.5rem;height:1.8rem;border:1px solid var(--surface-border, #ced4da);border-radius:4px;padding:0;background:none}.sc-row-number p-slider,.sc-row-range p-slider{flex:1 1 0;min-width:0}:host ::ng-deep .sc-num{width:4.5rem;padding:.3rem .4rem;text-align:center}:host ::ng-deep .sc-row-number p-inputnumber,:host ::ng-deep .sc-row-range p-inputnumber{flex:0 0 auto}:host{display:contents}.sc-dot{flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%;border:1px solid rgba(0,0,0,.2)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
+                type: Input
+            }], dataset: [{
+                type: Input
+            }], view: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1ncm91cHMtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zcGF0aWFsLWNvbnRyb2xzL3NwYXRpYWwtZ3JvdXBzLXBhbmVsL3NwYXRpYWwtZ3JvdXBzLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLWdyb3Vwcy1wYW5lbC9zcGF0aWFsLWdyb3Vwcy1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDM0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUlsRCxPQUFPLEVBQUUsb0JBQW9CLEVBQW9CLE1BQU0sK0JBQStCLENBQUM7QUFDdkYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDaEUsT0FBTyxFQUNMLGFBQWEsRUFJYixjQUFjLEVBQ2QsYUFBYSxFQUNiLGFBQWEsRUFDYixZQUFZLEVBQ1osbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLG1DQUFtQyxDQUFDO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7OztBQUVqRDs7Ozs7OztHQU9HO0FBU0gsTUFBTSxPQUFPLDJCQUEyQjtJQStCdEMsWUFDbUIs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QVMsRUFBRTtnQkFBRSxPQUFPO1lBQzlCLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQUcsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUN0QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUMxQixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7UUFBQyxNQUFNLENBQUM7WUFDUCxpRkFBaUY7WUFDakYsZ0VBQWdFO1lBQ2hFLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFBRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUNqRCxDQUFDO0lBQ0gsQ0FBQztJQUVELDZFQUE2RTtJQUNyRSxLQUFLLENBQUMsRUFBYztRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDakIsRUFBRSxFQUFFLENBQUM7WUFDTCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FuS1UsMkJBQTJCO2tHQUEzQiwyQkFBMkIseUtDakR4Qyx3MEZBMkVBLGdrSkQvQlksWUFBWSx1VEFBRSxXQUFXLDhWQUFFLFlBQVkscUlBQUUsY0FBYyxnWkFBRSxjQUFjOzsyRkFLdEUsMkJBQTJCO2tCQVJ2QyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDLG1CQUdqRSx1QkFBdUIsQ0FBQyxNQUFNOzJHQUl0QyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNoYXJlZE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcbmltcG9ydCB7IENoZWNrYm94TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9jaGVja2JveCc7XG5pbXBvcnQgeyBEcm9wZG93bk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZHJvcGRvd24nO1xuXG5pbXBvcnQgdHlwZSB7IElTcGF0aWFsQ29udHJvbHMgfSBmcm9tICcuLi8uLi9jb250cmFjdHMvdmlzdWFsaXplci5jb250cmFjdCc7XG5pbXBvcnQgdHlwZSB7IFNwYXRpYWxEYXRhc2V0IH0gZnJvbSAnLi4vLi4vY29udHJhY3RzL3NwYXRpYWwtZGF0YXNldC5jb250cmFjdCc7XG5pbXBvcnQgeyBERUZBVUxUX1NQQVRJQUxfVklFVywgU3BhdGlhbFZpZXdTdGF0ZSB9IGZyb20gJy4uLy4uL2NvbnRyYWN0cy9kaXNwbGF5LXR5cGVzJztcbmltcG9ydCB7IGNlbGxUeXBlQ29sdW1uRm9yIH0gZnJvbSAnLi4vLi4vc3BhdGlhbC9zcGF0aWFsLXRpbGVzJztcbmltcG9ydCB7XG4gIEZBTUlMWV9QUkVGSVgsXG4gIEdyb3VwT3B0aW9uU2VjdGlvbixcbiAgR3JvdXBSb3csXG4gIFBhbmVsT3B0aW9uLFxuICBjb3VudEdyb3VwUm93cyxcbiAgZmFtaWx5TWVtYmVycyxcbiAgZ3JvdXBFbnRyeUZvcixcbiAgZ3JvdXBPcHRpb25zLFxuICBncm91cFZhcmlhbnRPcHRpb25zLFxuICB0b2dnbGVIaWRkZW4sXG59IGZyb20gJy4uLy4uL3NwYXRpYWwvc3BhdGlhbC1wYW5lbC1tb2RlbCc7XG5pbXBvcnQgeyBTdXBlcnNlZGUgfSBmcm9tICcuLi8uLi91dGlsL3N1cGVyc2VkZSc7XG5cbi8qKlxuICogVGhlIGNlbGxzJyBncm91cGluZywgYXMgWGVuaXVtIEV4cGxvcmVyJ3MgR3JvdXBzIHNlY3Rpb246IHRoZSBncm91cCBwaWNrZXIgKGNvbHVtbnMgdW5kZXJcbiAqIHRoZWlyIHNlY3Rpb24gaGVhZGluZywgYSBrLW1lYW5zIGZhbWlseSBvbmNlLCB3aXRoIGl0cyBrIGJlc2lkZSBpdCksIENTViBpbXBvcnQgb2YgYSBuZXdcbiAqIGdyb3VwaW5nLCBhbmQgdGhlIGdyb3VwaW5nJ3MgY2F0ZWdvcmllcyB3aXRoIHRoZWlyIGNvbG91cnMsIGNlbGwgY291bnRzIGFuZCBzaG93L2hpZGVcbiAqIHN3aXRjaGVzLlxuICpcbiAqIFdyaXRlcyBvbmx5IHRocm91Z2ggYGNvbnRyb2xzLnNldFZpZXdTdGF0ZWAgKGBjZWxsVHlwZUNvbHVtbmAsIGBoaWRkZW5Hcm91cHNgKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3BhdGlhbC1ncm91cHMtcGFuZWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgU2hhcmVkTW9kdWxlLCBDaGVja2JveE1vZHVsZSwgRHJvcGRvd25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BhdGlhbC1ncm91cHMtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGF0aWFsLWdyb3Vwcy1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3BhdGlhbEdyb3Vwc1BhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqIFRoZSBzcGF0aWFsIGNvbnRyb2xzIHRoaXMgcGFuZWwgcmVhZHMgYW5kIHdyaXRlcyB0aHJvdWdoOyBudWxsIHdpdGhvdXQgYSBgU1BBVElBTF9EQVRBX1BPUlRgLiAqL1xuICBASW5wdXQoKSBjb250cm9sczogSVNwYXRpYWxDb250cm9scyB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIGRhdGFzZXQgb24gb2ZmZXIsIG9yIG51bGwuICovXG4gIEBJbnB1dCgpIGRhdGFzZXQ6IFNwYXRpYWxEYXRhc2V0IHwgbnVsbCA9IG51bGw7XG4gIC8qKiBUaGUgY3VycmVudCBzcGF0aWFsIHZpZXcgc3RhdGU6IHdoYXQgaXMgZHJhd24sIGFuZCBob3cuICovXG4gIEBJbnB1dCgpIHZpZXc6IFNwYXRpYWxWaWV3U3RhdGUgPSBERUZBVUxUX1NQQVRJQUxfVklFVztcblxuICAvKipcbiAgICogVGhlIGdyb3VwIHBpY2tlcjogY2F0ZWdvcmljYWwgY29sdW1ucyB1bmRlciB0aGVpciBzZWN0aW9uIGhlYWRpbmcsIGEgZmFtaWx5IG9mXG4gICAqIHZhcmlhbnRzIChrLW1lYW5zIGF0IGsgPSAy4oCmMTApIGxpc3RlZCBvbmNlLiBWYWx1ZXMgYXJlIGEgY29sdW1uIG5hbWUsIG9yXG4gICAqIGBmYW1pbHk6PGlkPmAgZm9yIGEgZmFtaWx5LlxuICAgKi9cbiAgcHJvdGVjdGVkIGdyb3VwT3B0aW9uczogR3JvdXBPcHRpb25TZWN0aW9uW10gPSBbXTtcbiAgLyoqIFZhcmlhbnRzIG9mIHRoZSBhY3RpdmUgZmFtaWx5IChrID0gMuKApjEwKSwgd2hlbiBhIGZhbWlseSBpcyBhY3RpdmUuICovXG4gIHByb3RlY3RlZCBncm91cFZhcmlhbnRPcHRpb25zOiBQYW5lbE9wdGlvbjxzdHJpbmc+W10gPSBbXTtcbiAgLyoqIFRoZSBsYXN0IHZhcmlhbnQgY2hvc2VuIHBlciBmYW1pbHksIHNvIHN3aXRjaGluZyBhd2F5IGFuZCBiYWNrIGtlZXBzIGsuICovXG4gIHByaXZhdGUgcmVhZG9ubHkgZmFtaWx5Q2hvaWNlID0gbmV3IE1hcDxzdHJpbmcsIHN0cmluZz4oKTtcblxuICAvKiogVGhlIGFjdGl2ZSBncm91cGluZydzIGNhdGVnb3JpZXMgd2l0aCBjb2xvdXJzIGFuZCBjZWxsIGNvdW50cywgbGFyZ2VzdCBmaXJzdC4gKi9cbiAgcHJvdGVjdGVkIGdyb3VwUm93czogR3JvdXBSb3dbXSA9IFtdO1xuICBwcm90ZWN0ZWQgZ3JvdXBUb3RhbCA9IDA7XG4gIHByb3RlY3RlZCBncm91cHNFeHBhbmRlZCA9IHRydWU7XG4gIC8qKiBUaGUgZ3JvdXBpbmcge0BsaW5rIGdyb3VwUm93c30gc2hvd3Mgb3IgaXMgbG9hZGluZyDigJQgYSByZXBlYXQgcmVxdWVzdCBmb3IgaXQgaXMgYSBuby1vcC4gKi9cbiAgcHJpdmF0ZSBncm91cFJvd3NGb3I6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAvKiogTGF0ZXN0IHdpbnMgYW1vbmcgZ3JvdXAtcm93IGxvYWRzLCBzbyBhIHNsb3cgb25lIGZvciBhbiBlYXJsaWVyIGdyb3VwaW5nIChvciB0aGVcbiAgICogIHByZXZpb3VzIGRhdGFzZXQncyBjb2x1bW4gb2YgdGhlIHNhbWUgbmFtZSkgY2Fubm90IGxhbmQgb3ZlciB0aGUgY3VycmVudCBvbmUuICovXG4gIHByaXZhdGUgcmVhZG9ubHkgZ3JvdXBSb3dzTG9hZCA9IG5ldyBTdXBlcnNlZGUoKTtcbiAgcHJvdGVjdGVkIGdyb3VwSW1wb3J0RXJyb3I6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBwcm90ZWN0ZWQgZ3JvdXBJbXBvcnRpbmcgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ3ZpZXcnXSkgdGhpcy5oaWRkZW5Hcm91cHMgPSBuZXcgU2V0KHRoaXMudmlldy5oaWRkZW5Hcm91cHMpO1xuICAgIGlmIChjaGFuZ2VzWydkYXRhc2V0J10pIHtcbiAgICAgIHRoaXMuZ3JvdXBPcHRpb25zID0gZ3JvdXBPcHRpb25zKHRoaXMuZGF0YXNldCk7XG4gICAgICAvLyBBIHNhbWUtbmFtZWQgZ3JvdXBpbmcgb2YgYSBuZXcgZGF0YXNldCBpcyBub3QgdGhlIG9sZCBvbmUuXG4gICAgICB0aGlzLmdyb3VwUm93c0ZvciA9IG51bGw7XG4gICAgfVxuICAgIHZvaWQgdGhpcy5yZWZyZXNoR3JvdXBzKCk7XG4gIH1cblxuICAvKiogVGhlIGNhdGVnb3JpY2FsIGNvbHVtbiB0aGUgY2VsbHMgYXJlIGdyb3VwZWQgYnkuICovXG4gIHByb3RlY3RlZCBnZXQgYWN0aXZlQ2VsbFR5cGVDb2x1bW4oKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YXNldCA/IGNlbGxUeXBlQ29sdW1uRm9yKHRoaXMuZGF0YXNldCwgdGhpcy52aWV3KSA6IG51bGw7XG4gIH1cblxuICAvKiogVGhlIHBpY2tlcidzIHZhbHVlIGZvciB0aGUgYWN0aXZlIGdyb3VwIGNvbHVtbi4gKi9cbiAgcHJvdGVjdGVkIGdldCBhY3RpdmVHcm91cEVudHJ5KCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiBncm91cEVudHJ5Rm9yKHRoaXMuZGF0YXNldCwgdGhpcy5hY3RpdmVDZWxsVHlwZUNvbHVtbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25Hcm91cEVudHJ5KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodmFsdWUuc3RhcnRzV2l0aChGQU1JTFlfUFJFRklYKSkge1xuICAgICAgY29uc3QgaWQgPSB2YWx1ZS5zbGljZShGQU1JTFlfUFJFRklYLmxlbmd0aCk7XG4gICAgICBjb25zdCBuYW1lID0gdGhpcy5mYW1pbHlDaG9pY2UuZ2V0KGlkKSA/PyBmYW1pbHlNZW1iZXJzKHRoaXMuZGF0YXNldCwgaWQpWzBdPy5uYW1lO1xuICAgICAgaWYgKG5hbWUpIHRoaXMub25DZWxsVHlwZUNvbHVtbihuYW1lKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vbkNlbGxUeXBlQ29sdW1uKHZhbHVlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkdyb3VwVmFyaWFudChuYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBjb25zdCBtZXRhID0gdGhpcy5kYXRhc2V0Py5jb2x1bW5zLmZpbmQoKGMpID0+IGMubmFtZSA9PT0gbmFtZSk7XG4gICAgaWYgKG1ldGE/LmtpbmQgPT09ICdjYXRlZ29yaWNhbCcgJiYgbWV0YS5mYW1pbHkpIHRoaXMuZmFtaWx5Q2hvaWNlLnNldChtZXRhLmZhbWlseS5pZCwgbmFtZSk7XG4gICAgdGhpcy5vbkNlbGxUeXBlQ29sdW1uKG5hbWUpO1xuICB9XG5cbiAgb25DZWxsVHlwZUNvbHVtbihuYW1lOiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gICAgLy8gU3dpdGNoZWQtb2ZmIGdyb3VwcyBiZWxvbmcgdG8gdGhlIGdyb3VwaW5nIHRoZXkgd2VyZSBzd2l0Y2hlZCBvZmYgaW4uXG4gICAgdGhpcy5jb250cm9scz8uc2V0Vmlld1N0YXRlKHsgY2VsbFR5cGVDb2x1bW46IG5hbWUsIGhpZGRlbkdyb3VwczogW10gfSk7XG4gIH1cblxuICAvKioge0BsaW5rIFNwYXRpYWxWaWV3U3RhdGUuaGlkZGVuR3JvdXBzfSBhcyBhIHNldCwgZm9yIHRoZSBwZXItcm93IGNoZWNrcy4gKi9cbiAgcHJpdmF0ZSBoaWRkZW5Hcm91cHMgPSBuZXcgU2V0PHN0cmluZz4oKTtcblxuICBwcm90ZWN0ZWQgaXNHcm91cFNob3duKGxhYmVsOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuaGlkZGVuR3JvdXBzLmhhcyhsYWJlbCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGFsbEdyb3Vwc1Nob3duKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnZpZXcuaGlkZGVuR3JvdXBzLmxlbmd0aCA9PT0gMDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkdyb3VwU2hvd24obGFiZWw6IHN0cmluZywgb246IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRyb2xzPy5zZXRWaWV3U3RhdGUoeyBoaWRkZW5Hcm91cHM6IHRvZ2dsZUhpZGRlbih0aGlzLnZpZXcuaGlkZGVuR3JvdXBzLCBbbGFiZWxdLCBvbikgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25BbGxHcm91cHNTaG93bihvbjogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuY29udHJvbHM/LnNldFZpZXdTdGF0ZSh7IGhpZGRlbkdyb3Vwczogb24gPyBbXSA6IHRoaXMuZ3JvdXBSb3dzLm1hcCgocikgPT4gci5sYWJlbCkgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGNhbkltcG9ydEdyb3VwcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmNvbnRyb2xzPy5pbXBvcnRHcm91cHM7XG4gIH1cblxuICAvKiogJysnOiBhIENTVi9UU1Ygb2YgYGNlbGxfaWRgIGFuZCBncm91cCwgbmFtZWQgYWZ0ZXIgdGhlIGZpbGUuICovXG4gIHByb3RlY3RlZCBhc3luYyBvbkltcG9ydEdyb3Vwc0ZpbGUoaW5wdXQ6IEhUTUxJbnB1dEVsZW1lbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBjb25zdCBmaWxlID0gaW5wdXQuZmlsZXM/LlswXTtcbiAgICBpbnB1dC52YWx1ZSA9ICcnO1xuICAgIGlmICghZmlsZSB8fCAhdGhpcy5jb250cm9scz8uaW1wb3J0R3JvdXBzKSByZXR1cm47XG4gICAgdGhpcy5ncm91cEltcG9ydEVycm9yID0gbnVsbDtcbiAgICB0aGlzLmdyb3VwSW1wb3J0aW5nID0gdHJ1ZTtcbiAgICB0cnkge1xuICAgICAgY29uc3QgbGFiZWwgPSBmaWxlLm5hbWUucmVwbGFjZSgvXFwuKGNzdnx0c3Z8dHh0KSQvaSwgJycpO1xuICAgICAgY29uc3QgeyBjb2x1bW4gfSA9IGF3YWl0IHRoaXMuY29udHJvbHMuaW1wb3J0R3JvdXBzKGxhYmVsLCBhd2FpdCBmaWxlLnRleHQoKSk7XG4gICAgICB0aGlzLmFwcGx5KCgpID0+IHRoaXMub25DZWxsVHlwZUNvbHVtbihjb2x1bW4ubmFtZSkpO1xuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgdGhpcy5hcHBseSgoKSA9PiB7XG4gICAgICAgIHRoaXMuZ3JvdXBJbXBvcnRFcnJvciA9IFN0cmluZygoZXJyIGFzIEVycm9yKT8ubWVzc2FnZSA/PyBlcnIpO1xuICAgICAgfSk7XG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHRoaXMuYXBwbHkoKCkgPT4ge1xuICAgICAgICB0aGlzLmdyb3VwSW1wb3J0aW5nID0gZmFsc2U7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgdHJhY2tCeUxhYmVsID0gKF9pOiBudW1iZXIsIHJvdzogeyBsYWJlbDogc3RyaW5nIH0pID0+IHJvdy5sYWJlbDtcblxuICBwcml2YXRlIHJlZnJlc2hWYXJpYW50cygpOiB2b2lkIHtcbiAgICBjb25zdCBuZXh0ID0gZ3JvdXBWYXJpYW50T3B0aW9ucyh0aGlzLmRhdGFzZXQsIHRoaXMuYWN0aXZlQ2VsbFR5cGVDb2x1bW4pO1xuICAgIGlmIChKU09OLnN0cmluZ2lmeShuZXh0KSAhPT0gSlNPTi5zdHJpbmdpZnkodGhpcy5ncm91cFZhcmlhbnRPcHRpb25zKSkgdGhpcy5ncm91cFZhcmlhbnRPcHRpb25zID0gbmV4dDtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgcmVmcmVzaEdyb3VwcygpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICB0aGlzLnJlZnJlc2hWYXJpYW50cygpO1xuICAgIGNvbnN0IG5hbWUgPSB0aGlzLmFjdGl2ZUNlbGxUeXBlQ29sdW1uO1xuICAgIGlmICghbmFtZSB8fCAhdGhpcy5jb250cm9scykge1xuICAgICAgdGhpcy5ncm91cFJvd3NMb2FkLmNhbmNlbCgpO1xuICAgICAgdGhpcy5ncm91cFJvd3MgPSBbXTtcbiAgICAgIHRoaXMuZ3JvdXBUb3RhbCA9IDA7XG4gICAgICB0aGlzLmdyb3VwUm93c0ZvciA9IG51bGw7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmIChuYW1lID09PSB0aGlzLmdyb3VwUm93c0ZvcikgcmV0dXJuO1xuICAgIHRoaXMuZ3JvdXBSb3dzRm9yID0gbmFtZTtcbiAgICBjb25zdCB0YXNrID0gdGhpcy5ncm91cFJvd3NMb2FkLm5leHQoKTtcbiAgICB0cnkge1xuICAgICAgY29uc3QgdiA9IGF3YWl0IHRoaXMuY29udHJvbHMuY2F0ZWdvcmljYWxWaWV3KG5hbWUpO1xuICAgICAgaWYgKCF0YXNrLmlzQ3VycmVudCgpKSByZXR1cm47XG4gICAgICBjb25zdCB7IHJvd3MsIHRvdGFsIH0gPSBjb3VudEdyb3VwUm93cyh2KTtcbiAgICAgIHRoaXMuYXBwbHkoKCkgPT4ge1xuICAgICAgICB0aGlzLmdyb3VwUm93cyA9IHJvd3M7XG4gICAgICAgIHRoaXMuZ3JvdXBUb3RhbCA9IHRvdGFsO1xuICAgICAgfSk7XG4gICAgfSBjYXRjaCB7XG4gICAgICAvLyBPbmx5IHRoZSBjdXJyZW50IGxvYWQncyBmYWlsdXJlIHJlLW9wZW5zIHRoZSBrZXk6IGEgc3VwZXJzZWRlZCBvbmUgY2xlYXJpbmcgaXRcbiAgICAgIC8vIHdvdWxkIG1ha2UgdGhlIG5ld2VyIGxvYWQncyByZXN1bHQgbG9vayBzdGFsZSBhbmQgYmUgZHJvcHBlZC5cbiAgICAgIGlmICh0YXNrLmlzQ3VycmVudCgpKSB0aGlzLmdyb3VwUm93c0ZvciA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgLyoqIEFwcGx5IGFuIGFzeW5jIHJlc3VsdCBpbnNpZGUgdGhlIHpvbmUgYW5kIHJlLXJlbmRlciB0aGlzIE9uUHVzaCBwYW5lbC4gKi9cbiAgcHJpdmF0ZSBhcHBseShmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgZm4oKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZ3JvdXBPcHRpb25zLmxlbmd0aFwiPlxuICA8ZGl2IGNsYXNzPVwic2Mtc3ViaGVhZFwiPkdyb3VwczwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Mtcm93IHNjLXJvdy1waWNrZXJcIj5cbiAgICA8cC1kcm9wZG93blxuICAgICAgW29wdGlvbnNdPVwiZ3JvdXBPcHRpb25zXCJcbiAgICAgIFtncm91cF09XCJ0cnVlXCJcbiAgICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiXG4gICAgICBvcHRpb25Hcm91cExhYmVsPVwibGFiZWxcIlxuICAgICAgb3B0aW9uR3JvdXBDaGlsZHJlbj1cIml0ZW1zXCJcbiAgICAgIFtuZ01vZGVsXT1cImFjdGl2ZUdyb3VwRW50cnlcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25Hcm91cEVudHJ5KCRldmVudClcIlxuICAgICAgYXBwZW5kVG89XCJib2R5XCJcbiAgICAgIHN0eWxlQ2xhc3M9XCJzYy1mdWxsXCJcbiAgICA+XG4gICAgICA8bmctdGVtcGxhdGUgbGV0LWdyb3VwIHBUZW1wbGF0ZT1cImdyb3VwXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2MtZ3JvdXAtaGVhZGluZ1wiPnt7IGdyb3VwLmxhYmVsIH19PC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3AtZHJvcGRvd24+XG4gICAgPHAtZHJvcGRvd25cbiAgICAgICpuZ0lmPVwiZ3JvdXBWYXJpYW50T3B0aW9ucy5sZW5ndGhcIlxuICAgICAgW29wdGlvbnNdPVwiZ3JvdXBWYXJpYW50T3B0aW9uc1wiXG4gICAgICBvcHRpb25MYWJlbD1cImxhYmVsXCJcbiAgICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxuICAgICAgc3R5bGVDbGFzcz1cInNjLXZhcmlhbnRcIlxuICAgICAgW25nTW9kZWxdPVwiYWN0aXZlQ2VsbFR5cGVDb2x1bW5cIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25Hcm91cFZhcmlhbnQoJGV2ZW50KVwiXG4gICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgID48L3AtZHJvcGRvd24+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJjYW5JbXBvcnRHcm91cHNcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzcz1cInNjLWljb24tYnRuXCJcbiAgICAgIFtkaXNhYmxlZF09XCJncm91cEltcG9ydGluZ1wiXG4gICAgICAoY2xpY2spPVwiZ3JvdXBGaWxlLmNsaWNrKClcIlxuICAgICAgdGl0bGU9XCJJbXBvcnQgY2VsbCBncm91cHMgKENTViBvZiBjZWxsX2lkLCBncm91cClcIlxuICAgID5cbiAgICAgIDxpXG4gICAgICAgIGNsYXNzPVwicGlcIlxuICAgICAgICBbY2xhc3MucGktcGx1cy1jaXJjbGVdPVwiIWdyb3VwSW1wb3J0aW5nXCJcbiAgICAgICAgW2NsYXNzLnBpLXNwaW5dPVwiZ3JvdXBJbXBvcnRpbmdcIlxuICAgICAgICBbY2xhc3MucGktc3Bpbm5lcl09XCJncm91cEltcG9ydGluZ1wiXG4gICAgICA+PC9pPlxuICAgIDwvYnV0dG9uPlxuICAgIDxpbnB1dCAjZ3JvdXBGaWxlIHR5cGU9XCJmaWxlXCIgYWNjZXB0PVwiLmNzdiwudHN2LC50eHRcIiBoaWRkZW4gKGNoYW5nZSk9XCJvbkltcG9ydEdyb3Vwc0ZpbGUoZ3JvdXBGaWxlKVwiIC8+XG4gIDwvZGl2PlxuICA8c21hbGwgY2xhc3M9XCJzYy1oaW50IHNjLWVycm9yXCIgKm5nSWY9XCJncm91cEltcG9ydEVycm9yXCI+e3sgZ3JvdXBJbXBvcnRFcnJvciB9fTwvc21hbGw+XG5cbiAgPGRpdiBjbGFzcz1cInNjLWdyb3VwLWxpc3RcIiAqbmdJZj1cImdyb3VwUm93cy5sZW5ndGhcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2MtZ3JvdXAtcm93IHNjLWdyb3VwLWFsbFwiPlxuICAgICAgPHAtY2hlY2tib3hcbiAgICAgICAgW2JpbmFyeV09XCJ0cnVlXCJcbiAgICAgICAgW25nTW9kZWxdPVwiYWxsR3JvdXBzU2hvd25cIlxuICAgICAgICAob25DaGFuZ2UpPVwib25BbGxHcm91cHNTaG93bigkZXZlbnQuY2hlY2tlZClcIlxuICAgICAgPjwvcC1jaGVja2JveD5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2MtZ3JvdXAtbGFiZWxcIj5BbGwgZ3JvdXBzPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYy1jb3VudFwiPih7eyBncm91cFRvdGFsIHwgbnVtYmVyIH19KTwvc3Bhbj5cbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwic2MtaWNvbi1idG5cIiAoY2xpY2spPVwiZ3JvdXBzRXhwYW5kZWQgPSAhZ3JvdXBzRXhwYW5kZWRcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJwaVwiIFtjbGFzcy5waS1jaGV2cm9uLWRvd25dPVwiZ3JvdXBzRXhwYW5kZWRcIiBbY2xhc3MucGktY2hldnJvbi1yaWdodF09XCIhZ3JvdXBzRXhwYW5kZWRcIj48L2k+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ3JvdXBzRXhwYW5kZWRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYy1ncm91cC1yb3dcIiAqbmdGb3I9XCJsZXQgcm93IG9mIGdyb3VwUm93czsgdHJhY2tCeTogdHJhY2tCeUxhYmVsXCI+XG4gICAgICAgIDxwLWNoZWNrYm94XG4gICAgICAgICAgW2JpbmFyeV09XCJ0cnVlXCJcbiAgICAgICAgICBbbmdNb2RlbF09XCJpc0dyb3VwU2hvd24ocm93LmxhYmVsKVwiXG4gICAgICAgICAgKG9uQ2hhbmdlKT1cIm9uR3JvdXBTaG93bihyb3cubGFiZWwsICRldmVudC5jaGVja2VkKVwiXG4gICAgICAgID48L3AtY2hlY2tib3g+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2MtZG90XCIgW3N0eWxlLmJhY2tncm91bmRdPVwicm93LmNvbG9yXCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNjLWdyb3VwLWxhYmVsXCIgW3RpdGxlXT1cInJvdy5sYWJlbFwiPnt7IHJvdy5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYy1jb3VudFwiPih7eyByb3cuY291bnQgfCBudW1iZXIgfX0pPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/spatial-controls/spatial-key/spatial-key.component.mjs

@@ -0,0 +1,132 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { SharedModule } from 'primeng/api';
+import { TooltipModule } from 'primeng/tooltip';
+import { TreeSelectModule } from 'primeng/treeselect';
+import { DEFAULT_SPATIAL_VIEW, } from '../../contracts/display-types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/api";
+import * as i4 from "primeng/tooltip";
+import * as i5 from "primeng/treeselect";
+/**
+ * The key for the active colouring: its name, a description when the column is derived,
+ * and either a categorical legend whose rows select their category or a continuous colour
+ * bar with the colormap picker that drives it.
+ *
+ * Presentational over {@link SpatialKeyModel}, which the dialog keeps (the rest of the
+ * panel needs to know whether the colouring is categorical even while the key is not on
+ * screen). Writes only the continuous colormap, through `controls.setViewState`; a legend
+ * click goes up as {@link categoryClicked}, because the selection is the dialog's.
+ */
+export class SpatialKeyComponent {
+    constructor() {
+        /** The spatial controls this panel reads and writes through; null without a `SPATIAL_DATA_PORT`. */
+        this.controls = null;
+        /** The dataset on offer, or null. */
+        this.dataset = null;
+        /** The current spatial view state: what is drawn, and how. */
+        this.view = DEFAULT_SPATIAL_VIEW;
+        /** The categorical legend, or null for a continuous (or no) colouring. */
+        this.legend = null;
+        /** The continuous colour bar's CSS gradient, or null. */
+        this.colorBarCss = null;
+        /** The legend row whose category is selected, for highlighting. */
+        this.selectedCategory = null;
+        /**
+         * Colormap tree for the continuous colour scale: the library's own `COLORMAP_OPTIONS`,
+         * shown with the same swatches the image's colormap picker uses — choosing a gradient
+         * is a visual decision, so a list of names would be the wrong control.
+         */
+        this.colormapOptions = [];
+        /** A legend row was clicked: select that category (or clear it, when it is selected). */
+        this.categoryClicked = new EventEmitter();
+        /** The node currently picked from {@link colormapOptions}. */
+        this.selectedColormapNode = null;
+        /** Label for the current colouring, for the key's heading. */
+        this.colorByLabel = 'Flat colour';
+        /**
+         * Description of the active column, when it has one. Surfaced because a DERIVED column
+         * (k-means clusters, QC totals computed at conversion) must not read as though it came
+         * with the data.
+         */
+        this.activeDescription = null;
+        /**
+         * The continuous colour scale's colormap. Clearing it goes back to following the
+         * image's, which is the default.
+         */
+        /** Keeps the legend rows across a refresh of the same categories (one per category). */
+        this.trackByLabel = (_, entry) => entry.label;
+    }
+    ngOnChanges() {
+        const by = this.view.colorBy;
+        this.colorByLabel = colorByLabel(this.view);
+        this.activeDescription =
+            by?.kind === 'column' ? (this.dataset?.columns.find((c) => c.name === by.name)?.description ?? null) : null;
+        this.selectedColormapNode = colormapNodeFor(this.colormapOptions, this.view.continuousColormap);
+    }
+    /** True when the active colouring is a categorical column. */
+    get isCategorical() {
+        return this.legend !== null;
+    }
+    /** Whether the colour bar applies: there is a colouring, and it is not categorical. */
+    get isContinuous() {
+        return !!this.view.colorBy && this.legend === null;
+    }
+    onContinuousColormap(node) {
+        this.selectedColormapNode = node;
+        // The value is a ColormapValue, which is a NAME for the built-in scales and an
+        // inline `[stop, colour]` array for the rest — half the library's colormaps
+        // are the array kind, so anything that only accepts a string silently drops
+        // them. A group row carries no value and clears the setting.
+        this.controls?.setViewState({ continuousColormap: node?.data?.value ?? null });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialKeyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: SpatialKeyComponent, isStandalone: true, selector: "spatial-key", inputs: { controls: "controls", dataset: "dataset", view: "view", legend: "legend", colorBarCss: "colorBarCss", selectedCategory: "selectedCategory", colormapOptions: "colormapOptions" }, outputs: { categoryClicked: "categoryClicked" }, usesOnChanges: true, ngImport: i0, template: "<!-- Key: categorical legend or a continuous colour bar, built from the same\n     functions the renderer uses so it cannot disagree with the canvas. -->\n<div class=\"sc-section sc-key\" *ngIf=\"view.colorBy\">\n  <span class=\"sc-lbl\">{{ colorByLabel }}</span>\n  <!-- Derived columns say so, so they are not mistaken for measured data. -->\n  <small class=\"sc-hint\" *ngIf=\"activeDescription\">{{ activeDescription }}</small>\n\n  <!-- Legend rows are buttons: clicking one selects that category, clicking\n       it again clears \u2014 so a click is always reversible. -->\n  <ul class=\"sc-legend\" *ngIf=\"isCategorical\">\n    <li *ngFor=\"let entry of legend; index as i; trackBy: trackByLabel\">\n      <button\n        type=\"button\"\n        class=\"sc-legend-btn\"\n        [class.selected]=\"selectedCategory === i\"\n        (click)=\"categoryClicked.emit(i)\"\n        [title]=\"'Select ' + entry.label\"\n      >\n        <span class=\"sc-swatch\" [style.background]=\"entry.color\"></span>\n        <span class=\"sc-legend-label\">{{ entry.label }}</span>\n      </button>\n    </li>\n  </ul>\n\n  <div *ngIf=\"isContinuous\">\n    <div class=\"sc-colorbar\" [style.background]=\"colorBarCss\"></div>\n    <div class=\"sc-colorbar-ends\">\n      <span>low</span>\n      <span class=\"sc-hint\">window from percentiles</span>\n      <span>high</span>\n    </div>\n    <!-- The gradient this bar and the map are drawn with. Sits under the bar\n         it controls, with the same swatch previews the image's colormap picker\n         uses: which gradient reads best is a visual judgement, so a list of\n         names would be the wrong control. Cleared = follow the image's. -->\n    <div class=\"sc-row\">\n      <span class=\"sc-lbl\">Colormap</span>\n      <p-treeSelect\n        [options]=\"colormapOptions\"\n        [ngModel]=\"selectedColormapNode\"\n        selectionMode=\"single\"\n        [showClear]=\"true\"\n        placeholder=\"Match the image\"\n        [scrollHeight]=\"'260px'\"\n        appendTo=\"body\"\n        pTooltip=\"Colour scale for gene and numeric values \u2014 the markers, the gene map and this bar. Clear it to follow the image's colormap\"\n        tooltipPosition=\"top\"\n        (onNodeSelect)=\"onContinuousColormap($event.node)\"\n        (onClear)=\"onContinuousColormap(null)\"\n      >\n        <ng-template let-node pTemplate=\"default\">\n          <span class=\"sc-cmap-option\">\n            <img *ngIf=\"!node.children && node.data?.src\" [src]=\"node.data.src\" class=\"sc-cmap-swatch\" alt=\"\" />\n            <span>{{ node.label }}</span>\n          </span>\n        </ng-template>\n      </p-treeSelect>\n      <span class=\"sc-val\"></span>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sc-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d)}.sc-error{color:var(--red-600, #c62828)}.sc-section{display:flex;flex-direction:column;gap:.35rem}.sc-lbl{font-size:.78rem;color:var(--text-color-secondary, #6c757d);white-space:nowrap}.sc-row{display:flex;align-items:center;gap:.6rem}.sc-row p-slider,.sc-row p-dropdown,.sc-row p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row p-slider .p-slider{width:100%}:host ::ng-deep .sc-row p-dropdown .p-dropdown,:host ::ng-deep .sc-row p-treeSelect .p-treeselect{width:100%}.sc-row .sc-lbl{flex:0 0 calc(50% - .6rem);min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-cmap-option{display:inline-flex;align-items:center;gap:.4rem}.sc-cmap-swatch{width:3.5rem;height:.7rem;border-radius:2px;display:block}.sc-val{flex:0 0 4rem;text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}:host ::ng-deep .sc-full,:host ::ng-deep .sc-full .p-dropdown,:host ::ng-deep .sc-full .p-autocomplete,:host ::ng-deep .sc-full input{width:100%}.sc-colorbar{height:.75rem;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-colorbar-ends{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color-secondary, #6c757d);margin-top:.2rem}.sc-panel{border:1px solid var(--surface-border, #dee2e6);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.sc-panel-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-100, #f5f6f7)}.sc-panel-head .sc-panel-title{flex:1;font-weight:600}.sc-panel.open>.sc-panel-head{background:var(--primary-color, #2196f3);color:var(--primary-color-text, #fff)}.sc-panel-body{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .75rem .75rem}.sc-subhead{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color-secondary, #6c757d)}.sc-subhead:after{content:\"\";flex:1;border-top:1px solid var(--surface-border, #dee2e6)}:host ::ng-deep .sc-buttons .p-button{padding:.35rem .75rem;font-size:.85rem}.sc-row-picker p-dropdown,.sc-row-picker p-multiSelect,.sc-row-picker p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row-picker .sc-variant{width:6.5rem}:host ::ng-deep .sc-row-picker p-multiselect .p-multiselect{width:100%}:host ::ng-deep .sc-row-picker p-dropdown:has(.sc-variant){flex:0 0 6.5rem}:host ::ng-deep .sc-row-picker p-treeselect:has(.sc-palette){flex:0 0 3rem}:host ::ng-deep .sc-palette .p-treeselect-label{width:0;padding:0}.sc-icon-btn{flex:0 0 auto;border:0;background:transparent;cursor:pointer;padding:.25rem .35rem;font:inherit;font-size:1.05rem;color:var(--text-color, #333);border-radius:4px}.sc-icon-btn:hover{background:var(--surface-200, #e9ecef)}.sc-icon-btn.active{color:var(--primary-color, #2196f3);font-weight:700}.sc-icon-btn:disabled{opacity:.5;cursor:default}.sc-small-btn{margin-left:auto;border:1px solid var(--surface-border, #ced4da);background:var(--surface-0, #fff);border-radius:4px;padding:.2rem .6rem;font:inherit;font-size:.8rem;cursor:pointer}:host ::ng-deep .sc-group-heading{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.sc-group-list,.sc-gene-tree{max-height:16rem;overflow-y:auto;border:1px solid var(--surface-border, #dee2e6);border-radius:4px;padding:.25rem .4rem}.sc-group-row,.sc-gene-row{display:flex;align-items:center;gap:.45rem;padding:.15rem 0;font-size:.88rem}.sc-group-row .sc-group-label,.sc-gene-row .sc-group-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-group-all,.sc-gene-root,.sc-gene-group{font-weight:600}.sc-group-all .sc-icon-btn,.sc-gene-root .sc-icon-btn,.sc-gene-group .sc-icon-btn{margin-left:auto;font-size:.85rem}.sc-count{flex:0 0 auto;font-size:.78rem;color:var(--text-color-secondary, #6c757d)}.sc-glyph-option{display:inline-flex;align-items:center;gap:.4rem}.sc-glyph-svg{width:1rem;height:1rem;fill:currentColor}:host ::ng-deep .sc-glyph-pick .p-dropdown-label{padding:.2rem .4rem}.sc-color-input{width:2.5rem;height:1.8rem;border:1px solid var(--surface-border, #ced4da);border-radius:4px;padding:0;background:none}.sc-row-number p-slider,.sc-row-range p-slider{flex:1 1 0;min-width:0}:host ::ng-deep .sc-num{width:4.5rem;padding:.3rem .4rem;text-align:center}:host ::ng-deep .sc-row-number p-inputnumber,:host ::ng-deep .sc-row-range p-inputnumber{flex:0 0 auto}:host{display:contents}.sc-key{padding:.5rem 0;border-top:1px solid var(--surface-border, #dee2e6);border-bottom:1px solid var(--surface-border, #dee2e6)}.sc-legend{list-style:none;margin:0;padding:0;max-height:11rem;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.sc-legend li{display:flex}.sc-legend-btn{display:flex;align-items:center;gap:.45rem;width:100%;padding:.15rem .3rem;font:inherit;font-size:.8rem;text-align:left;background:none;border:1px solid transparent;border-radius:3px;cursor:pointer;color:inherit}.sc-legend-btn:hover{background:var(--surface-hover, rgba(0, 0, 0, .04))}.sc-legend-btn.selected{border-color:var(--primary-color, #3b82f6);background:var(--surface-hover, rgba(59, 130, 246, .08));font-weight:600}.sc-swatch{width:.85rem;height:.85rem;flex:0 0 auto;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: SharedModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i5.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialKeyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spatial-key', standalone: true, imports: [CommonModule, FormsModule, SharedModule, TooltipModule, TreeSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Key: categorical legend or a continuous colour bar, built from the same\n     functions the renderer uses so it cannot disagree with the canvas. -->\n<div class=\"sc-section sc-key\" *ngIf=\"view.colorBy\">\n  <span class=\"sc-lbl\">{{ colorByLabel }}</span>\n  <!-- Derived columns say so, so they are not mistaken for measured data. -->\n  <small class=\"sc-hint\" *ngIf=\"activeDescription\">{{ activeDescription }}</small>\n\n  <!-- Legend rows are buttons: clicking one selects that category, clicking\n       it again clears \u2014 so a click is always reversible. -->\n  <ul class=\"sc-legend\" *ngIf=\"isCategorical\">\n    <li *ngFor=\"let entry of legend; index as i; trackBy: trackByLabel\">\n      <button\n        type=\"button\"\n        class=\"sc-legend-btn\"\n        [class.selected]=\"selectedCategory === i\"\n        (click)=\"categoryClicked.emit(i)\"\n        [title]=\"'Select ' + entry.label\"\n      >\n        <span class=\"sc-swatch\" [style.background]=\"entry.color\"></span>\n        <span class=\"sc-legend-label\">{{ entry.label }}</span>\n      </button>\n    </li>\n  </ul>\n\n  <div *ngIf=\"isContinuous\">\n    <div class=\"sc-colorbar\" [style.background]=\"colorBarCss\"></div>\n    <div class=\"sc-colorbar-ends\">\n      <span>low</span>\n      <span class=\"sc-hint\">window from percentiles</span>\n      <span>high</span>\n    </div>\n    <!-- The gradient this bar and the map are drawn with. Sits under the bar\n         it controls, with the same swatch previews the image's colormap picker\n         uses: which gradient reads best is a visual judgement, so a list of\n         names would be the wrong control. Cleared = follow the image's. -->\n    <div class=\"sc-row\">\n      <span class=\"sc-lbl\">Colormap</span>\n      <p-treeSelect\n        [options]=\"colormapOptions\"\n        [ngModel]=\"selectedColormapNode\"\n        selectionMode=\"single\"\n        [showClear]=\"true\"\n        placeholder=\"Match the image\"\n        [scrollHeight]=\"'260px'\"\n        appendTo=\"body\"\n        pTooltip=\"Colour scale for gene and numeric values \u2014 the markers, the gene map and this bar. Clear it to follow the image's colormap\"\n        tooltipPosition=\"top\"\n        (onNodeSelect)=\"onContinuousColormap($event.node)\"\n        (onClear)=\"onContinuousColormap(null)\"\n      >\n        <ng-template let-node pTemplate=\"default\">\n          <span class=\"sc-cmap-option\">\n            <img *ngIf=\"!node.children && node.data?.src\" [src]=\"node.data.src\" class=\"sc-cmap-swatch\" alt=\"\" />\n            <span>{{ node.label }}</span>\n          </span>\n        </ng-template>\n      </p-treeSelect>\n      <span class=\"sc-val\"></span>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sc-hint{font-size:.75rem;color:var(--text-color-secondary, #6c757d)}.sc-error{color:var(--red-600, #c62828)}.sc-section{display:flex;flex-direction:column;gap:.35rem}.sc-lbl{font-size:.78rem;color:var(--text-color-secondary, #6c757d);white-space:nowrap}.sc-row{display:flex;align-items:center;gap:.6rem}.sc-row p-slider,.sc-row p-dropdown,.sc-row p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row p-slider .p-slider{width:100%}:host ::ng-deep .sc-row p-dropdown .p-dropdown,:host ::ng-deep .sc-row p-treeSelect .p-treeselect{width:100%}.sc-row .sc-lbl{flex:0 0 calc(50% - .6rem);min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-cmap-option{display:inline-flex;align-items:center;gap:.4rem}.sc-cmap-swatch{width:3.5rem;height:.7rem;border-radius:2px;display:block}.sc-val{flex:0 0 4rem;text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}:host ::ng-deep .sc-full,:host ::ng-deep .sc-full .p-dropdown,:host ::ng-deep .sc-full .p-autocomplete,:host ::ng-deep .sc-full input{width:100%}.sc-colorbar{height:.75rem;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-colorbar-ends{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color-secondary, #6c757d);margin-top:.2rem}.sc-panel{border:1px solid var(--surface-border, #dee2e6);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.sc-panel-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-100, #f5f6f7)}.sc-panel-head .sc-panel-title{flex:1;font-weight:600}.sc-panel.open>.sc-panel-head{background:var(--primary-color, #2196f3);color:var(--primary-color-text, #fff)}.sc-panel-body{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .75rem .75rem}.sc-subhead{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-color-secondary, #6c757d)}.sc-subhead:after{content:\"\";flex:1;border-top:1px solid var(--surface-border, #dee2e6)}:host ::ng-deep .sc-buttons .p-button{padding:.35rem .75rem;font-size:.85rem}.sc-row-picker p-dropdown,.sc-row-picker p-multiSelect,.sc-row-picker p-treeSelect{flex:1 1 0;min-width:0}:host ::ng-deep .sc-row-picker .sc-variant{width:6.5rem}:host ::ng-deep .sc-row-picker p-multiselect .p-multiselect{width:100%}:host ::ng-deep .sc-row-picker p-dropdown:has(.sc-variant){flex:0 0 6.5rem}:host ::ng-deep .sc-row-picker p-treeselect:has(.sc-palette){flex:0 0 3rem}:host ::ng-deep .sc-palette .p-treeselect-label{width:0;padding:0}.sc-icon-btn{flex:0 0 auto;border:0;background:transparent;cursor:pointer;padding:.25rem .35rem;font:inherit;font-size:1.05rem;color:var(--text-color, #333);border-radius:4px}.sc-icon-btn:hover{background:var(--surface-200, #e9ecef)}.sc-icon-btn.active{color:var(--primary-color, #2196f3);font-weight:700}.sc-icon-btn:disabled{opacity:.5;cursor:default}.sc-small-btn{margin-left:auto;border:1px solid var(--surface-border, #ced4da);background:var(--surface-0, #fff);border-radius:4px;padding:.2rem .6rem;font:inherit;font-size:.8rem;cursor:pointer}:host ::ng-deep .sc-group-heading{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.sc-group-list,.sc-gene-tree{max-height:16rem;overflow-y:auto;border:1px solid var(--surface-border, #dee2e6);border-radius:4px;padding:.25rem .4rem}.sc-group-row,.sc-gene-row{display:flex;align-items:center;gap:.45rem;padding:.15rem 0;font-size:.88rem}.sc-group-row .sc-group-label,.sc-gene-row .sc-group-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-group-all,.sc-gene-root,.sc-gene-group{font-weight:600}.sc-group-all .sc-icon-btn,.sc-gene-root .sc-icon-btn,.sc-gene-group .sc-icon-btn{margin-left:auto;font-size:.85rem}.sc-count{flex:0 0 auto;font-size:.78rem;color:var(--text-color-secondary, #6c757d)}.sc-glyph-option{display:inline-flex;align-items:center;gap:.4rem}.sc-glyph-svg{width:1rem;height:1rem;fill:currentColor}:host ::ng-deep .sc-glyph-pick .p-dropdown-label{padding:.2rem .4rem}.sc-color-input{width:2.5rem;height:1.8rem;border:1px solid var(--surface-border, #ced4da);border-radius:4px;padding:0;background:none}.sc-row-number p-slider,.sc-row-range p-slider{flex:1 1 0;min-width:0}:host ::ng-deep .sc-num{width:4.5rem;padding:.3rem .4rem;text-align:center}:host ::ng-deep .sc-row-number p-inputnumber,:host ::ng-deep .sc-row-range p-inputnumber{flex:0 0 auto}:host{display:contents}.sc-key{padding:.5rem 0;border-top:1px solid var(--surface-border, #dee2e6);border-bottom:1px solid var(--surface-border, #dee2e6)}.sc-legend{list-style:none;margin:0;padding:0;max-height:11rem;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.sc-legend li{display:flex}.sc-legend-btn{display:flex;align-items:center;gap:.45rem;width:100%;padding:.15rem .3rem;font:inherit;font-size:.8rem;text-align:left;background:none;border:1px solid transparent;border-radius:3px;cursor:pointer;color:inherit}.sc-legend-btn:hover{background:var(--surface-hover, rgba(0, 0, 0, .04))}.sc-legend-btn.selected{border-color:var(--primary-color, #3b82f6);background:var(--surface-hover, rgba(59, 130, 246, .08));font-weight:600}.sc-swatch{width:.85rem;height:.85rem;flex:0 0 auto;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.sc-legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { controls: [{
+                type: Input
+            }], dataset: [{
+                type: Input
+            }], view: [{
+                type: Input
+            }], legend: [{
+                type: Input
+            }], colorBarCss: [{
+                type: Input
+            }], selectedCategory: [{
+                type: Input
+            }], colormapOptions: [{
+                type: Input
+            }], categoryClicked: [{
+                type: Output
+            }] } });
+/** Label for `view`'s colouring, for the key's heading. */
+export function colorByLabel(view) {
+    const by = view.colorBy;
+    if (!by)
+        return 'Flat colour';
+    return by.kind === 'feature' ? `Gene · ${by.name}` : by.name;
+}
+/** The tree node holding a colormap value, so the picker shows what is in use. */
+export function colormapNodeFor(options, value) {
+    if (!value)
+        return null;
+    for (const group of options) {
+        for (const node of group.children ?? []) {
+            // Reference equality: the value came out of this same tree, and an inline
+            // scale is a 256-entry array not worth comparing element by element.
+            if (node.data?.value === value)
+                return node;
+        }
+        if (group.data?.value === value)
+            return group;
+    }
+    return null;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1rZXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zcGF0aWFsLWNvbnRyb2xzL3NwYXRpYWwta2V5L3NwYXRpYWwta2V5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLWtleS9zcGF0aWFsLWtleS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMzQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFJdEQsT0FBTyxFQUdMLG9CQUFvQixHQUVyQixNQUFNLCtCQUErQixDQUFDOzs7Ozs7O0FBR3ZDOzs7Ozs7Ozs7R0FTRztBQVNILE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFTRSxvR0FBb0c7UUFDM0YsYUFBUSxHQUE0QixJQUFJLENBQUM7UUFDbEQscUNBQXFDO1FBQzVCLFlBQU8sR0FBMEIsSUFBSSxDQUFDO1FBQy9DLDhEQUE4RDtRQUNyRCxTQUFJLEdBQXFCLG9CQUFvQixDQUFDO1FBQ3ZELDBFQUEwRTtRQUNqRSxXQUFNLEdBQWdDLElBQUksQ0FBQztRQUNwRCx5REFBeUQ7UUFDaEQsZ0JBQVcsR0FBa0IsSUFBSSxDQUFDO1FBQzNDLG1FQUFtRTtRQUMxRCxxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO1FB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QyxVQUFVLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQztBQUMvRCxDQUFDO0FBRUQsa0ZBQWtGO0FBQ2xGLE1BQU0sVUFBVSxlQUFlLENBQzdCLE9BQWdDLEVBQ2hDLEtBQTJCO0lBRTNCLElBQUksQ0FBQyxLQUFLO1FBQUUsT0FBTyxJQUFJLENBQUM7SUFDeEIsS0FBSyxNQUFNLEtBQUssSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUM1QixLQUFLLE1BQU0sSUFBSSxJQUFJLEtBQUssQ0FBQyxRQUFRLElBQUksRUFBRSxFQUFFLENBQUM7WUFDeEMsMEVBQTBFO1lBQzFFLHFFQUFxRTtZQUNyRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxLQUFLLEtBQUs7Z0JBQUUsT0FBTyxJQUFJLENBQUM7UUFDOUMsQ0FBQztRQUNELElBQUksS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLEtBQUssS0FBSztZQUFFLE9BQU8sS0FBSyxDQUFDO0lBQ2hELENBQUM7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XG5pbXBvcnQgeyBUcmVlU2VsZWN0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy90cmVlc2VsZWN0JztcblxuaW1wb3J0IHR5cGUgeyBJU3BhdGlhbENvbnRyb2xzIH0gZnJvbSAnLi4vLi4vY29udHJhY3RzL3Zpc3VhbGl6ZXIuY29udHJhY3QnO1xuaW1wb3J0IHR5cGUgeyBTcGF0aWFsRGF0YXNldCB9IGZyb20gJy4uLy4uL2NvbnRyYWN0cy9zcGF0aWFsLWRhdGFzZXQuY29udHJhY3QnO1xuaW1wb3J0IHtcbiAgQ29sb3JtYXBOb2RlLFxuICBDb2xvcm1hcFZhbHVlLFxuICBERUZBVUxUX1NQQVRJQUxfVklFVyxcbiAgU3BhdGlhbFZpZXdTdGF0ZSxcbn0gZnJvbSAnLi4vLi4vY29udHJhY3RzL2Rpc3BsYXktdHlwZXMnO1xuaW1wb3J0IHR5cGUgeyBTcGF0aWFsTGVnZW5kRW50cnkgfSBmcm9tICcuL3NwYXRpYWwta2V5Lm1vZGVsJztcblxuLyoqXG4gKiBUaGUga2V5IGZvciB0aGUgYWN0aXZlIGNvbG91cmluZzogaXRzIG5hbWUsIGEgZGVzY3JpcHRpb24gd2hlbiB0aGUgY29sdW1uIGlzIGRlcml2ZWQsXG4gKiBhbmQgZWl0aGVyIGEgY2F0ZWdvcmljYWwgbGVnZW5kIHdob3NlIHJvd3Mgc2VsZWN0IHRoZWlyIGNhdGVnb3J5IG9yIGEgY29udGludW91cyBjb2xvdXJcbiAqIGJhciB3aXRoIHRoZSBjb2xvcm1hcCBwaWNrZXIgdGhhdCBkcml2ZXMgaXQuXG4gKlxuICogUHJlc2VudGF0aW9uYWwgb3ZlciB7QGxpbmsgU3BhdGlhbEtleU1vZGVsfSwgd2hpY2ggdGhlIGRpYWxvZyBrZWVwcyAodGhlIHJlc3Qgb2YgdGhlXG4gKiBwYW5lbCBuZWVkcyB0byBrbm93IHdoZXRoZXIgdGhlIGNvbG91cmluZyBpcyBjYXRlZ29yaWNhbCBldmVuIHdoaWxlIHRoZSBrZXkgaXMgbm90IG9uXG4gKiBzY3JlZW4pLiBXcml0ZXMgb25seSB0aGUgY29udGludW91cyBjb2xvcm1hcCwgdGhyb3VnaCBgY29udHJvbHMuc2V0Vmlld1N0YXRlYDsgYSBsZWdlbmRcbiAqIGNsaWNrIGdvZXMgdXAgYXMge0BsaW5rIGNhdGVnb3J5Q2xpY2tlZH0sIGJlY2F1c2UgdGhlIHNlbGVjdGlvbiBpcyB0aGUgZGlhbG9nJ3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwYXRpYWwta2V5JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFNoYXJlZE1vZHVsZSwgVG9vbHRpcE1vZHVsZSwgVHJlZVNlbGVjdE1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGF0aWFsLWtleS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwYXRpYWwta2V5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTcGF0aWFsS2V5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqIFRoZSBzcGF0aWFsIGNvbnRyb2xzIHRoaXMgcGFuZWwgcmVhZHMgYW5kIHdyaXRlcyB0aHJvdWdoOyBudWxsIHdpdGhvdXQgYSBgU1BBVElBTF9EQVRBX1BPUlRgLiAqL1xuICBASW5wdXQoKSBjb250cm9sczogSVNwYXRpYWxDb250cm9scyB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIGRhdGFzZXQgb24gb2ZmZXIsIG9yIG51bGwuICovXG4gIEBJbnB1dCgpIGRhdGFzZXQ6IFNwYXRpYWxEYXRhc2V0IHwgbnVsbCA9IG51bGw7XG4gIC8qKiBUaGUgY3VycmVudCBzcGF0aWFsIHZpZXcgc3RhdGU6IHdoYXQgaXMgZHJhd24sIGFuZCBob3cuICovXG4gIEBJbnB1dCgpIHZpZXc6IFNwYXRpYWxWaWV3U3RhdGUgPSBERUZBVUxUX1NQQVRJQUxfVklFVztcbiAgLyoqIFRoZSBjYXRlZ29yaWNhbCBsZWdlbmQsIG9yIG51bGwgZm9yIGEgY29udGludW91cyAob3Igbm8pIGNvbG91cmluZy4gKi9cbiAgQElucHV0KCkgbGVnZW5kOiBTcGF0aWFsTGVnZW5kRW50cnlbXSB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIGNvbnRpbnVvdXMgY29sb3VyIGJhcidzIENTUyBncmFkaWVudCwgb3IgbnVsbC4gKi9cbiAgQElucHV0KCkgY29sb3JCYXJDc3M6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIGxlZ2VuZCByb3cgd2hvc2UgY2F0ZWdvcnkgaXMgc2VsZWN0ZWQsIGZvciBoaWdobGlnaHRpbmcuICovXG4gIEBJbnB1dCgpIHNlbGVjdGVkQ2F0ZWdvcnk6IG51bWJlciB8IG51bGwgPSBudWxsO1xuICAvKipcbiAgICogQ29sb3JtYXAgdHJlZSBmb3IgdGhlIGNvbnRpbnVvdXMgY29sb3VyIHNjYWxlOiB0aGUgbGlicmFyeSdzIG93biBgQ09MT1JNQVBfT1BUSU9OU2AsXG4gICAqIHNob3duIHdpdGggdGhlIHNhbWUgc3dhdGNoZXMgdGhlIGltYWdlJ3MgY29sb3JtYXAgcGlja2VyIHVzZXMg4oCUIGNob29zaW5nIGEgZ3JhZGllbnRcbiAgICogaXMgYSB2aXN1YWwgZGVjaXNpb24sIHNvIGEgbGlzdCBvZiBuYW1lcyB3b3VsZCBiZSB0aGUgd3JvbmcgY29udHJvbC5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9ybWFwT3B0aW9uczogQ29sb3JtYXBOb2RlW10gPSBbXTtcbiAgLyoqIEEgbGVnZW5kIHJvdyB3YXMgY2xpY2tlZDogc2VsZWN0IHRoYXQgY2F0ZWdvcnkgKG9yIGNsZWFyIGl0LCB3aGVuIGl0IGlzIHNlbGVjdGVkKS4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGNhdGVnb3J5Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIC8qKiBUaGUgbm9kZSBjdXJyZW50bHkgcGlja2VkIGZyb20ge0BsaW5rIGNvbG9ybWFwT3B0aW9uc30uICovXG4gIHByb3RlY3RlZCBzZWxlY3RlZENvbG9ybWFwTm9kZTogQ29sb3JtYXBOb2RlIHwgbnVsbCA9IG51bGw7XG4gIC8qKiBMYWJlbCBmb3IgdGhlIGN1cnJlbnQgY29sb3VyaW5nLCBmb3IgdGhlIGtleSdzIGhlYWRpbmcuICovXG4gIHByb3RlY3RlZCBjb2xvckJ5TGFiZWwgPSAnRmxhdCBjb2xvdXInO1xuICAvKipcbiAgICogRGVzY3JpcHRpb24gb2YgdGhlIGFjdGl2ZSBjb2x1bW4sIHdoZW4gaXQgaGFzIG9uZS4gU3VyZmFjZWQgYmVjYXVzZSBhIERFUklWRUQgY29sdW1uXG4gICAqIChrLW1lYW5zIGNsdXN0ZXJzLCBRQyB0b3RhbHMgY29tcHV0ZWQgYXQgY29udmVyc2lvbikgbXVzdCBub3QgcmVhZCBhcyB0aG91Z2ggaXQgY2FtZVxuICAgKiB3aXRoIHRoZSBkYXRhLlxuICAgKi9cbiAgcHJvdGVjdGVkIGFjdGl2ZURlc2NyaXB0aW9uOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBjb25zdCBieSA9IHRoaXMudmlldy5jb2xvckJ5O1xuICAgIHRoaXMuY29sb3JCeUxhYmVsID0gY29sb3JCeUxhYmVsKHRoaXMudmlldyk7XG4gICAgdGhpcy5hY3RpdmVEZXNjcmlwdGlvbiA9XG4gICAgICBieT8ua2luZCA9PT0gJ2NvbHVtbicgPyAodGhpcy5kYXRhc2V0Py5jb2x1bW5zLmZpbmQoKGMpID0+IGMubmFtZSA9PT0gYnkubmFtZSk/LmRlc2NyaXB0aW9uID8/IG51bGwpIDogbnVsbDtcbiAgICB0aGlzLnNlbGVjdGVkQ29sb3JtYXBOb2RlID0gY29sb3JtYXBOb2RlRm9yKHRoaXMuY29sb3JtYXBPcHRpb25zLCB0aGlzLnZpZXcuY29udGludW91c0NvbG9ybWFwKTtcbiAgfVxuXG4gIC8qKiBUcnVlIHdoZW4gdGhlIGFjdGl2ZSBjb2xvdXJpbmcgaXMgYSBjYXRlZ29yaWNhbCBjb2x1bW4uICovXG4gIHByb3RlY3RlZCBnZXQgaXNDYXRlZ29yaWNhbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5sZWdlbmQgIT09IG51bGw7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgY29sb3VyIGJhciBhcHBsaWVzOiB0aGVyZSBpcyBhIGNvbG91cmluZywgYW5kIGl0IGlzIG5vdCBjYXRlZ29yaWNhbC4gKi9cbiAgcHJvdGVjdGVkIGdldCBpc0NvbnRpbnVvdXMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy52aWV3LmNvbG9yQnkgJiYgdGhpcy5sZWdlbmQgPT09IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGNvbnRpbnVvdXMgY29sb3VyIHNjYWxlJ3MgY29sb3JtYXAuIENsZWFyaW5nIGl0IGdvZXMgYmFjayB0byBmb2xsb3dpbmcgdGhlXG4gICAqIGltYWdlJ3MsIHdoaWNoIGlzIHRoZSBkZWZhdWx0LlxuICAgKi9cbiAgLyoqIEtlZXBzIHRoZSBsZWdlbmQgcm93cyBhY3Jvc3MgYSByZWZyZXNoIG9mIHRoZSBzYW1lIGNhdGVnb3JpZXMgKG9uZSBwZXIgY2F0ZWdvcnkpLiAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgdHJhY2tCeUxhYmVsID0gKF86IG51bWJlciwgZW50cnk6IFNwYXRpYWxMZWdlbmRFbnRyeSk6IHN0cmluZyA9PiBlbnRyeS5sYWJlbDtcblxuICBwcm90ZWN0ZWQgb25Db250aW51b3VzQ29sb3JtYXAobm9kZTogQ29sb3JtYXBOb2RlIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRDb2xvcm1hcE5vZGUgPSBub2RlO1xuICAgIC8vIFRoZSB2YWx1ZSBpcyBhIENvbG9ybWFwVmFsdWUsIHdoaWNoIGlzIGEgTkFNRSBmb3IgdGhlIGJ1aWx0LWluIHNjYWxlcyBhbmQgYW5cbiAgICAvLyBpbmxpbmUgYFtzdG9wLCBjb2xvdXJdYCBhcnJheSBmb3IgdGhlIHJlc3Qg4oCUIGhhbGYgdGhlIGxpYnJhcnkncyBjb2xvcm1hcHNcbiAgICAvLyBhcmUgdGhlIGFycmF5IGtpbmQsIHNvIGFueXRoaW5nIHRoYXQgb25seSBhY2NlcHRzIGEgc3RyaW5nIHNpbGVudGx5IGRyb3BzXG4gICAgLy8gdGhlbS4gQSBncm91cCByb3cgY2FycmllcyBubyB2YWx1ZSBhbmQgY2xlYXJzIHRoZSBzZXR0aW5nLlxuICAgIHRoaXMuY29udHJvbHM/LnNldFZpZXdTdGF0ZSh7IGNvbnRpbnVvdXNDb2xvcm1hcDogbm9kZT8uZGF0YT8udmFsdWUgPz8gbnVsbCB9KTtcbiAgfVxufVxuXG4vKiogTGFiZWwgZm9yIGB2aWV3YCdzIGNvbG91cmluZywgZm9yIHRoZSBrZXkncyBoZWFkaW5nLiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGNvbG9yQnlMYWJlbCh2aWV3OiBQaWNrPFNwYXRpYWxWaWV3U3RhdGUsICdjb2xvckJ5Jz4pOiBzdHJpbmcge1xuICBjb25zdCBieSA9IHZpZXcuY29sb3JCeTtcbiAgaWYgKCFieSkgcmV0dXJuICdGbGF0IGNvbG91cic7XG4gIHJldHVybiBieS5raW5kID09PSAnZmVhdHVyZScgPyBgR2VuZSDCtyAke2J5Lm5hbWV9YCA6IGJ5Lm5hbWU7XG59XG5cbi8qKiBUaGUgdHJlZSBub2RlIGhvbGRpbmcgYSBjb2xvcm1hcCB2YWx1ZSwgc28gdGhlIHBpY2tlciBzaG93cyB3aGF0IGlzIGluIHVzZS4gKi9cbmV4cG9ydCBmdW5jdGlvbiBjb2xvcm1hcE5vZGVGb3IoXG4gIG9wdGlvbnM6IHJlYWRvbmx5IENvbG9ybWFwTm9kZVtdLFxuICB2YWx1ZTogQ29sb3JtYXBWYWx1ZSB8IG51bGwsXG4pOiBDb2xvcm1hcE5vZGUgfCBudWxsIHtcbiAgaWYgKCF2YWx1ZSkgcmV0dXJuIG51bGw7XG4gIGZvciAoY29uc3QgZ3JvdXAgb2Ygb3B0aW9ucykge1xuICAgIGZvciAoY29uc3Qgbm9kZSBvZiBncm91cC5jaGlsZHJlbiA/PyBbXSkge1xuICAgICAgLy8gUmVmZXJlbmNlIGVxdWFsaXR5OiB0aGUgdmFsdWUgY2FtZSBvdXQgb2YgdGhpcyBzYW1lIHRyZWUsIGFuZCBhbiBpbmxpbmVcbiAgICAgIC8vIHNjYWxlIGlzIGEgMjU2LWVudHJ5IGFycmF5IG5vdCB3b3J0aCBjb21wYXJpbmcgZWxlbWVudCBieSBlbGVtZW50LlxuICAgICAgaWYgKG5vZGUuZGF0YT8udmFsdWUgPT09IHZhbHVlKSByZXR1cm4gbm9kZTtcbiAgICB9XG4gICAgaWYgKGdyb3VwLmRhdGE/LnZhbHVlID09PSB2YWx1ZSkgcmV0dXJuIGdyb3VwO1xuICB9XG4gIHJldHVybiBudWxsO1xufVxuIiwiPCEtLSBLZXk6IGNhdGVnb3JpY2FsIGxlZ2VuZCBvciBhIGNvbnRpbnVvdXMgY29sb3VyIGJhciwgYnVpbHQgZnJvbSB0aGUgc2FtZVxuICAgICBmdW5jdGlvbnMgdGhlIHJlbmRlcmVyIHVzZXMgc28gaXQgY2Fubm90IGRpc2FncmVlIHdpdGggdGhlIGNhbnZhcy4gLS0+XG48ZGl2IGNsYXNzPVwic2Mtc2VjdGlvbiBzYy1rZXlcIiAqbmdJZj1cInZpZXcuY29sb3JCeVwiPlxuICA8c3BhbiBjbGFzcz1cInNjLWxibFwiPnt7IGNvbG9yQnlMYWJlbCB9fTwvc3Bhbj5cbiAgPCEtLSBEZXJpdmVkIGNvbHVtbnMgc2F5IHNvLCBzbyB0aGV5IGFyZSBub3QgbWlzdGFrZW4gZm9yIG1lYXN1cmVkIGRhdGEuIC0tPlxuICA8c21hbGwgY2xhc3M9XCJzYy1oaW50XCIgKm5nSWY9XCJhY3RpdmVEZXNjcmlwdGlvblwiPnt7IGFjdGl2ZURlc2NyaXB0aW9uIH19PC9zbWFsbD5cblxuICA8IS0tIExlZ2VuZCByb3dzIGFyZSBidXR0b25zOiBjbGlja2luZyBvbmUgc2VsZWN0cyB0aGF0IGNhdGVnb3J5LCBjbGlja2luZ1xuICAgICAgIGl0IGFnYWluIGNsZWFycyDigJQgc28gYSBjbGljayBpcyBhbHdheXMgcmV2ZXJzaWJsZS4gLS0+XG4gIDx1bCBjbGFzcz1cInNjLWxlZ2VuZFwiICpuZ0lmPVwiaXNDYXRlZ29yaWNhbFwiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgZW50cnkgb2YgbGVnZW5kOyBpbmRleCBhcyBpOyB0cmFja0J5OiB0cmFja0J5TGFiZWxcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwic2MtbGVnZW5kLWJ0blwiXG4gICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZENhdGVnb3J5ID09PSBpXCJcbiAgICAgICAgKGNsaWNrKT1cImNhdGVnb3J5Q2xpY2tlZC5lbWl0KGkpXCJcbiAgICAgICAgW3RpdGxlXT1cIidTZWxlY3QgJyArIGVudHJ5LmxhYmVsXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYy1zd2F0Y2hcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJlbnRyeS5jb2xvclwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYy1sZWdlbmQtbGFiZWxcIj57eyBlbnRyeS5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvbGk+XG4gIDwvdWw+XG5cbiAgPGRpdiAqbmdJZj1cImlzQ29udGludW91c1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzYy1jb2xvcmJhclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQmFyQ3NzXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNjLWNvbG9yYmFyLWVuZHNcIj5cbiAgICAgIDxzcGFuPmxvdzwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2MtaGludFwiPndpbmRvdyBmcm9tIHBlcmNlbnRpbGVzPC9zcGFuPlxuICAgICAgPHNwYW4+aGlnaDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8IS0tIFRoZSBncmFkaWVudCB0aGlzIGJhciBhbmQgdGhlIG1hcCBhcmUgZHJhd24gd2l0aC4gU2l0cyB1bmRlciB0aGUgYmFyXG4gICAgICAgICBpdCBjb250cm9scywgd2l0aCB0aGUgc2FtZSBzd2F0Y2ggcHJldmlld3MgdGhlIGltYWdlJ3MgY29sb3JtYXAgcGlja2VyXG4gICAgICAgICB1c2VzOiB3aGljaCBncmFkaWVudCByZWFkcyBiZXN0IGlzIGEgdmlzdWFsIGp1ZGdlbWVudCwgc28gYSBsaXN0IG9mXG4gICAgICAgICBuYW1lcyB3b3VsZCBiZSB0aGUgd3JvbmcgY29udHJvbC4gQ2xlYXJlZCA9IGZvbGxvdyB0aGUgaW1hZ2Uncy4gLS0+XG4gICAgPGRpdiBjbGFzcz1cInNjLXJvd1wiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYy1sYmxcIj5Db2xvcm1hcDwvc3Bhbj5cbiAgICAgIDxwLXRyZWVTZWxlY3RcbiAgICAgICAgW29wdGlvbnNdPVwiY29sb3JtYXBPcHRpb25zXCJcbiAgICAgICAgW25nTW9kZWxdPVwic2VsZWN0ZWRDb2xvcm1hcE5vZGVcIlxuICAgICAgICBzZWxlY3Rpb25Nb2RlPVwic2luZ2xlXCJcbiAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJNYXRjaCB0aGUgaW1hZ2VcIlxuICAgICAgICBbc2Nyb2xsSGVpZ2h0XT1cIicyNjBweCdcIlxuICAgICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICAgICBwVG9vbHRpcD1cIkNvbG91ciBzY2FsZSBmb3IgZ2VuZSBhbmQgbnVtZXJpYyB2YWx1ZXMg4oCUIHRoZSBtYXJrZXJzLCB0aGUgZ2VuZSBtYXAgYW5kIHRoaXMgYmFyLiBDbGVhciBpdCB0byBmb2xsb3cgdGhlIGltYWdlJ3MgY29sb3JtYXBcIlxuICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxuICAgICAgICAob25Ob2RlU2VsZWN0KT1cIm9uQ29udGludW91c0NvbG9ybWFwKCRldmVudC5ub2RlKVwiXG4gICAgICAgIChvbkNsZWFyKT1cIm9uQ29udGludW91c0NvbG9ybWFwKG51bGwpXCJcbiAgICAgID5cbiAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1ub2RlIHBUZW1wbGF0ZT1cImRlZmF1bHRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNjLWNtYXAtb3B0aW9uXCI+XG4gICAgICAgICAgICA8aW1nICpuZ0lmPVwiIW5vZGUuY2hpbGRyZW4gJiYgbm9kZS5kYXRhPy5zcmNcIiBbc3JjXT1cIm5vZGUuZGF0YS5zcmNcIiBjbGFzcz1cInNjLWNtYXAtc3dhdGNoXCIgYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDxzcGFuPnt7IG5vZGUubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9wLXRyZWVTZWxlY3Q+XG4gICAgICA8c3BhbiBjbGFzcz1cInNjLXZhbFwiPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/spatial-controls/spatial-key/spatial-key.model.mjs

@@ -0,0 +1,67 @@
+import { continuousColorBarCss } from '../../spatial/spatial-panel-model';
+import { Supersede } from '../../util/supersede';
+/**
+ * The key for the active colouring: a categorical legend, or a continuous colour bar.
+ *
+ * Built with the SAME functions the renderer uses (`categoryColors` → the renderer's
+ * resolved category colours, `spatialContinuousLut`), so the key cannot drift from what is
+ * on screen. Kept by the dialog rather than by `<spatial-key>`: whether the colouring is
+ * categorical decides which knobs the rest of the panel offers, whether or not the key
+ * itself is on screen.
+ */
+export class SpatialKeyModel {
+    /** @param run where async results are applied — the owner's `NgZone.run`. */
+    constructor(run = (fn) => fn()) {
+        this.run = run;
+        /** Categorical key, or null when the active colouring is continuous (or none). */
+        this.legend = null;
+        /** CSS gradient for a continuous colouring, or null when categorical (or none). */
+        this.colorBarCss = null;
+        /** Latest wins: a slower earlier column would paint its palette into the legend for the
+         *  column now selected. */
+        this.load = new Supersede();
+    }
+    /** True when the active colouring is a categorical column. */
+    get isCategorical() {
+        return this.legend !== null;
+    }
+    /** Rebuild the legend or colour bar for `view`'s colouring. */
+    async refresh(controls, dataset, view, colormap, reverse) {
+        const by = view.colorBy;
+        if (!by || !controls) {
+            // A legend still loading for the colouring just cleared must not land after it.
+            this.load.cancel();
+            this.legend = null;
+            this.colorBarCss = null;
+            return;
+        }
+        const meta = by.kind === 'column' ? dataset?.columns.find((c) => c.name === by.name) : undefined;
+        const current = this.load.next();
+        if (meta?.kind === 'categorical') {
+            try {
+                const colors = await controls.categoryColors(by.name);
+                if (!current())
+                    return;
+                this.run(() => {
+                    this.legend = meta.categories.map((label, i) => ({ label, color: colors[i] }));
+                    this.colorBarCss = null;
+                });
+            }
+            catch {
+                if (!current())
+                    return;
+                // The column's values may not have loaded yet; leave the key empty rather than
+                // showing a legend that might not match the render.
+                this.run(() => {
+                    this.legend = null;
+                    this.colorBarCss = null;
+                });
+            }
+            return;
+        }
+        // Continuous (a numeric column or a gene): a colour bar from the same LUT.
+        this.legend = null;
+        this.colorBarCss = continuousColorBarCss(colormap?.data?.value, reverse, view.continuousColormap);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1rZXkubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NwYXRpYWwtY29udHJvbHMvc3BhdGlhbC1rZXkvc3BhdGlhbC1rZXkubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBUWpEOzs7Ozs7OztHQVFHO0FBQ0gsTUFBTSxPQUFPLGVBQWU7SUFVMUIsNkVBQTZFO0lBQzdFLFlBQTZCLE1BQWdDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUU7UUFBNUMsUUFBRyxHQUFILEdBQUcsQ0FBeUM7UUFWekUsa0ZBQWtGO1FBQ2xGLFdBQU0sR0FBZ0MsSUFBSSxDQUFDO1FBQzNDLG1GQUFtRjtRQUNuRixnQkFBVyxHQUFrQixJQUFJLENBQUM7UUFFbEM7bUNBQzJCO1FBQ1YsU0FBSSxHQUFHLElBQUksU0FBUyxFQUFFLENBQUM7SUFHb0MsQ0FBQztJQUU3RSw4REFBOEQ7SUFDOUQsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsK0RBQStEO0lBQy9ELEtBQUssQ0FBQyxPQUFPLENBQ1gsUUFBaUMsRUFDakMsT0FBOEIsRUFDOUIsSUFBOEQsRUFDOUQsUUFBNkIsRUFDN0IsT0FBZ0I7UUFFaEIsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN4QixJQUFJLENBQUMsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDckIsZ0ZBQWdGO1lBQ2hGLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7WUFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDeEIsT0FBTztRQUNULENBQUM7UUFDRCxNQUFNLElBQUksR0FBRyxFQUFFLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDakcsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksRUFBRSxJQUFJLEtBQUssYUFBYSxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDO2dCQUNILE1BQU0sTUFBTSxHQUFHLE1BQU0sUUFBUSxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3RELElBQUksQ0FBQyxPQUFPLEVBQUU7b0JBQUUsT0FBTztnQkFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7b0JBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztvQkFDL0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztZQUFDLE1BQU0sQ0FBQztnQkFDUCxJQUFJLENBQUMsT0FBTyxFQUFFO29CQUFFLE9BQU87Z0JBQ3ZCLCtFQUErRTtnQkFDL0Usb0RBQW9EO2dCQUNwRCxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtvQkFDWixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztvQkFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztZQUNELE9BQU87UUFDVCxDQUFDO1FBQ0QsMkVBQTJFO1FBQzNFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcscUJBQXFCLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSVNwYXRpYWxDb250cm9scyB9IGZyb20gJy4uLy4uL2NvbnRyYWN0cy92aXN1YWxpemVyLmNvbnRyYWN0JztcbmltcG9ydCB0eXBlIHsgU3BhdGlhbERhdGFzZXQgfSBmcm9tICcuLi8uLi9jb250cmFjdHMvc3BhdGlhbC1kYXRhc2V0LmNvbnRyYWN0JztcbmltcG9ydCB0eXBlIHsgQ29sb3JtYXBOb2RlLCBTcGF0aWFsVmlld1N0YXRlIH0gZnJvbSAnLi4vLi4vY29udHJhY3RzL2Rpc3BsYXktdHlwZXMnO1xuaW1wb3J0IHsgY29udGludW91c0NvbG9yQmFyQ3NzIH0gZnJvbSAnLi4vLi4vc3BhdGlhbC9zcGF0aWFsLXBhbmVsLW1vZGVsJztcbmltcG9ydCB7IFN1cGVyc2VkZSB9IGZyb20gJy4uLy4uL3V0aWwvc3VwZXJzZWRlJztcblxuLyoqIE9uZSBsZWdlbmQgcm93IGZvciBhIGNhdGVnb3JpY2FsIGNvbG91cmluZy4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU3BhdGlhbExlZ2VuZEVudHJ5IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgY29sb3I6IHN0cmluZztcbn1cblxuLyoqXG4gKiBUaGUga2V5IGZvciB0aGUgYWN0aXZlIGNvbG91cmluZzogYSBjYXRlZ29yaWNhbCBsZWdlbmQsIG9yIGEgY29udGludW91cyBjb2xvdXIgYmFyLlxuICpcbiAqIEJ1aWx0IHdpdGggdGhlIFNBTUUgZnVuY3Rpb25zIHRoZSByZW5kZXJlciB1c2VzIChgY2F0ZWdvcnlDb2xvcnNgIOKGkiB0aGUgcmVuZGVyZXInc1xuICogcmVzb2x2ZWQgY2F0ZWdvcnkgY29sb3VycywgYHNwYXRpYWxDb250aW51b3VzTHV0YCksIHNvIHRoZSBrZXkgY2Fubm90IGRyaWZ0IGZyb20gd2hhdCBpc1xuICogb24gc2NyZWVuLiBLZXB0IGJ5IHRoZSBkaWFsb2cgcmF0aGVyIHRoYW4gYnkgYDxzcGF0aWFsLWtleT5gOiB3aGV0aGVyIHRoZSBjb2xvdXJpbmcgaXNcbiAqIGNhdGVnb3JpY2FsIGRlY2lkZXMgd2hpY2gga25vYnMgdGhlIHJlc3Qgb2YgdGhlIHBhbmVsIG9mZmVycywgd2hldGhlciBvciBub3QgdGhlIGtleVxuICogaXRzZWxmIGlzIG9uIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNwYXRpYWxLZXlNb2RlbCB7XG4gIC8qKiBDYXRlZ29yaWNhbCBrZXksIG9yIG51bGwgd2hlbiB0aGUgYWN0aXZlIGNvbG91cmluZyBpcyBjb250aW51b3VzIChvciBub25lKS4gKi9cbiAgbGVnZW5kOiBTcGF0aWFsTGVnZW5kRW50cnlbXSB8IG51bGwgPSBudWxsO1xuICAvKiogQ1NTIGdyYWRpZW50IGZvciBhIGNvbnRpbnVvdXMgY29sb3VyaW5nLCBvciBudWxsIHdoZW4gY2F0ZWdvcmljYWwgKG9yIG5vbmUpLiAqL1xuICBjb2xvckJhckNzczogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIExhdGVzdCB3aW5zOiBhIHNsb3dlciBlYXJsaWVyIGNvbHVtbiB3b3VsZCBwYWludCBpdHMgcGFsZXR0ZSBpbnRvIHRoZSBsZWdlbmQgZm9yIHRoZVxuICAgKiAgY29sdW1uIG5vdyBzZWxlY3RlZC4gKi9cbiAgcHJpdmF0ZSByZWFkb25seSBsb2FkID0gbmV3IFN1cGVyc2VkZSgpO1xuXG4gIC8qKiBAcGFyYW0gcnVuIHdoZXJlIGFzeW5jIHJlc3VsdHMgYXJlIGFwcGxpZWQg4oCUIHRoZSBvd25lcidzIGBOZ1pvbmUucnVuYC4gKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBydW46IChmbjogKCkgPT4gdm9pZCkgPT4gdm9pZCA9IChmbikgPT4gZm4oKSkge31cblxuICAvKiogVHJ1ZSB3aGVuIHRoZSBhY3RpdmUgY29sb3VyaW5nIGlzIGEgY2F0ZWdvcmljYWwgY29sdW1uLiAqL1xuICBnZXQgaXNDYXRlZ29yaWNhbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5sZWdlbmQgIT09IG51bGw7XG4gIH1cblxuICAvKiogUmVidWlsZCB0aGUgbGVnZW5kIG9yIGNvbG91ciBiYXIgZm9yIGB2aWV3YCdzIGNvbG91cmluZy4gKi9cbiAgYXN5bmMgcmVmcmVzaChcbiAgICBjb250cm9sczogSVNwYXRpYWxDb250cm9scyB8IG51bGwsXG4gICAgZGF0YXNldDogU3BhdGlhbERhdGFzZXQgfCBudWxsLFxuICAgIHZpZXc6IFBpY2s8U3BhdGlhbFZpZXdTdGF0ZSwgJ2NvbG9yQnknIHwgJ2NvbnRpbnVvdXNDb2xvcm1hcCc+LFxuICAgIGNvbG9ybWFwOiBDb2xvcm1hcE5vZGUgfCBudWxsLFxuICAgIHJldmVyc2U6IGJvb2xlYW4sXG4gICk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGJ5ID0gdmlldy5jb2xvckJ5O1xuICAgIGlmICghYnkgfHwgIWNvbnRyb2xzKSB7XG4gICAgICAvLyBBIGxlZ2VuZCBzdGlsbCBsb2FkaW5nIGZvciB0aGUgY29sb3VyaW5nIGp1c3QgY2xlYXJlZCBtdXN0IG5vdCBsYW5kIGFmdGVyIGl0LlxuICAgICAgdGhpcy5sb2FkLmNhbmNlbCgpO1xuICAgICAgdGhpcy5sZWdlbmQgPSBudWxsO1xuICAgICAgdGhpcy5jb2xvckJhckNzcyA9IG51bGw7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IG1ldGEgPSBieS5raW5kID09PSAnY29sdW1uJyA/IGRhdGFzZXQ/LmNvbHVtbnMuZmluZCgoYykgPT4gYy5uYW1lID09PSBieS5uYW1lKSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjdXJyZW50ID0gdGhpcy5sb2FkLm5leHQoKTtcbiAgICBpZiAobWV0YT8ua2luZCA9PT0gJ2NhdGVnb3JpY2FsJykge1xuICAgICAgdHJ5IHtcbiAgICAgICAgY29uc3QgY29sb3JzID0gYXdhaXQgY29udHJvbHMuY2F0ZWdvcnlDb2xvcnMoYnkubmFtZSk7XG4gICAgICAgIGlmICghY3VycmVudCgpKSByZXR1cm47XG4gICAgICAgIHRoaXMucnVuKCgpID0+IHtcbiAgICAgICAgICB0aGlzLmxlZ2VuZCA9IG1ldGEuY2F0ZWdvcmllcy5tYXAoKGxhYmVsLCBpKSA9PiAoeyBsYWJlbCwgY29sb3I6IGNvbG9yc1tpXSB9KSk7XG4gICAgICAgICAgdGhpcy5jb2xvckJhckNzcyA9IG51bGw7XG4gICAgICAgIH0pO1xuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIGlmICghY3VycmVudCgpKSByZXR1cm47XG4gICAgICAgIC8vIFRoZSBjb2x1bW4ncyB2YWx1ZXMgbWF5IG5vdCBoYXZlIGxvYWRlZCB5ZXQ7IGxlYXZlIHRoZSBrZXkgZW1wdHkgcmF0aGVyIHRoYW5cbiAgICAgICAgLy8gc2hvd2luZyBhIGxlZ2VuZCB0aGF0IG1pZ2h0IG5vdCBtYXRjaCB0aGUgcmVuZGVyLlxuICAgICAgICB0aGlzLnJ1bigoKSA9PiB7XG4gICAgICAgICAgdGhpcy5sZWdlbmQgPSBudWxsO1xuICAgICAgICAgIHRoaXMuY29sb3JCYXJDc3MgPSBudWxsO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgLy8gQ29udGludW91cyAoYSBudW1lcmljIGNvbHVtbiBvciBhIGdlbmUpOiBhIGNvbG91ciBiYXIgZnJvbSB0aGUgc2FtZSBMVVQuXG4gICAgdGhpcy5sZWdlbmQgPSBudWxsO1xuICAgIHRoaXMuY29sb3JCYXJDc3MgPSBjb250aW51b3VzQ29sb3JCYXJDc3MoY29sb3JtYXA/LmRhdGE/LnZhbHVlLCByZXZlcnNlLCB2aWV3LmNvbnRpbnVvdXNDb2xvcm1hcCk7XG4gIH1cbn1cbiJdfQ==