drugflow-molstar 0.2.0 → 0.2.2

package/lib/spec.js

@@ -1,105 +1,105 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultParams = exports.createPluginUI = exports.DefaultPluginUISpec = exports.DefaultPluginSpec = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ReactDOM = tslib_1.__importStar(require("react-dom"));
-var volume_1 = require("Molstar/mol-plugin-ui/custom/volume");
-var plugin_1 = require("Molstar/mol-plugin-ui/plugin");
-var behavior_1 = require("Molstar/mol-plugin/behavior");
-var transformers_1 = require("Molstar/mol-plugin/behavior/dynamic/volume-streaming/transformers");
-var context_1 = require("Molstar/mol-plugin-ui/context");
-var spec_1 = require("Molstar/mol-plugin/spec");
-var config_1 = require("Molstar/mol-plugin/config");
-var actions_1 = require("Molstar/mol-plugin-state/actions");
-var labels_1 = require("./labels");
-var sifts_mappings_behaviour_1 = require("./sifts-mappings-behaviour");
-var DefaultPluginSpec = function () { return ({
-    actions: [
-        spec_1.PluginSpec.Action(actions_1.StateActions.Structure.EnableStructureCustomProps)
-    ],
-    behaviors: [
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.HighlightLoci),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.SelectLoci),
-        spec_1.PluginSpec.Behavior(labels_1.PDBeLociLabelProvider),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.FocusLoci),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Camera.FocusLoci),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Camera.CameraAxisHelper),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.StructureInfo),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.AccessibleSurfaceArea),
-        spec_1.PluginSpec.Behavior(sifts_mappings_behaviour_1.PDBeSIFTSMapping, { autoAttach: true, showTooltip: true }),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.Interactions),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.SecondaryStructure),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.ValenceModel),
-        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.CrossLinkRestraint),
-    ],
-    // animations: [],
-    config: [
-        [config_1.PluginConfig.VolumeStreaming.DefaultServer, 'https://www.ebi.ac.uk/pdbe/volume-server']
-    ]
-}); };
-exports.DefaultPluginSpec = DefaultPluginSpec;
-var DefaultPluginUISpec = function () { return (tslib_1.__assign(tslib_1.__assign({}, (0, exports.DefaultPluginSpec)()), { customParamEditors: [
-        [transformers_1.CreateVolumeStreamingBehavior, volume_1.VolumeStreamingCustomControls]
-    ] })); };
-exports.DefaultPluginUISpec = DefaultPluginUISpec;
-function createPluginUI(target, spec, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var ctx;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    ctx = new context_1.PluginUIContext(spec || (0, exports.DefaultPluginUISpec)());
-                    return [4 /*yield*/, ctx.init()];
-                case 1:
-                    _a.sent();
-                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3:
-                    ReactDOM.render(React.createElement(plugin_1.Plugin, { plugin: ctx }), target);
-                    return [2 /*return*/, ctx];
-            }
-        });
-    });
-}
-exports.createPluginUI = createPluginUI;
-exports.DefaultParams = {
-    moleculeId: undefined,
-    superposition: undefined,
-    superpositionParams: undefined,
-    customData: undefined,
-    ligandView: undefined,
-    assemblyId: undefined,
-    visualStyle: undefined,
-    highlightColor: undefined,
-    selectColor: undefined,
-    hideStructure: undefined,
-    hideCanvasControls: undefined,
-    granularity: undefined,
-    selection: undefined,
-    mapSettings: undefined,
-    selectBindings: undefined,
-    focusBindings: undefined,
-    defaultPreset: 'default',
-    pdbeUrl: 'https://www.ebi.ac.uk/pdbe/',
-    bgColor: { r: 0, g: 0, b: 0 },
-    lighting: undefined,
-    encoding: 'bcif',
-    selectInteraction: true,
-    loadMaps: false,
-    validationAnnotation: false,
-    domainAnnotation: false,
-    lowPrecisionCoords: false,
-    expanded: false,
-    hideControls: false,
-    pdbeLink: true,
-    loadCartoonsOnly: false,
-    landscape: false,
-    reactive: false,
-    subscribeEvents: false,
-    alphafoldView: false,
-    sequencePanel: false
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultParams = exports.createPluginUI = exports.DefaultPluginUISpec = exports.DefaultPluginSpec = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ReactDOM = tslib_1.__importStar(require("react-dom"));
+var volume_1 = require("Molstar/mol-plugin-ui/custom/volume");
+var plugin_1 = require("Molstar/mol-plugin-ui/plugin");
+var behavior_1 = require("Molstar/mol-plugin/behavior");
+var transformers_1 = require("Molstar/mol-plugin/behavior/dynamic/volume-streaming/transformers");
+var context_1 = require("Molstar/mol-plugin-ui/context");
+var spec_1 = require("Molstar/mol-plugin/spec");
+var config_1 = require("Molstar/mol-plugin/config");
+var actions_1 = require("Molstar/mol-plugin-state/actions");
+var labels_1 = require("./labels");
+var sifts_mappings_behaviour_1 = require("./sifts-mappings-behaviour");
+var DefaultPluginSpec = function () { return ({
+    actions: [
+        spec_1.PluginSpec.Action(actions_1.StateActions.Structure.EnableStructureCustomProps)
+    ],
+    behaviors: [
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.HighlightLoci),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.SelectLoci),
+        spec_1.PluginSpec.Behavior(labels_1.PDBeLociLabelProvider),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Representation.FocusLoci),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Camera.FocusLoci),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.Camera.CameraAxisHelper),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.StructureInfo),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.AccessibleSurfaceArea),
+        spec_1.PluginSpec.Behavior(sifts_mappings_behaviour_1.PDBeSIFTSMapping, { autoAttach: true, showTooltip: true }),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.Interactions),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.SecondaryStructure),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.ValenceModel),
+        spec_1.PluginSpec.Behavior(behavior_1.PluginBehaviors.CustomProps.CrossLinkRestraint),
+    ],
+    // animations: [],
+    config: [
+        [config_1.PluginConfig.VolumeStreaming.DefaultServer, 'https://www.ebi.ac.uk/pdbe/volume-server']
+    ]
+}); };
+exports.DefaultPluginSpec = DefaultPluginSpec;
+var DefaultPluginUISpec = function () { return (tslib_1.__assign(tslib_1.__assign({}, (0, exports.DefaultPluginSpec)()), { customParamEditors: [
+        [transformers_1.CreateVolumeStreamingBehavior, volume_1.VolumeStreamingCustomControls]
+    ] })); };
+exports.DefaultPluginUISpec = DefaultPluginUISpec;
+function createPluginUI(target, spec, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var ctx;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ctx = new context_1.PluginUIContext(spec || (0, exports.DefaultPluginUISpec)());
+                    return [4 /*yield*/, ctx.init()];
+                case 1:
+                    _a.sent();
+                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    ReactDOM.render(React.createElement(plugin_1.Plugin, { plugin: ctx }), target);
+                    return [2 /*return*/, ctx];
+            }
+        });
+    });
+}
+exports.createPluginUI = createPluginUI;
+exports.DefaultParams = {
+    moleculeId: undefined,
+    superposition: undefined,
+    superpositionParams: undefined,
+    customData: undefined,
+    ligandView: undefined,
+    assemblyId: undefined,
+    visualStyle: undefined,
+    highlightColor: undefined,
+    selectColor: undefined,
+    hideStructure: undefined,
+    hideCanvasControls: undefined,
+    granularity: undefined,
+    selection: undefined,
+    mapSettings: undefined,
+    selectBindings: undefined,
+    focusBindings: undefined,
+    defaultPreset: 'default',
+    pdbeUrl: 'https://www.ebi.ac.uk/pdbe/',
+    bgColor: { r: 0, g: 0, b: 0 },
+    lighting: undefined,
+    encoding: 'bcif',
+    selectInteraction: true,
+    loadMaps: false,
+    validationAnnotation: false,
+    domainAnnotation: false,
+    lowPrecisionCoords: false,
+    expanded: false,
+    hideControls: false,
+    pdbeLink: true,
+    loadCartoonsOnly: false,
+    landscape: false,
+    reactive: false,
+    subscribeEvents: false,
+    alphafoldView: false,
+    sequencePanel: false
+};

