@jax-data-science/sci-image-visualizer 0.8.2 → 0.9.0

package/esm2022/lib/spatial-controls/spatial-marker-genes-form/spatial-marker-genes-form.component.mjs

@@ -0,0 +1,147 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, NgZone, Output, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ButtonModule } from 'primeng/button';
+import { DropdownModule } from 'primeng/dropdown';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { DEFAULT_SPATIAL_VIEW } from '../../contracts/display-types';
+import { cellTypeColumnFor } from '../../spatial/spatial-tiles';
+import { markerColumnOptions, markerGeneGroups, markerGenesPatch, } from '../../spatial/spatial-panel-model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/button";
+import * as i4 from "primeng/dropdown";
+import * as i5 from "primeng/multiselect";
+/**
+ * "Add marker genes of clusters": pick a grouping, how many genes per cluster and which
+ * clusters, and each picked cluster's top marker genes are added as a gene group named
+ * after it — and selected, coloured by cluster.
+ *
+ * Shown while {@link open}; it closes itself (through {@link openChange}) once the genes
+ * are added. Writes only through `controls.setViewState`.
+ */
+export class SpatialMarkerGenesFormComponent {
+    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;
+        /** Whether the form is shown. Opening it picks the cells' grouping and every cluster. */
+        this.open = false;
+        /** Asks to open or close it; two-way with `open`. */
+        this.openChange = new EventEmitter();
+        this.markerColumn = null;
+        this.markerPerGroup = 5;
+        this.markerPerGroupOptions = [3, 5, 10, 20].map((n) => ({ label: `${n} genes`, value: n }));
+        this.markerClusters = [];
+        this.markerClusterOptions = [];
+        this.markerLoading = false;
+        this.markerError = null;
+        /**
+         * Every categorical column but the segmentation method, which says nothing about genes.
+         * Rebuilt with the dataset, never per change-detection pass: a fresh array per pass makes
+         * PrimeNG re-render the options, and an option re-rendered under the pointer swallows
+         * the click.
+         */
+        this.markerColumnOptions = [];
+    }
+    ngOnChanges(changes) {
+        if (changes['dataset'])
+            this.markerColumnOptions = markerColumnOptions(this.dataset?.columns);
+        if (changes['open'] && this.open)
+            this.prepare();
+    }
+    onMarkerColumn(column) {
+        this.markerColumn = column;
+        this.refreshMarkerClusters();
+    }
+    close() {
+        this.open = false;
+        this.openChange.emit(false);
+    }
+    /**
+     * Add each picked cluster's top marker genes as a gene group named after it, and select
+     * them. A gene that marks several clusters goes to the one it is most specific to, so the
+     * tree lists it once.
+     */
+    async addMarkerGenes() {
+        const column = this.markerColumn;
+        const markerGenes = this.controls?.markerGenes;
+        if (!column || !markerGenes || !this.markerClusters.length)
+            return;
+        // The form stays editable while the scan runs: apply what was picked when it was asked.
+        const picked = new Set(this.markerClusters);
+        this.markerLoading = true;
+        this.markerError = null;
+        try {
+            const result = await markerGenes(column, this.markerPerGroup);
+            this.apply(() => {
+                const groups = markerGeneGroups(result, picked);
+                if (!groups.length) {
+                    this.markerError = 'No marker genes passed the filter for the chosen clusters.';
+                    return;
+                }
+                this.controls?.setViewState(markerGenesPatch(this.view, groups));
+                this.close();
+            });
+        }
+        catch (err) {
+            this.apply(() => {
+                const e = err;
+                this.markerError = e?.error?.error ?? e?.message ?? 'Could not compute marker genes.';
+            });
+        }
+        finally {
+            this.apply(() => {
+                this.markerLoading = false;
+            });
+        }
+    }
+    /** On opening: the cells' grouping (or the last column picked, while it still exists),
+     *  every one of its clusters, and no stale error. */
+    prepare() {
+        const options = this.markerColumnOptions;
+        const active = this.dataset ? cellTypeColumnFor(this.dataset, this.view) : null;
+        if (!this.markerColumn || !options.some((o) => o.value === this.markerColumn)) {
+            this.markerColumn = active && options.some((o) => o.value === active) ? active : (options[0]?.value ?? null);
+        }
+        this.markerError = null;
+        this.refreshMarkerClusters();
+    }
+    /** The clusters of the chosen column, all picked to start with. */
+    refreshMarkerClusters() {
+        const col = this.dataset?.columns.find((c) => c.name === this.markerColumn);
+        const categories = col && col.kind === 'categorical' ? col.categories : [];
+        this.markerClusterOptions = categories.map((c) => ({ label: c, value: c }));
+        this.markerClusters = [...categories];
+    }
+    /** Apply an async result inside the zone and re-render this OnPush form. */
+    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: SpatialMarkerGenesFormComponent, 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: SpatialMarkerGenesFormComponent, isStandalone: true, selector: "spatial-marker-genes-form", inputs: { controls: "controls", dataset: "dataset", view: "view", open: "open" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: "<!-- Marker genes of each cluster, added as gene groups named after the clusters. -->\n<div class=\"sc-markers\" *ngIf=\"open\">\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Clusters from</span>\n    <p-dropdown\n      [options]=\"markerColumnOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [ngModel]=\"markerColumn\"\n      (ngModelChange)=\"onMarkerColumn($event)\"\n      appendTo=\"body\"\n      [filter]=\"markerColumnOptions.length > 8\"\n    ></p-dropdown>\n  </div>\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Per cluster</span>\n    <p-dropdown\n      [options]=\"markerPerGroupOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"markerPerGroup\"\n      appendTo=\"body\"\n    ></p-dropdown>\n  </div>\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Clusters</span>\n    <p-multiSelect\n      [options]=\"markerClusterOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"markerClusters\"\n      appendTo=\"body\"\n      [filter]=\"true\"\n      selectedItemsLabel=\"{0} clusters\"\n      [maxSelectedLabels]=\"2\"\n      placeholder=\"Pick clusters\"\n    ></p-multiSelect>\n  </div>\n  <small class=\"sc-hint\" *ngIf=\"markerLoading\">\n    Finding marker genes\u2026 the first time for a grouping reads the whole expression matrix, which can take a minute.\n  </small>\n  <small class=\"sc-hint sc-error\" *ngIf=\"markerError\">{{ markerError }}</small>\n  <div class=\"sc-row sc-markers-actions\">\n    <p-button\n      label=\"Add marker genes\"\n      icon=\"pi pi-sitemap\"\n      size=\"small\"\n      [loading]=\"markerLoading\"\n      [disabled]=\"!markerClusters.length\"\n      (onClick)=\"addMarkerGenes()\"\n    ></p-button>\n    <p-button label=\"Cancel\" size=\"small\" [text]=\"true\" [disabled]=\"markerLoading\" (onClick)=\"close()\"></p-button>\n  </div>\n</div>\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-markers{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;margin:.25rem 0 .5rem;border:1px solid var(--surface-border, rgba(0, 0, 0, .15));border-radius:6px}.sc-markers-actions{gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SpatialMarkerGenesFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spatial-marker-genes-form', standalone: true, imports: [CommonModule, FormsModule, ButtonModule, DropdownModule, MultiSelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Marker genes of each cluster, added as gene groups named after the clusters. -->\n<div class=\"sc-markers\" *ngIf=\"open\">\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Clusters from</span>\n    <p-dropdown\n      [options]=\"markerColumnOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [ngModel]=\"markerColumn\"\n      (ngModelChange)=\"onMarkerColumn($event)\"\n      appendTo=\"body\"\n      [filter]=\"markerColumnOptions.length > 8\"\n    ></p-dropdown>\n  </div>\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Per cluster</span>\n    <p-dropdown\n      [options]=\"markerPerGroupOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"markerPerGroup\"\n      appendTo=\"body\"\n    ></p-dropdown>\n  </div>\n  <div class=\"sc-row\">\n    <span class=\"sc-lbl\">Clusters</span>\n    <p-multiSelect\n      [options]=\"markerClusterOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"markerClusters\"\n      appendTo=\"body\"\n      [filter]=\"true\"\n      selectedItemsLabel=\"{0} clusters\"\n      [maxSelectedLabels]=\"2\"\n      placeholder=\"Pick clusters\"\n    ></p-multiSelect>\n  </div>\n  <small class=\"sc-hint\" *ngIf=\"markerLoading\">\n    Finding marker genes\u2026 the first time for a grouping reads the whole expression matrix, which can take a minute.\n  </small>\n  <small class=\"sc-hint sc-error\" *ngIf=\"markerError\">{{ markerError }}</small>\n  <div class=\"sc-row sc-markers-actions\">\n    <p-button\n      label=\"Add marker genes\"\n      icon=\"pi pi-sitemap\"\n      size=\"small\"\n      [loading]=\"markerLoading\"\n      [disabled]=\"!markerClusters.length\"\n      (onClick)=\"addMarkerGenes()\"\n    ></p-button>\n    <p-button label=\"Cancel\" size=\"small\" [text]=\"true\" [disabled]=\"markerLoading\" (onClick)=\"close()\"></p-button>\n  </div>\n</div>\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-markers{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;margin:.25rem 0 .5rem;border:1px solid var(--surface-border, rgba(0, 0, 0, .15));border-radius:6px}.sc-markers-actions{gap:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
+                type: Input
+            }], dataset: [{
+                type: Input
+            }], view: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1tYXJrZXItZ2VuZXMtZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NwYXRpYWwtY29udHJvbHMvc3BhdGlhbC1tYXJrZXItZ2VuZXMtZm9ybS9zcGF0aWFsLW1hcmtlci1nZW5lcy1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc3BhdGlhbC1jb250cm9scy9zcGF0aWFsLW1hcmtlci1nZW5lcy1mb3JtL3NwYXRpYWwtbWFya2VyLWdlbmVzLWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFvQixNQUFNLCtCQUErQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2hFLE9BQU8sRUFFTCxtQkFBbUIsRUFDbkIsZ0JBQWdCLEVBQ2hCLGdCQUFnQixHQUNqQixNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7O0FBRTNDOzs7Ozs7O0dBT0c7QUFTSCxNQUFNLE9BQU8sK0JBQStCO0lBMkIxQyxZQUNtQixJQUFZLEVBQ1osR0FBc0I7UUFEdEIsU0FBSSxH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LElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxtQkFHcEUsdUJBQXVCLENBQUMsTUFBTTsyR0FJdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFYSxVQUFVO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuaW1wb3J0IHsgRHJvcGRvd25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcbmltcG9ydCB7IE11bHRpU2VsZWN0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9tdWx0aXNlbGVjdCc7XG5cbmltcG9ydCB0eXBlIHsgSVNwYXRpYWxDb250cm9scyB9IGZyb20gJy4uLy4uL2NvbnRyYWN0cy92aXN1YWxpemVyLmNvbnRyYWN0JztcbmltcG9ydCB0eXBlIHsgU3BhdGlhbERhdGFzZXQgfSBmcm9tICcuLi8uLi9jb250cmFjdHMvc3BhdGlhbC1kYXRhc2V0LmNvbnRyYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU1BBVElBTF9WSUVXLCBTcGF0aWFsVmlld1N0YXRlIH0gZnJvbSAnLi4vLi4vY29udHJhY3RzL2Rpc3BsYXktdHlwZXMnO1xuaW1wb3J0IHsgY2VsbFR5cGVDb2x1bW5Gb3IgfSBmcm9tICcuLi8uLi9zcGF0aWFsL3NwYXRpYWwtdGlsZXMnO1xuaW1wb3J0IHtcbiAgUGFuZWxPcHRpb24sXG4gIG1hcmtlckNvbHVtbk9wdGlvbnMsXG4gIG1hcmtlckdlbmVHcm91cHMsXG4gIG1hcmtlckdlbmVzUGF0Y2gsXG59IGZyb20gJy4uLy4uL3NwYXRpYWwvc3BhdGlhbC1wYW5lbC1tb2RlbCc7XG5cbi8qKlxuICogXCJBZGQgbWFya2VyIGdlbmVzIG9mIGNsdXN0ZXJzXCI6IHBpY2sgYSBncm91cGluZywgaG93IG1hbnkgZ2VuZXMgcGVyIGNsdXN0ZXIgYW5kIHdoaWNoXG4gKiBjbHVzdGVycywgYW5kIGVhY2ggcGlja2VkIGNsdXN0ZXIncyB0b3AgbWFya2VyIGdlbmVzIGFyZSBhZGRlZCBhcyBhIGdlbmUgZ3JvdXAgbmFtZWRcbiAqIGFmdGVyIGl0IOKAlCBhbmQgc2VsZWN0ZWQsIGNvbG91cmVkIGJ5IGNsdXN0ZXIuXG4gKlxuICogU2hvd24gd2hpbGUge0BsaW5rIG9wZW59OyBpdCBjbG9zZXMgaXRzZWxmICh0aHJvdWdoIHtAbGluayBvcGVuQ2hhbmdlfSkgb25jZSB0aGUgZ2VuZXNcbiAqIGFyZSBhZGRlZC4gV3JpdGVzIG9ubHkgdGhyb3VnaCBgY29udHJvbHMuc2V0Vmlld1N0YXRlYC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3BhdGlhbC1tYXJrZXItZ2VuZXMtZm9ybScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBCdXR0b25Nb2R1bGUsIERyb3Bkb3duTW9kdWxlLCBNdWx0aVNlbGVjdE1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGF0aWFsLW1hcmtlci1nZW5lcy1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3BhdGlhbC1tYXJrZXItZ2VuZXMtZm9ybS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3BhdGlhbE1hcmtlckdlbmVzRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIC8qKiBUaGUgc3BhdGlhbCBjb250cm9scyB0aGlzIHBhbmVsIHJlYWRzIGFuZCB3cml0ZXMgdGhyb3VnaDsgbnVsbCB3aXRob3V0IGEgYFNQQVRJQUxfREFUQV9QT1JUYC4gKi9cbiAgQElucHV0KCkgY29udHJvbHM6IElTcGF0aWFsQ29udHJvbHMgfCBudWxsID0gbnVsbDtcbiAgLyoqIFRoZSBkYXRhc2V0IG9uIG9mZmVyLCBvciBudWxsLiAqL1xuICBASW5wdXQoKSBkYXRhc2V0OiBTcGF0aWFsRGF0YXNldCB8IG51bGwgPSBudWxsO1xuICAvKiogVGhlIGN1cnJlbnQgc3BhdGlhbCB2aWV3IHN0YXRlOiB3aGF0IGlzIGRyYXduLCBhbmQgaG93LiAqL1xuICBASW5wdXQoKSB2aWV3OiBTcGF0aWFsVmlld1N0YXRlID0gREVGQVVMVF9TUEFUSUFMX1ZJRVc7XG4gIC8qKiBXaGV0aGVyIHRoZSBmb3JtIGlzIHNob3duLiBPcGVuaW5nIGl0IHBpY2tzIHRoZSBjZWxscycgZ3JvdXBpbmcgYW5kIGV2ZXJ5IGNsdXN0ZXIuICovXG4gIEBJbnB1dCgpIG9wZW4gPSBmYWxzZTtcbiAgLyoqIEFza3MgdG8gb3BlbiBvciBjbG9zZSBpdDsgdHdvLXdheSB3aXRoIGBvcGVuYC4gKi9cbiAgQE91dHB1dCgpIHJlYWRvbmx5IG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcHJvdGVjdGVkIG1hcmtlckNvbHVtbjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIHByb3RlY3RlZCBtYXJrZXJQZXJHcm91cCA9IDU7XG4gIHByb3RlY3RlZCByZWFkb25seSBtYXJrZXJQZXJHcm91cE9wdGlvbnMgPSBbMywgNSwgMTAsIDIwXS5tYXAoKG4pID0+ICh7IGxhYmVsOiBgJHtufSBnZW5lc2AsIHZhbHVlOiBuIH0pKTtcbiAgcHJvdGVjdGVkIG1hcmtlckNsdXN0ZXJzOiBzdHJpbmdbXSA9IFtdO1xuICBwcm90ZWN0ZWQgbWFya2VyQ2x1c3Rlck9wdGlvbnM6IFBhbmVsT3B0aW9uPHN0cmluZz5bXSA9IFtdO1xuICBwcm90ZWN0ZWQgbWFya2VyTG9hZGluZyA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgbWFya2VyRXJyb3I6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAvKipcbiAgICogRXZlcnkgY2F0ZWdvcmljYWwgY29sdW1uIGJ1dCB0aGUgc2VnbWVudGF0aW9uIG1ldGhvZCwgd2hpY2ggc2F5cyBub3RoaW5nIGFib3V0IGdlbmVzLlxuICAgKiBSZWJ1aWx0IHdpdGggdGhlIGRhdGFzZXQsIG5ldmVyIHBlciBjaGFuZ2UtZGV0ZWN0aW9uIHBhc3M6IGEgZnJlc2ggYXJyYXkgcGVyIHBhc3MgbWFrZXNcbiAgICogUHJpbWVORyByZS1yZW5kZXIgdGhlIG9wdGlvbnMsIGFuZCBhbiBvcHRpb24gcmUtcmVuZGVyZWQgdW5kZXIgdGhlIHBvaW50ZXIgc3dhbGxvd3NcbiAgICogdGhlIGNsaWNrLlxuICAgKi9cbiAgcHJvdGVjdGVkIG1hcmtlckNvbHVtbk9wdGlvbnM6IFBhbmVsT3B0aW9uPHN0cmluZz5bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgem9uZTogTmdab25lLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snZGF0YXNldCddKSB0aGlzLm1hcmtlckNvbHVtbk9wdGlvbnMgPSBtYXJrZXJDb2x1bW5PcHRpb25zKHRoaXMuZGF0YXNldD8uY29sdW1ucyk7XG4gICAgaWYgKGNoYW5nZXNbJ29wZW4nXSAmJiB0aGlzLm9wZW4pIHRoaXMucHJlcGFyZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uTWFya2VyQ29sdW1uKGNvbHVtbjogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5tYXJrZXJDb2x1bW4gPSBjb2x1bW47XG4gICAgdGhpcy5yZWZyZXNoTWFya2VyQ2x1c3RlcnMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChmYWxzZSk7XG4gIH1cblxuICAvKipcbiAgICogQWRkIGVhY2ggcGlja2VkIGNsdXN0ZXIncyB0b3AgbWFya2VyIGdlbmVzIGFzIGEgZ2VuZSBncm91cCBuYW1lZCBhZnRlciBpdCwgYW5kIHNlbGVjdFxuICAgKiB0aGVtLiBBIGdlbmUgdGhhdCBtYXJrcyBzZXZlcmFsIGNsdXN0ZXJzIGdvZXMgdG8gdGhlIG9uZSBpdCBpcyBtb3N0IHNwZWNpZmljIHRvLCBzbyB0aGVcbiAgICogdHJlZSBsaXN0cyBpdCBvbmNlLlxuICAgKi9cbiAgcHJvdGVjdGVkIGFzeW5jIGFkZE1hcmtlckdlbmVzKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGNvbHVtbiA9IHRoaXMubWFya2VyQ29sdW1uO1xuICAgIGNvbnN0IG1hcmtlckdlbmVzID0gdGhpcy5jb250cm9scz8ubWFya2VyR2VuZXM7XG4gICAgaWYgKCFjb2x1bW4gfHwgIW1hcmtlckdlbmVzIHx8ICF0aGlzLm1hcmtlckNsdXN0ZXJzLmxlbmd0aCkgcmV0dXJuO1xuICAgIC8vIFRoZSBmb3JtIHN0YXlzIGVkaXRhYmxlIHdoaWxlIHRoZSBzY2FuIHJ1bnM6IGFwcGx5IHdoYXQgd2FzIHBpY2tlZCB3aGVuIGl0IHdhcyBhc2tlZC5cbiAgICBjb25zdCBwaWNrZWQgPSBuZXcgU2V0KHRoaXMubWFya2VyQ2x1c3RlcnMpO1xuICAgIHRoaXMubWFya2VyTG9hZGluZyA9IHRydWU7XG4gICAgdGhpcy5tYXJrZXJFcnJvciA9IG51bGw7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG1hcmtlckdlbmVzKGNvbHVtbiwgdGhpcy5tYXJrZXJQZXJHcm91cCk7XG4gICAgICB0aGlzLmFwcGx5KCgpID0+IHtcbiAgICAgICAgY29uc3QgZ3JvdXBzID0gbWFya2VyR2VuZUdyb3VwcyhyZXN1bHQsIHBpY2tlZCk7XG4gICAgICAgIGlmICghZ3JvdXBzLmxlbmd0aCkge1xuICAgICAgICAgIHRoaXMubWFya2VyRXJyb3IgPSAnTm8gbWFya2VyIGdlbmVzIHBhc3NlZCB0aGUgZmlsdGVyIGZvciB0aGUgY2hvc2VuIGNsdXN0ZXJzLic7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY29udHJvbHM/LnNldFZpZXdTdGF0ZShtYXJrZXJHZW5lc1BhdGNoKHRoaXMudmlldywgZ3JvdXBzKSk7XG4gICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgIH0pO1xuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgdGhpcy5hcHBseSgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGUgPSBlcnIgYXMgeyBlcnJvcj86IHsgZXJyb3I/OiBzdHJpbmcgfTsgbWVzc2FnZT86IHN0cmluZyB9O1xuICAgICAgICB0aGlzLm1hcmtlckVycm9yID0gZT8uZXJyb3I/LmVycm9yID8/IGU/Lm1lc3NhZ2UgPz8gJ0NvdWxkIG5vdCBjb21wdXRlIG1hcmtlciBnZW5lcy4nO1xuICAgICAgfSk7XG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHRoaXMuYXBwbHkoKCkgPT4ge1xuICAgICAgICB0aGlzLm1hcmtlckxvYWRpbmcgPSBmYWxzZTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBPbiBvcGVuaW5nOiB0aGUgY2VsbHMnIGdyb3VwaW5nIChvciB0aGUgbGFzdCBjb2x1bW4gcGlja2VkLCB3aGlsZSBpdCBzdGlsbCBleGlzdHMpLFxuICAgKiAgZXZlcnkgb25lIG9mIGl0cyBjbHVzdGVycywgYW5kIG5vIHN0YWxlIGVycm9yLiAqL1xuICBwcml2YXRlIHByZXBhcmUoKTogdm9pZCB7XG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMubWFya2VyQ29sdW1uT3B0aW9ucztcbiAgICBjb25zdCBhY3RpdmUgPSB0aGlzLmRhdGFzZXQgPyBjZWxsVHlwZUNvbHVtbkZvcih0aGlzLmRhdGFzZXQsIHRoaXMudmlldykgOiBudWxsO1xuICAgIGlmICghdGhpcy5tYXJrZXJDb2x1bW4gfHwgIW9wdGlvbnMuc29tZSgobykgPT4gby52YWx1ZSA9PT0gdGhpcy5tYXJrZXJDb2x1bW4pKSB7XG4gICAgICB0aGlzLm1hcmtlckNvbHVtbiA9IGFjdGl2ZSAmJiBvcHRpb25zLnNvbWUoKG8pID0+IG8udmFsdWUgPT09IGFjdGl2ZSkgPyBhY3RpdmUgOiAob3B0aW9uc1swXT8udmFsdWUgPz8gbnVsbCk7XG4gICAgfVxuICAgIHRoaXMubWFya2VyRXJyb3IgPSBudWxsO1xuICAgIHRoaXMucmVmcmVzaE1hcmtlckNsdXN0ZXJzKCk7XG4gIH1cblxuICAvKiogVGhlIGNsdXN0ZXJzIG9mIHRoZSBjaG9zZW4gY29sdW1uLCBhbGwgcGlja2VkIHRvIHN0YXJ0IHdpdGguICovXG4gIHByaXZhdGUgcmVmcmVzaE1hcmtlckNsdXN0ZXJzKCk6IHZvaWQge1xuICAgIGNvbnN0IGNvbCA9IHRoaXMuZGF0YXNldD8uY29sdW1ucy5maW5kKChjKSA9PiBjLm5hbWUgPT09IHRoaXMubWFya2VyQ29sdW1uKTtcbiAgICBjb25zdCBjYXRlZ29yaWVzID0gY29sICYmIGNvbC5raW5kID09PSAnY2F0ZWdvcmljYWwnID8gY29sLmNhdGVnb3JpZXMgOiBbXTtcbiAgICB0aGlzLm1hcmtlckNsdXN0ZXJPcHRpb25zID0gY2F0ZWdvcmllcy5tYXAoKGMpID0+ICh7IGxhYmVsOiBjLCB2YWx1ZTogYyB9KSk7XG4gICAgdGhpcy5tYXJrZXJDbHVzdGVycyA9IFsuLi5jYXRlZ29yaWVzXTtcbiAgfVxuXG4gIC8qKiBBcHBseSBhbiBhc3luYyByZXN1bHQgaW5zaWRlIHRoZSB6b25lIGFuZCByZS1yZW5kZXIgdGhpcyBPblB1c2ggZm9ybS4gKi9cbiAgcHJpdmF0ZSBhcHBseShmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgZm4oKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8IS0tIE1hcmtlciBnZW5lcyBvZiBlYWNoIGNsdXN0ZXIsIGFkZGVkIGFzIGdlbmUgZ3JvdXBzIG5hbWVkIGFmdGVyIHRoZSBjbHVzdGVycy4gLS0+XG48ZGl2IGNsYXNzPVwic2MtbWFya2Vyc1wiICpuZ0lmPVwib3BlblwiPlxuICA8ZGl2IGNsYXNzPVwic2Mtcm93XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzYy1sYmxcIj5DbHVzdGVycyBmcm9tPC9zcGFuPlxuICAgIDxwLWRyb3Bkb3duXG4gICAgICBbb3B0aW9uc109XCJtYXJrZXJDb2x1bW5PcHRpb25zXCJcbiAgICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiXG4gICAgICBbbmdNb2RlbF09XCJtYXJrZXJDb2x1bW5cIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25NYXJrZXJDb2x1bW4oJGV2ZW50KVwiXG4gICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICAgW2ZpbHRlcl09XCJtYXJrZXJDb2x1bW5PcHRpb25zLmxlbmd0aCA+IDhcIlxuICAgID48L3AtZHJvcGRvd24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Mtcm93XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzYy1sYmxcIj5QZXIgY2x1c3Rlcjwvc3Bhbj5cbiAgICA8cC1kcm9wZG93blxuICAgICAgW29wdGlvbnNdPVwibWFya2VyUGVyR3JvdXBPcHRpb25zXCJcbiAgICAgIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICAgICAgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiXG4gICAgICBbKG5nTW9kZWwpXT1cIm1hcmtlclBlckdyb3VwXCJcbiAgICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgPjwvcC1kcm9wZG93bj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzYy1yb3dcIj5cbiAgICA8c3BhbiBjbGFzcz1cInNjLWxibFwiPkNsdXN0ZXJzPC9zcGFuPlxuICAgIDxwLW11bHRpU2VsZWN0XG4gICAgICBbb3B0aW9uc109XCJtYXJrZXJDbHVzdGVyT3B0aW9uc1wiXG4gICAgICBvcHRpb25MYWJlbD1cImxhYmVsXCJcbiAgICAgIG9wdGlvblZhbHVlPVwidmFsdWVcIlxuICAgICAgWyhuZ01vZGVsKV09XCJtYXJrZXJDbHVzdGVyc1wiXG4gICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcbiAgICAgIHNlbGVjdGVkSXRlbXNMYWJlbD1cInswfSBjbHVzdGVyc1wiXG4gICAgICBbbWF4U2VsZWN0ZWRMYWJlbHNdPVwiMlwiXG4gICAgICBwbGFjZWhvbGRlcj1cIlBpY2sgY2x1c3RlcnNcIlxuICAgID48L3AtbXVsdGlTZWxlY3Q+XG4gIDwvZGl2PlxuICA8c21hbGwgY2xhc3M9XCJzYy1oaW50XCIgKm5nSWY9XCJtYXJrZXJMb2FkaW5nXCI+XG4gICAgRmluZGluZyBtYXJrZXIgZ2VuZXPigKYgdGhlIGZpcnN0IHRpbWUgZm9yIGEgZ3JvdXBpbmcgcmVhZHMgdGhlIHdob2xlIGV4cHJlc3Npb24gbWF0cml4LCB3aGljaCBjYW4gdGFrZSBhIG1pbnV0ZS5cbiAgPC9zbWFsbD5cbiAgPHNtYWxsIGNsYXNzPVwic2MtaGludCBzYy1lcnJvclwiICpuZ0lmPVwibWFya2VyRXJyb3JcIj57eyBtYXJrZXJFcnJvciB9fTwvc21hbGw+XG4gIDxkaXYgY2xhc3M9XCJzYy1yb3cgc2MtbWFya2Vycy1hY3Rpb25zXCI+XG4gICAgPHAtYnV0dG9uXG4gICAgICBsYWJlbD1cIkFkZCBtYXJrZXIgZ2VuZXNcIlxuICAgICAgaWNvbj1cInBpIHBpLXNpdGVtYXBcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIFtsb2FkaW5nXT1cIm1hcmtlckxvYWRpbmdcIlxuICAgICAgW2Rpc2FibGVkXT1cIiFtYXJrZXJDbHVzdGVycy5sZW5ndGhcIlxuICAgICAgKG9uQ2xpY2spPVwiYWRkTWFya2VyR2VuZXMoKVwiXG4gICAgPjwvcC1idXR0b24+XG4gICAgPHAtYnV0dG9uIGxhYmVsPVwiQ2FuY2VsXCIgc2l6ZT1cInNtYWxsXCIgW3RleHRdPVwidHJ1ZVwiIFtkaXNhYmxlZF09XCJtYXJrZXJMb2FkaW5nXCIgKG9uQ2xpY2spPVwiY2xvc2UoKVwiPjwvcC1idXR0b24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=