@rcsb/rcsb-saguaro-app 6.0.0-development.1 → 6.0.0-development.3

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButton.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_select_1 = tslib_1.__importStar(require("react-select"));
+const Assertions_1 = require("../../RcsbUtils/Helpers/Assertions");
+var assertDefined = Assertions_1.Assertions.assertDefined;
+class SelectButton extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            selectedOption: (this.props.options[0].options) == null ? Object.assign(Object.assign({}, (this.props.options[0])), { value: 0 }) : Object.assign(Object.assign({}, (this.props.options[0].options[0])), { value: 0 })
+        };
+        this.defaultValue = props.defaultValue;
+    }
+    change(option) {
+        this.setState({ selectedOption: option });
+    }
+    componentDidUpdate(prevProps, prevState) {
+        this.renderTitle();
+        this.state.selectedOption.onChange();
+    }
+    componentDidMount() {
+        this.renderTitle();
+        this.defaultValue = null;
+    }
+    render() {
+        return ((0, jsx_runtime_1.jsx)("div", { children: this.selectRender() }));
+    }
+    selectRender() {
+        this.currentOption = this.getSelectOpt();
+        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: { display: "inline-block" }, children: this.selectButtonRender(this.currentOption.selectOpt, this.currentOption.index) }) }));
+    }
+    selectButtonRender(defaultValue, index) {
+        return ((0, jsx_runtime_1.jsx)("div", { id: this.props.elementId + SelectButton.BUTTON_CONTAINER_DIV_SUFFIX, children: this.innerSelectButtonRender(defaultValue, index) }));
+    }
+    innerSelectButtonRender(defaultValue, index) {
+        const SingleValue = (props) => {
+            const label = typeof props.data.shortLabel === "string" ? props.data.shortLabel : props.data.label;
+            return ((0, jsx_runtime_1.jsx)(react_select_1.components.SingleValue, Object.assign({}, props, { children: label })));
+        };
+        let options;
+        if (this.props.options[0].options == null) {
+            options = this.props.options.map((opt, index) => {
+                const props = Object.assign(Object.assign({}, opt), { value: index });
+                return props;
+            });
+        }
+        else {
+            let i = 0;
+            options = this.props.options.map((group, n) => ({
+                label: group.label,
+                options: group.options.map(opt => (Object.assign(Object.assign({}, opt), { value: i++ })))
+            }));
+        }
+        const title = typeof this.props.dropdownTitle === "string" ? (0, jsx_runtime_1.jsx)("div", { style: { color: "grey", fontWeight: "bold", fontSize: 12 }, children: this.props.dropdownTitle }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "inline-block" }, children: [title, (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { options: options, isSearchable: false, onChange: this.change.bind(this), styles: this.configStyle(), components: { SingleValue, Option: this.props.optionProps ? (props) => {
+                                var _a, _b, _c;
+                                return (_c = (_b = (_a = this.props).optionProps) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, props), { children: (0, jsx_runtime_1.jsx)(react_select_1.components.Option, Object.assign({}, props, { children: props.children })) }))) !== null && _c !== void 0 ? _c : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                            } : ((props) => ((0, jsx_runtime_1.jsx)(react_select_1.components.Option, Object.assign({}, props, { children: props.children })))) }, defaultValue: Object.assign(Object.assign({}, defaultValue), { value: index }) }) })] }));
+    }
+    configStyle() {
+        return {
+            control: (base) => {
+                var _a;
+                return (Object.assign(Object.assign({}, base), { width: (_a = this.props.width) !== null && _a !== void 0 ? _a : 120, border: '1px solid #ddd', boxShadow: 'none', '&:hover': {
+                        border: '1px solid #ddd',
+                    } }));
+            },
+            menu: (base) => (Object.assign(Object.assign({}, base), { width: 500 })),
+            option: (base) => (Object.assign({}, base))
+        };
+    }
+    getSelectOpt() {
+        let index = 0;
+        let selectOpt = undefined;
+        if (this.defaultValue != null) {
+            if (this.props.options[0].options == null) {
+                const n = this.props.options.findIndex(a => {
+                    return a.optId === this.defaultValue;
+                });
+                if (n >= 0) {
+                    index = n;
+                    selectOpt = this.props.options[n];
+                }
+            }
+            else if (this.props.options[0].options != null) {
+                let flag = false;
+                for (const group of this.props.options) {
+                    for (const opt of group.options) {
+                        if (opt.optId === this.defaultValue) {
+                            selectOpt = opt;
+                            flag = true;
+                            break;
+                        }
+                        index++;
+                    }
+                    if (flag) {
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            selectOpt = this.state.selectedOption;
+            index = this.props.options.findIndex(a => {
+                return a.optId === this.state.selectedOption.optId;
+            });
+        }
+        assertDefined(selectOpt);
+        return { selectOpt: selectOpt, index: index };
+    }
+    renderTitle() {
+        if (this.props.addTitle && this.currentOption.selectOpt.name)
+            this.props.renderTitle(this.currentOption.selectOpt.name);
+    }
+}
+exports.SelectButton = SelectButton;
+SelectButton.BUTTON_CONTAINER_DIV_SUFFIX = "_buttonContainerDiv";

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButtonManager.d.ts

@@ -0,0 +1,17 @@
+import { GroupedOptionsInterface, SelectOptionInterface } from "./SelectButton";
+import { SelectButtonConfigInterface } from "./ComponentsManager";
+export declare class SelectButtonManager {
+    private readonly elementId;
+    private static readonly MAIN_BUTTON_SUFFIX;
+    private static readonly ADDITIONAL_BUTTON_SUFFIX;
+    private static readonly SELECT_TITLE_DIV;
+    private readonly selectComponent;
+    constructor(elementId: string);
+    createButton(options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
+    addButton(options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
+    unmountButton(): void;
+    unmountAdditionalButton(): void;
+    private button;
+    private renderTitle;
+    private createDiv;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButtonManager.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButtonManager = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SelectButton_1 = require("./SelectButton");
+const SelectButtonTitle_1 = require("./SelectButtonTitle");
+const MountableComponent_1 = require("./MountableComponent");
+class SelectButtonManager {
+    constructor(elementId) {
+        var _a, _b, _c;
+        this.elementId = elementId;
+        const selectDiv = this.createDiv(SelectButtonManager.MAIN_BUTTON_SUFFIX);
+        const additionalDiv = this.createDiv(SelectButtonManager.ADDITIONAL_BUTTON_SUFFIX);
+        const titleDiv = this.createDiv(SelectButtonManager.SELECT_TITLE_DIV);
+        (_a = document.getElementById(this.elementId)) === null || _a === void 0 ? void 0 : _a.append(selectDiv);
+        (_b = document.getElementById(this.elementId)) === null || _b === void 0 ? void 0 : _b.append(additionalDiv);
+        (_c = document.getElementById(this.elementId)) === null || _c === void 0 ? void 0 : _c.append(titleDiv);
+        this.selectComponent = {
+            mainButton: new MountableComponent_1.MountableComponent(selectDiv),
+            additionalButton: new MountableComponent_1.MountableComponent(additionalDiv),
+            selectTitleButton: new MountableComponent_1.MountableComponent(titleDiv)
+        };
+    }
+    createButton(options, config) {
+        this.button(this.selectComponent.mainButton, options, config);
+    }
+    addButton(options, config) {
+        this.button(this.selectComponent.additionalButton, options, config);
+    }
+    unmountButton() {
+        this.selectComponent.mainButton.unmount();
+        this.selectComponent.additionalButton.unmount();
+        this.selectComponent.selectTitleButton.unmount();
+    }
+    unmountAdditionalButton() {
+        this.selectComponent.additionalButton.unmount();
+        this.selectComponent.selectTitleButton.unmount();
+    }
+    button(button, options, config) {
+        var _a;
+        button.render((0, jsx_runtime_1.jsx)(SelectButton_1.SelectButton, { elementId: this.elementId, options: options, optionProps: config === null || config === void 0 ? void 0 : config.optionProps, addTitle: (_a = config === null || config === void 0 ? void 0 : config.addTitle) !== null && _a !== void 0 ? _a : false, defaultValue: config === null || config === void 0 ? void 0 : config.defaultValue, width: config === null || config === void 0 ? void 0 : config.width, dropdownTitle: config === null || config === void 0 ? void 0 : config.dropdownTitle, isAdditionalButton: config === null || config === void 0 ? void 0 : config.isAdditionalButton, renderTitle: this.renderTitle.bind(this) }));
+    }
+    renderTitle(title) {
+        this.selectComponent.selectTitleButton.render((0, jsx_runtime_1.jsx)(SelectButtonTitle_1.SelectButtonTitle, { title: title }));
+    }
+    createDiv(suffix) {
+        var _a;
+        const div = (_a = document.getElementById(this.elementId + suffix)) !== null && _a !== void 0 ? _a : document.createElement("div");
+        const id = this.elementId + suffix;
+        div.setAttribute("id", id);
+        div.style.display = "inline-block";
+        return div;
+    }
+}
+exports.SelectButtonManager = SelectButtonManager;
+SelectButtonManager.MAIN_BUTTON_SUFFIX = "_buttonDiv";
+SelectButtonManager.ADDITIONAL_BUTTON_SUFFIX = "_additionalButtonDiv";
+SelectButtonManager.SELECT_TITLE_DIV = "_selectButtonTitleDiv";

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButtonTitle.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare class SelectButtonTitle extends React.Component<{
+    title: string;
+}> {
+    render(): JSX.Element;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButtonTitle.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButtonTitle = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+class SelectButtonTitle extends react_1.default.Component {
+    render() {
+        return ((0, jsx_runtime_1.jsx)("div", { style: { marginLeft: 20 }, children: this.props.title }));
+    }
+}
+exports.SelectButtonTitle = SelectButtonTitle;

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/AlignmentBlockFactory.d.ts

@@ -0,0 +1,11 @@
+import { AlignmentResponse, TargetAlignment } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { RcsbFvRowConfigInterface } from "@rcsb/rcsb-saguaro/lib/RcsbFv/RcsbFvConfig/RcsbFvConfigInterface";
+import { AlignmentRequestContextType } from "../RcsbFvTrackFactory/TrackFactoryImpl/AlignmentTrackFactory";
+import { BlockFactoryInterface } from "./BlockFactoryInterface";
+import { TrackFactoryInterface } from "../RcsbFvTrackFactory/TrackFactoryInterface";
+export declare class AlignmentBlockFactory implements BlockFactoryInterface<[AlignmentRequestContextType, AlignmentResponse], [AlignmentRequestContextType, TargetAlignment, AlignmentResponse, number]> {
+    readonly trackFactory: TrackFactoryInterface<[AlignmentRequestContextType, TargetAlignment]>;
+    readonly trackConfigModifier?: (alignmentContext: AlignmentRequestContextType, targetAlignment: TargetAlignment, alignmentResponse: AlignmentResponse, indexResponse: number) => Promise<Partial<RcsbFvRowConfigInterface>>;
+    constructor(alignmentTrackFactory: TrackFactoryInterface<[AlignmentRequestContextType, TargetAlignment]>, trackModifier?: (alignmentContext: AlignmentRequestContextType, targetAlignment: TargetAlignment, alignmentResponse: AlignmentResponse, indexResponse: number) => Promise<Partial<RcsbFvRowConfigInterface>>);
+    getBlock(alignmentRequestContext: AlignmentRequestContextType, alignmentData: AlignmentResponse): Promise<RcsbFvRowConfigInterface[]>;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/AlignmentBlockFactory.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlignmentBlockFactory = void 0;
+const tslib_1 = require("tslib");
+class AlignmentBlockFactory {
+    constructor(alignmentTrackFactory, trackModifier) {
+        this.trackFactory = alignmentTrackFactory;
+        this.trackConfigModifier = trackModifier;
+    }
+    getBlock(alignmentRequestContext, alignmentData) {
+        var _a;
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            alignmentRequestContext = Object.assign(Object.assign({}, alignmentRequestContext), { querySequence: (_a = alignmentData.query_sequence) !== null && _a !== void 0 ? _a : undefined });
+            if (!alignmentData.target_alignment)
+                return [];
+            return (yield Promise.all(alignmentData.target_alignment.map((alignment, index) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                var _b, _c;
+                if (alignmentRequestContext.filterByTargetContains != null && !((_b = alignment === null || alignment === void 0 ? void 0 : alignment.target_id) === null || _b === void 0 ? void 0 : _b.includes(alignmentRequestContext.filterByTargetContains)))
+                    return;
+                if ((alignment === null || alignment === void 0 ? void 0 : alignment.target_sequence) == null)
+                    return;
+                return Object.assign(Object.assign({}, yield this.trackFactory.getTrack(alignmentRequestContext, alignment)), yield ((_c = this.trackConfigModifier) === null || _c === void 0 ? void 0 : _c.call(this, alignmentRequestContext, alignment, alignmentData, index)));
+            })))).filter((x) => x != undefined);
+        });
+    }
+}
+exports.AlignmentBlockFactory = AlignmentBlockFactory;

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/AnnotationsBlockFactory.d.ts

@@ -0,0 +1,15 @@
+import { AnnotationFeatures } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { RcsbFvRowConfigInterface } from "@rcsb/rcsb-saguaro/lib/RcsbFv/RcsbFvConfig/RcsbFvConfigInterface";
+import { AnnotationRequestContext } from "../../../RcsbCollectTools/AnnotationCollector/AnnotationCollectorInterface";
+import { BlockFactoryInterface } from "./BlockFactoryInterface";
+import { TrackFactoryInterface } from "../RcsbFvTrackFactory/TrackFactoryInterface";
+import { BlockManagerInterface } from "./BlockManager/BlockManagerInterface";
+import { TrackManagerInterface } from "./BlockManager/TrackManagerInterface";
+export declare class AnnotationsBlockFactory implements BlockFactoryInterface<[AnnotationRequestContext, AnnotationFeatures[]], [TrackManagerInterface]> {
+    private readonly annotationBlockManager;
+    private readonly annotationsBlockData;
+    readonly trackFactory: TrackFactoryInterface<[TrackManagerInterface]>;
+    readonly trackConfigModifier?: (trackManager: TrackManagerInterface) => Promise<Partial<RcsbFvRowConfigInterface>>;
+    constructor(annotationBlockManager: BlockManagerInterface<[AnnotationRequestContext, AnnotationFeatures[]]>, annotationTrackFactory: TrackFactoryInterface<[TrackManagerInterface]>, trackModifier?: (trackManager: TrackManagerInterface) => Promise<Partial<RcsbFvRowConfigInterface>>);
+    getBlock(annotationsRequestContext: AnnotationRequestContext, annotations: AnnotationFeatures[]): Promise<RcsbFvRowConfigInterface[]>;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/AnnotationsBlockFactory.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnotationsBlockFactory = void 0;
+const tslib_1 = require("tslib");
+class AnnotationsBlockFactory {
+    constructor(annotationBlockManager, annotationTrackFactory, trackModifier) {
+        this.annotationsBlockData = new Array();
+        this.annotationBlockManager = annotationBlockManager;
+        this.trackFactory = annotationTrackFactory;
+        this.trackConfigModifier = trackModifier;
+    }
+    getBlock(annotationsRequestContext, annotations) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            yield this.annotationBlockManager.setData(annotationsRequestContext, annotations);
+            yield Promise.all(this.annotationBlockManager.getTracks().map((track) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                var _a;
+                this.annotationsBlockData.push(Object.assign(Object.assign({}, yield this.trackFactory.getTrack(track)), yield ((_a = this.trackConfigModifier) === null || _a === void 0 ? void 0 : _a.call(this, track))));
+            })));
+            return this.annotationsBlockData;
+        });
+    }
+}
+exports.AnnotationsBlockFactory = AnnotationsBlockFactory;

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/BlockFactoryInterface.d.ts