package/lib/subscribe-events.d.ts

@@ -1 +1 @@
-export declare function subscribeToComponentEvents(wrapperCtx: any): void;
+export declare function subscribeToComponentEvents(wrapperCtx: any): void;

package/lib/subscribe-events.js

@@ -1,194 +1,194 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscribeToComponentEvents = void 0;
-function subscribeToComponentEvents(wrapperCtx) {
-    document.addEventListener('PDB.interactions.click', function (e) {
-        if (typeof e.detail !== 'undefined') {
-            var data = e.detail.interacting_nodes ? { data: e.detail.interacting_nodes } : { data: [e.detail.selected_node] };
-            data.data[0]['focus'] = true;
-            wrapperCtx.visual.select(data);
-        }
-    });
-    document.addEventListener('PDB.interactions.mouseover', function (e) {
-        if (typeof e.detail !== 'undefined') {
-            var data = e.detail.interacting_nodes ? { data: e.detail.interacting_nodes } : { data: [e.detail.selected_node] };
-            wrapperCtx.visual.highlight(data);
-        }
-    });
-    document.addEventListener('PDB.interactions.mouseout', function (e) {
-        wrapperCtx.visual.clearHighlight();
-    });
-    document.addEventListener('PDB.topologyViewer.click', function (e) {
-        if (typeof e.eventData !== 'undefined') {
-            // Create query object from event data
-            var highlightQuery = {
-                entity_id: e.eventData.entityId,
-                struct_asym_id: e.eventData.structAsymId,
-                start_residue_number: e.eventData.residueNumber,
-                end_residue_number: e.eventData.residueNumber,
-                sideChain: true,
-                focus: true
-            };
-            // Call highlightAnnotation
-            wrapperCtx.visual.select({ data: [highlightQuery] });
-        }
-    });
-    document.addEventListener('PDB.topologyViewer.mouseover', function (e) {
-        if (typeof e.eventData !== 'undefined') {
-            // Abort if entryid do not match or viewer type is unipdb
-            // if(e.eventData.entryId != scope.pdbId) return;
-            // Create query object from event data
-            var highlightQuery = {
-                entity_id: e.eventData.entityId,
-                struct_asym_id: e.eventData.structAsymId,
-                start_residue_number: e.eventData.residueNumber,
-                end_residue_number: e.eventData.residueNumber
-            };
-            // Call highlightAnnotation
-            wrapperCtx.visual.highlight({ data: [highlightQuery] });
-        }
-    });
-    document.addEventListener('PDB.topologyViewer.mouseout', function (e) {
-        wrapperCtx.visual.clearHighlight();
-    });
-    document.addEventListener('protvista-mouseover', function (e) {
-        if (typeof e.detail !== 'undefined') {
-            var highlightQuery = undefined;
-            // Create query object from event data
-            if (e.detail.start && e.detail.end) {
-                highlightQuery = {
-                    start_residue_number: parseInt(e.detail.start),
-                    end_residue_number: parseInt(e.detail.end)
-                };
-            }
-            if (e.detail.feature && e.detail.feature.entityId)
-                highlightQuery['entity_id'] = e.detail.feature.entityId + '';
-            if (e.detail.feature && e.detail.feature.bestChainId)
-                highlightQuery['struct_asym_id'] = e.detail.feature.bestChainId;
-            if (e.detail.feature && e.detail.feature.chainId)
-                highlightQuery['struct_asym_id'] = e.detail.feature.chainId;
-            if (highlightQuery)
-                wrapperCtx.visual.highlight({ data: [highlightQuery] });
-        }
-    });
-    document.addEventListener('protvista-mouseout', function (e) {
-        wrapperCtx.visual.clearHighlight();
-    });
-    document.addEventListener('protvista-click', function (e) {
-        if (typeof e.detail !== 'undefined') {
-            var showInteraction = false;
-            var highlightQuery = undefined;
-            // Create query object from event data
-            if (e.detail.start && e.detail.end) {
-                highlightQuery = {
-                    start_residue_number: parseInt(e.detail.start),
-                    end_residue_number: parseInt(e.detail.end)
-                };
-            }
-            if (e.detail.feature && e.detail.feature.entityId)
-                highlightQuery['entity_id'] = e.detail.feature.entityId + '';
-            if (e.detail.feature && e.detail.feature.bestChainId)
-                highlightQuery['struct_asym_id'] = e.detail.feature.bestChainId;
-            if (e.detail.feature && e.detail.feature.chainId)
-                highlightQuery['struct_asym_id'] = e.detail.feature.chainId;
-            if (e.detail.feature && e.detail.feature.accession && e.detail.feature.accession.split(' ')[0] === 'Chain' || e.detail.feature.tooltipContent === 'Ligand binding site') {
-                showInteraction = true;
-            }
-            if (e.detail.start === e.detail.end)
-                showInteraction = true;
-            if (highlightQuery) {
-                if (showInteraction) {
-                    highlightQuery['sideChain'] = true;
-                }
-                else {
-                    var selColor = undefined;
-                    if (e.detail.trackIndex > -1 && e.detail.feature.locations && e.detail.feature.locations[0].fragments[e.detail.trackIndex].color)
-                        selColor = e.detail.feature.locations[0].fragments[e.detail.trackIndex].color;
-                    if (typeof selColor == 'undefined' && e.detail.feature.color)
-                        selColor = e.detail.feature.color;
-                    if (typeof selColor == 'undefined' && e.detail.color)
-                        selColor = e.detail.color;
-                    if (typeof selColor == 'undefined') {
-                        selColor = { r: 65, g: 96, b: 91 };
-                    }
-                    else {
-                        var isRgb = /rgb/g;
-                        if (isRgb.test(selColor)) {
-                            var rgbArr = selColor.substring(4, selColor.length - 1).split(',');
-                            selColor = { r: rgbArr[0], g: rgbArr[1], b: rgbArr[2] };
-                        }
-                    }
-                    highlightQuery['color'] = selColor;
-                }
-                highlightQuery['focus'] = true;
-                wrapperCtx.visual.select({ data: [highlightQuery] });
-            }
-        }
-    });
-    var elementTypeArrForRange = ['uniprot', 'pfam', 'cath', 'scop', 'strand', 'helice'];
-    var elementTypeArrForSingle = ['chain', 'quality', 'quality_outlier', 'binding site', 'alternate conformer'];
-    document.addEventListener('PDB.seqViewer.click', function (e) {
-        if (typeof e.eventData !== 'undefined') {
-            // Abort if entryid and entityid do not match or viewer type is unipdb
-            // if(e.eventData.entryId != scope.pdbId) return;
-            if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForSingle.indexOf(e.eventData.elementData.elementType) > -1) {
-                // Create query object from event data
-                var highlightQuery = {
-                    entity_id: e.eventData.entityId,
-                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
-                    start_residue_number: e.eventData.residueNumber,
-                    end_residue_number: e.eventData.residueNumber,
-                    sideChain: true,
-                    focus: true
-                };
-                // Call highlightAnnotation
-                wrapperCtx.visual.select({ data: [highlightQuery] });
-            }
-            else if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForRange.indexOf(e.eventData.elementData.elementType) > -1) {
-                var seqColorArray = e.eventData.elementData.color;
-                // Create query object from event data
-                var highlightQuery = {
-                    entity_id: e.eventData.entityId,
-                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
-                    start_residue_number: e.eventData.elementData.pathData.start.residue_number,
-                    end_residue_number: e.eventData.elementData.pathData.end.residue_number,
-                    color: { r: seqColorArray[0], g: seqColorArray[1], b: seqColorArray[2] },
-                    focus: true
-                };
-                wrapperCtx.visual.select({ data: [highlightQuery] });
-            }
-        }
-    });
-    document.addEventListener('PDB.seqViewer.mouseover', function (e) {
-        if (typeof e.eventData !== 'undefined') {
-            // Abort if entryid and entityid do not match or viewer type is unipdb
-            // if(e.eventData.entryId != scope.pdbId) return;
-            if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForSingle.indexOf(e.eventData.elementData.elementType) > -1) {
-                // Create query object from event data
-                var highlightQuery = {
-                    entity_id: e.eventData.entityId,
-                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
-                    start_residue_number: e.eventData.residueNumber,
-                    end_residue_number: e.eventData.residueNumber,
-                    focus: true
-                };
-                wrapperCtx.visual.select({ data: [highlightQuery] });
-            }
-            else if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForRange.indexOf(e.eventData.elementData.elementType) > -1) {
-                // Create query object from event data
-                var highlightQuery = {
-                    entity_id: e.eventData.entityId,
-                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
-                    start_residue_number: e.eventData.elementData.pathData.start.residue_number,
-                    end_residue_number: e.eventData.elementData.pathData.end.residue_number
-                };
-                // Call highlightAnnotation
-                wrapperCtx.visual.highlight({ data: [highlightQuery] });
-            }
-        }
-    });
-    document.addEventListener('PDB.seqViewer.mouseout', function (e) {
-        wrapperCtx.visual.clearHighlight();
-    });
-}
-exports.subscribeToComponentEvents = subscribeToComponentEvents;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToComponentEvents = void 0;
+function subscribeToComponentEvents(wrapperCtx) {
+    document.addEventListener('PDB.interactions.click', function (e) {
+        if (typeof e.detail !== 'undefined') {
+            var data = e.detail.interacting_nodes ? { data: e.detail.interacting_nodes } : { data: [e.detail.selected_node] };
+            data.data[0]['focus'] = true;
+            wrapperCtx.visual.select(data);
+        }
+    });
+    document.addEventListener('PDB.interactions.mouseover', function (e) {
+        if (typeof e.detail !== 'undefined') {
+            var data = e.detail.interacting_nodes ? { data: e.detail.interacting_nodes } : { data: [e.detail.selected_node] };
+            wrapperCtx.visual.highlight(data);
+        }
+    });
+    document.addEventListener('PDB.interactions.mouseout', function (e) {
+        wrapperCtx.visual.clearHighlight();
+    });
+    document.addEventListener('PDB.topologyViewer.click', function (e) {
+        if (typeof e.eventData !== 'undefined') {
+            // Create query object from event data
+            var highlightQuery = {
+                entity_id: e.eventData.entityId,
+                struct_asym_id: e.eventData.structAsymId,
+                start_residue_number: e.eventData.residueNumber,
+                end_residue_number: e.eventData.residueNumber,
+                sideChain: true,
+                focus: true
+            };
+            // Call highlightAnnotation
+            wrapperCtx.visual.select({ data: [highlightQuery] });
+        }
+    });
+    document.addEventListener('PDB.topologyViewer.mouseover', function (e) {
+        if (typeof e.eventData !== 'undefined') {
+            // Abort if entryid do not match or viewer type is unipdb
+            // if(e.eventData.entryId != scope.pdbId) return;
+            // Create query object from event data
+            var highlightQuery = {
+                entity_id: e.eventData.entityId,
+                struct_asym_id: e.eventData.structAsymId,
+                start_residue_number: e.eventData.residueNumber,
+                end_residue_number: e.eventData.residueNumber
+            };
+            // Call highlightAnnotation
+            wrapperCtx.visual.highlight({ data: [highlightQuery] });
+        }
+    });
+    document.addEventListener('PDB.topologyViewer.mouseout', function (e) {
+        wrapperCtx.visual.clearHighlight();
+    });
+    document.addEventListener('protvista-mouseover', function (e) {
+        if (typeof e.detail !== 'undefined') {
+            var highlightQuery = undefined;
+            // Create query object from event data
+            if (e.detail.start && e.detail.end) {
+                highlightQuery = {
+                    start_residue_number: parseInt(e.detail.start),
+                    end_residue_number: parseInt(e.detail.end)
+                };
+            }
+            if (e.detail.feature && e.detail.feature.entityId)
+                highlightQuery['entity_id'] = e.detail.feature.entityId + '';
+            if (e.detail.feature && e.detail.feature.bestChainId)
+                highlightQuery['struct_asym_id'] = e.detail.feature.bestChainId;
+            if (e.detail.feature && e.detail.feature.chainId)
+                highlightQuery['struct_asym_id'] = e.detail.feature.chainId;
+            if (highlightQuery)
+                wrapperCtx.visual.highlight({ data: [highlightQuery] });
+        }
+    });
+    document.addEventListener('protvista-mouseout', function (e) {
+        wrapperCtx.visual.clearHighlight();
+    });
+    document.addEventListener('protvista-click', function (e) {
+        if (typeof e.detail !== 'undefined') {
+            var showInteraction = false;
+            var highlightQuery = undefined;
+            // Create query object from event data
+            if (e.detail.start && e.detail.end) {
+                highlightQuery = {
+                    start_residue_number: parseInt(e.detail.start),
+                    end_residue_number: parseInt(e.detail.end)
+                };
+            }
+            if (e.detail.feature && e.detail.feature.entityId)
+                highlightQuery['entity_id'] = e.detail.feature.entityId + '';
+            if (e.detail.feature && e.detail.feature.bestChainId)
+                highlightQuery['struct_asym_id'] = e.detail.feature.bestChainId;
+            if (e.detail.feature && e.detail.feature.chainId)
+                highlightQuery['struct_asym_id'] = e.detail.feature.chainId;
+            if (e.detail.feature && e.detail.feature.accession && e.detail.feature.accession.split(' ')[0] === 'Chain' || e.detail.feature.tooltipContent === 'Ligand binding site') {
+                showInteraction = true;
+            }
+            if (e.detail.start === e.detail.end)
+                showInteraction = true;
+            if (highlightQuery) {
+                if (showInteraction) {
+                    highlightQuery['sideChain'] = true;
+                }
+                else {
+                    var selColor = undefined;
+                    if (e.detail.trackIndex > -1 && e.detail.feature.locations && e.detail.feature.locations[0].fragments[e.detail.trackIndex].color)
+                        selColor = e.detail.feature.locations[0].fragments[e.detail.trackIndex].color;
+                    if (typeof selColor == 'undefined' && e.detail.feature.color)
+                        selColor = e.detail.feature.color;
+                    if (typeof selColor == 'undefined' && e.detail.color)
+                        selColor = e.detail.color;
+                    if (typeof selColor == 'undefined') {
+                        selColor = { r: 65, g: 96, b: 91 };
+                    }
+                    else {
+                        var isRgb = /rgb/g;
+                        if (isRgb.test(selColor)) {
+                            var rgbArr = selColor.substring(4, selColor.length - 1).split(',');
+                            selColor = { r: rgbArr[0], g: rgbArr[1], b: rgbArr[2] };
+                        }
+                    }
+                    highlightQuery['color'] = selColor;
+                }
+                highlightQuery['focus'] = true;
+                wrapperCtx.visual.select({ data: [highlightQuery] });
+            }
+        }
+    });
+    var elementTypeArrForRange = ['uniprot', 'pfam', 'cath', 'scop', 'strand', 'helice'];
+    var elementTypeArrForSingle = ['chain', 'quality', 'quality_outlier', 'binding site', 'alternate conformer'];
+    document.addEventListener('PDB.seqViewer.click', function (e) {
+        if (typeof e.eventData !== 'undefined') {
+            // Abort if entryid and entityid do not match or viewer type is unipdb
+            // if(e.eventData.entryId != scope.pdbId) return;
+            if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForSingle.indexOf(e.eventData.elementData.elementType) > -1) {
+                // Create query object from event data
+                var highlightQuery = {
+                    entity_id: e.eventData.entityId,
+                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
+                    start_residue_number: e.eventData.residueNumber,
+                    end_residue_number: e.eventData.residueNumber,
+                    sideChain: true,
+                    focus: true
+                };
+                // Call highlightAnnotation
+                wrapperCtx.visual.select({ data: [highlightQuery] });
+            }
+            else if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForRange.indexOf(e.eventData.elementData.elementType) > -1) {
+                var seqColorArray = e.eventData.elementData.color;
+                // Create query object from event data
+                var highlightQuery = {
+                    entity_id: e.eventData.entityId,
+                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
+                    start_residue_number: e.eventData.elementData.pathData.start.residue_number,
+                    end_residue_number: e.eventData.elementData.pathData.end.residue_number,
+                    color: { r: seqColorArray[0], g: seqColorArray[1], b: seqColorArray[2] },
+                    focus: true
+                };
+                wrapperCtx.visual.select({ data: [highlightQuery] });
+            }
+        }
+    });
+    document.addEventListener('PDB.seqViewer.mouseover', function (e) {
+        if (typeof e.eventData !== 'undefined') {
+            // Abort if entryid and entityid do not match or viewer type is unipdb
+            // if(e.eventData.entryId != scope.pdbId) return;
+            if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForSingle.indexOf(e.eventData.elementData.elementType) > -1) {
+                // Create query object from event data
+                var highlightQuery = {
+                    entity_id: e.eventData.entityId,
+                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
+                    start_residue_number: e.eventData.residueNumber,
+                    end_residue_number: e.eventData.residueNumber,
+                    focus: true
+                };
+                wrapperCtx.visual.select({ data: [highlightQuery] });
+            }
+            else if (typeof e.eventData.elementData !== 'undefined' && elementTypeArrForRange.indexOf(e.eventData.elementData.elementType) > -1) {
+                // Create query object from event data
+                var highlightQuery = {
+                    entity_id: e.eventData.entityId,
+                    struct_asym_id: e.eventData.elementData.pathData.struct_asym_id,
+                    start_residue_number: e.eventData.elementData.pathData.start.residue_number,
+                    end_residue_number: e.eventData.elementData.pathData.end.residue_number
+                };
+                // Call highlightAnnotation
+                wrapperCtx.visual.highlight({ data: [highlightQuery] });
+            }
+        }
+    });
+    document.addEventListener('PDB.seqViewer.mouseout', function (e) {
+        wrapperCtx.visual.clearHighlight();
+    });
+}
+exports.subscribeToComponentEvents = subscribeToComponentEvents;

package/lib/superposition-export.d.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from 'Molstar/mol-plugin/context';
-export declare function superpositionExportHierarchy(plugin: PluginContext, options?: {
-    format?: 'cif' | 'bcif';
-}): Promise<void>;
+import { PluginContext } from 'Molstar/mol-plugin/context';
+export declare function superpositionExportHierarchy(plugin: PluginContext, options?: {
+    format?: 'cif' | 'bcif';
+}): Promise<void>;