@@ -0,0 +1,7 @@
+import { RcsbFvRowConfigInterface } from "@rcsb/rcsb-saguaro/lib/RcsbFv/RcsbFvConfig/RcsbFvConfigInterface";
+import { TrackFactoryInterface } from "../RcsbFvTrackFactory/TrackFactoryInterface";
+export interface BlockFactoryInterface<T extends any[], S extends any[]> {
+    readonly trackFactory: TrackFactoryInterface<S>;
+    readonly trackConfigModifier?: (...args: S) => Promise<Partial<RcsbFvRowConfigInterface>>;
+    getBlock(...args: T): Promise<RcsbFvRowConfigInterface[]>;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/BlockFactoryInterface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/BlockManager/AnnotationBlockManager.d.ts

@@ -0,0 +1,21 @@
+import { AnnotationFeatures } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { RcsbAnnotationConfig } from "../../../../RcsbAnnotationConfig/RcsbAnnotationConfig";
+import { PolymerEntityInstanceTranslate } from "../../../../RcsbUtils/Translators/PolymerEntityInstanceTranslate";
+import { AnnotationRequestContext } from "../../../../RcsbCollectTools/AnnotationCollector/AnnotationCollectorInterface";
+import { BlockManagerInterface } from "./BlockManagerInterface";
+import { TrackManagerFactoryInterface, TrackManagerInterface } from "./TrackManagerInterface";
+import { RcsbAnnotationConfigInterface } from "../../../../RcsbAnnotationConfig/AnnotationConfigInterface";
+export declare class AnnotationBlockManager implements BlockManagerInterface<[AnnotationRequestContext, AnnotationFeatures[]]> {
+    private readonly rcsbAnnotationConfig;
+    private readonly annotationTracks;
+    private readonly polymerEntityInstanceTranslator?;
+    private readonly trackManagerFactory;
+    constructor(trackManagerFactory: TrackManagerFactoryInterface<[string, RcsbAnnotationConfigInterface, PolymerEntityInstanceTranslate]>, rcsbAnnotationConfig: RcsbAnnotationConfig, polymerEntityInstanceTranslator?: PolymerEntityInstanceTranslate);
+    setData(requestConfig: AnnotationRequestContext, data: Array<AnnotationFeatures>): Promise<void>;
+    getTracks(): Array<TrackManagerInterface>;
+    private has;
+    private orderedTypes;
+    private processAnnotations;
+    private addFeature;
+    private mergeTracks;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/BlockManager/AnnotationBlockManager.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnotationBlockManager = void 0;
+const tslib_1 = require("tslib");
+const Assertions_1 = require("../../../../RcsbUtils/Helpers/Assertions");
+var assertDefined = Assertions_1.Assertions.assertDefined;
+class AnnotationBlockManager {
+    constructor(trackManagerFactory, rcsbAnnotationConfig, polymerEntityInstanceTranslator) {
+        this.annotationTracks = new Map();
+        this.trackManagerFactory = trackManagerFactory;
+        this.rcsbAnnotationConfig = rcsbAnnotationConfig;
+        this.polymerEntityInstanceTranslator = polymerEntityInstanceTranslator;
+    }
+    setData(requestConfig, data) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            yield this.processAnnotations(requestConfig, data);
+            this.mergeTracks();
+        });
+    }
+    getTracks() {
+        var _a;
+        return (_a = this.orderedTypes()
+            .filter(type => { var _a, _b; return this.has(type) && ((_b = (_a = this.annotationTracks.get(type)) === null || _a === void 0 ? void 0 : _a.size()) !== null && _b !== void 0 ? _b : 0) > 0; })
+            .map(type => this.annotationTracks.get(type))
+            .filter((track) => track != null)) !== null && _a !== void 0 ? _a : [];
+    }
+    has(type) {
+        return this.annotationTracks.has(type);
+    }
+    orderedTypes() {
+        return [
+            this.rcsbAnnotationConfig.instanceOrder(),
+            this.rcsbAnnotationConfig.entityOrder(),
+            this.rcsbAnnotationConfig.uniprotOrder(),
+            Array.from(this.annotationTracks.keys()).filter(type => !this.rcsbAnnotationConfig.allTypes().has(type))
+        ].flat();
+    }
+    processAnnotations(requestConfig, data) {
+        var _a, _b;
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            yield Promise.all(data.map(ann => {
+                var _a, _b;
+                return (_b = (_a = ann.features) === null || _a === void 0 ? void 0 : _a.map((feature) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    if (feature)
+                        return yield this.addFeature(requestConfig, ann, feature);
+                }))) !== null && _b !== void 0 ? _b : [];
+            }).flat());
+            (_b = (_a = requestConfig.annotationProcessing) === null || _a === void 0 ? void 0 : _a.computeAnnotationValue) === null || _b === void 0 ? void 0 : _b.call(_a, this.annotationTracks);
+        });
+    }
+    addFeature(requestConfig, ann, feature) {
+        var _a, _b, _c, _d, _e;
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            if (feature.type && ((_a = this.rcsbAnnotationConfig.getConfig(feature.type)) === null || _a === void 0 ? void 0 : _a.ignore))
+                return;
+            const type = yield this.rcsbAnnotationConfig.getAnnotationType(requestConfig, ann, feature);
+            if (!this.annotationTracks.has(type)) {
+                const o = (_b = this.rcsbAnnotationConfig.getConfig(type)) !== null && _b !== void 0 ? _b : {
+                    type: type,
+                    display: "block" /* RcsbFvDisplayTypes.BLOCK */,
+                    title: type,
+                    provenanceList: new Set()
+                };
+                assertDefined(o, `Unknown type: ${type}`);
+                this.annotationTracks.set(type, this.trackManagerFactory.getTrackManager(type, o, this.polymerEntityInstanceTranslator));
+            }
+            const queryId = (_c = requestConfig.queryId) !== null && _c !== void 0 ? _c : requestConfig.groupId;
+            assertDefined(queryId, "undefined queryId or groupId");
+            assertDefined(ann.source, "undefined source");
+            assertDefined(ann.target_id, "undefined target_id");
+            (_d = this.annotationTracks.get(type)) === null || _d === void 0 ? void 0 : _d.addFeature({
+                reference: (_e = requestConfig.reference) !== null && _e !== void 0 ? _e : undefined,
+                queryId: queryId,
+                source: ann.source,
+                targetId: ann.target_id,
+                feature: feature
+            }, requestConfig.annotationProcessing);
+        });
+    }
+    mergeTracks() {
+        const typeList = Array.from(this.annotationTracks.keys());
+        typeList.forEach((type) => {
+            var _a, _b, _c, _d, _e;
+            if (this.rcsbAnnotationConfig.isMergedType(type)) {
+                const newType = (_a = this.rcsbAnnotationConfig.getMergeConfig(type)) === null || _a === void 0 ? void 0 : _a.type;
+                assertDefined(newType);
+                const color = (_b = this.rcsbAnnotationConfig.getConfig(type)) === null || _b === void 0 ? void 0 : _b.color;
+                if (!this.annotationTracks.has(newType)) {
+                    const o = this.rcsbAnnotationConfig.getConfig(newType);
+                    assertDefined(o);
+                    this.annotationTracks.set(newType, this.trackManagerFactory.getTrackManager(newType, o, this.polymerEntityInstanceTranslator));
+                }
+                const o = this.annotationTracks.get(type);
+                if (o && typeof color === "string")
+                    (_c = this.annotationTracks.get(newType)) === null || _c === void 0 ? void 0 : _c.addAll(o, color);
+                this.rcsbAnnotationConfig.addMultipleProvenance(newType, Array.from((_e = (_d = this.annotationTracks.get(newType)) === null || _d === void 0 ? void 0 : _d.getTrackProvenance()) !== null && _e !== void 0 ? _e : []));
+                this.annotationTracks.delete(type);
+            }
+        });
+    }
+}
+exports.AnnotationBlockManager = AnnotationBlockManager;

package/lib/commonjs/RcsbFvWeb/RcsbFvFactories/RcsbFvBlockFactory/BlockManager/AnnotationTrackManager.d.ts

@@ -0,0 +1,11 @@
+import { RcsbFvTrackDataElementGapInterface } from "@rcsb/rcsb-saguaro/lib/RcsbDataManager/RcsbDataManager";
+import { FeaturePosition } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { PolymerEntityInstanceTranslate } from "../../../../RcsbUtils/Translators/PolymerEntityInstanceTranslate";
+import { RcsbAnnotationConfigInterface } from "../../../../RcsbAnnotationConfig/AnnotationConfigInterface";
+import { TrackManagerFactoryInterface, TrackManagerInterface } from "./TrackManagerInterface";
+export interface FeaturePositionGaps extends FeaturePosition {
+    gaps?: Array<RcsbFvTrackDataElementGapInterface>;
+}
+export declare class AnnotationTrackManagerFactory implements TrackManagerFactoryInterface<[string, RcsbAnnotationConfigInterface, PolymerEntityInstanceTranslate]> {
+    getTrackManager(trackId: string, annotationConfig: RcsbAnnotationConfigInterface, entityInstanceTranslator?: PolymerEntityInstanceTranslate): TrackManagerInterface;
+}