molstar 3.0.0 → 3.2.0

package/lib/mol-plugin-ui/skin/colors/blue.scss

@@ -1,24 +1,24 @@
-$default-background:         #2D3E50;
-$font-color:                 #EDF1F2; 
-$hover-font-color:           #3B9AD9;
-$entity-current-font-color:  #FFFFFF;
-$msp-btn-remove-background:      #BF3A31;
-$msp-btn-remove-hover-font-color:#ffffff;
-$msp-btn-commit-on-font-color:   #ffffff; 
-$entity-badge-font-color:    #ccd4e0;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: rgba(0,0,0,0.75);
-
-@function color-lower-contrast($color, $amount) {
-    @return darken($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return lighten($color, $amount);
+$default-background:         #2D3E50;
+$font-color:                 #EDF1F2; 
+$hover-font-color:           #3B9AD9;
+$entity-current-font-color:  #FFFFFF;
+$msp-btn-remove-background:      #BF3A31;
+$msp-btn-remove-hover-font-color:#ffffff;
+$msp-btn-commit-on-font-color:   #ffffff; 
+$entity-badge-font-color:    #ccd4e0;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: rgba(0,0,0,0.75);
+
+@function color-lower-contrast($color, $amount) {
+    @return darken($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return lighten($color, $amount);
 }

package/lib/mol-plugin-ui/skin/colors/dark.scss

@@ -1,24 +1,24 @@
-$default-background:         #111318;
-$font-color:                 #ccd4e0;
-$hover-font-color:           #51A2FB;
-$entity-current-font-color:  #68BEFD;
-$msp-btn-remove-background:      #DE0A28;
-$msp-btn-remove-hover-font-color:#F2F4F7;
-$msp-btn-commit-on-font-color:   #68BEFD;
-$entity-badge-font-color:    #ccd4e0;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: rgba(0,0,0,0.75);
-
-@function color-lower-contrast($color, $amount) {
-    @return darken($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return lighten($color, $amount);
+$default-background:         #111318;
+$font-color:                 #ccd4e0;
+$hover-font-color:           #51A2FB;
+$entity-current-font-color:  #68BEFD;
+$msp-btn-remove-background:      #DE0A28;
+$msp-btn-remove-hover-font-color:#F2F4F7;
+$msp-btn-commit-on-font-color:   #68BEFD;
+$entity-badge-font-color:    #ccd4e0;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: rgba(0,0,0,0.75);
+
+@function color-lower-contrast($color, $amount) {
+    @return darken($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return lighten($color, $amount);
 }

package/lib/mol-plugin-ui/skin/colors/light.scss

@@ -1,30 +1,30 @@
-// this is complement of the dark theme
-
-@function compl($color) {
-    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color));
-}
-
-$default-background:         compl(#111318);
-$font-color:                 compl(#ccd4e0);
-$hover-font-color:           compl(#51A2FB);
-$entity-current-font-color:  compl(#68BEFD);
-$msp-btn-commit-on-font-color:   compl(#68BEFD);
-$entity-badge-font-color:    lighten(#ccd4e0,10%);
-$msp-btn-remove-background:      #DE0A28;
-$msp-btn-remove-hover-font-color:#F2F4F7;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: compl(#111318);
-
-@function color-lower-contrast($color, $amount) {
-    @return lighten($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return darken($color, $amount);
+// this is complement of the dark theme
+
+@function compl($color) {
+    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color));
+}
+
+$default-background:         compl(#111318);
+$font-color:                 compl(#ccd4e0);
+$hover-font-color:           compl(#51A2FB);
+$entity-current-font-color:  compl(#68BEFD);
+$msp-btn-commit-on-font-color:   compl(#68BEFD);
+$entity-badge-font-color:    lighten(#ccd4e0,10%);
+$msp-btn-remove-background:      #DE0A28;
+$msp-btn-remove-hover-font-color:#F2F4F7;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: compl(#111318);
+
+@function color-lower-contrast($color, $amount) {
+    @return lighten($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return darken($color, $amount);
 }

package/lib/mol-plugin-ui/skin/dark.scss

@@ -1,2 +1,2 @@
-@import 'colors/dark';
+@import 'colors/dark';
 @import 'base/base';

package/lib/mol-plugin-ui/skin/light.scss

@@ -1,2 +1,2 @@
-@import 'colors/light';
+@import 'colors/light';
 @import 'base/base';

package/lib/mol-plugin-ui/structure/quick-styles.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ *
+ * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ */
+/// <reference types="react" />
+import { CollapsableControls, PurePluginUIComponent } from '../base';
+import { MagicWandSvg } from '../controls/icons';
+export declare class StructureQuickStylesControls extends CollapsableControls {
+    defaultState(): {
+        isCollapsed: boolean;
+        header: string;
+        brand: {
+            accent: "gray";
+            svg: typeof MagicWandSvg;
+        };
+    };
+    renderControls(): JSX.Element;
+}
+export declare class QuickStyles extends PurePluginUIComponent {
+    default(): Promise<void>;
+    illustrative(): Promise<void>;
+    stylized(): Promise<void>;
+    render(): JSX.Element;
+}

package/lib/mol-plugin-ui/structure/quick-styles.js

@@ -0,0 +1,128 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ *
+ * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ */
+import { PresetStructureRepresentations } from '../../mol-plugin-state/builder/structure/representation-preset';
+import { Color } from '../../mol-util/color';
+import { CollapsableControls, PurePluginUIComponent } from '../base';
+import { Button } from '../controls/common';
+import { MagicWandSvg } from '../controls/icons';
+import { ParamDefinition as PD } from '../../mol-util/param-definition';
+import { PostprocessingParams } from '../../mol-canvas3d/passes/postprocessing';
+import { PluginConfig } from '../../mol-plugin/config';
+import { StructureComponentManager } from '../../mol-plugin-state/manager/structure/component';
+var StructureQuickStylesControls = /** @class */ (function (_super) {
+    __extends(StructureQuickStylesControls, _super);
+    function StructureQuickStylesControls() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StructureQuickStylesControls.prototype.defaultState = function () {
+        return {
+            isCollapsed: false,
+            header: 'Quick Styles',
+            brand: { accent: 'gray', svg: MagicWandSvg }
+        };
+    };
+    StructureQuickStylesControls.prototype.renderControls = function () {
+        return _jsx(_Fragment, { children: _jsx(QuickStyles, {}, void 0) }, void 0);
+    };
+    return StructureQuickStylesControls;
+}(CollapsableControls));
+export { StructureQuickStylesControls };
+var QuickStyles = /** @class */ (function (_super) {
+    __extends(QuickStyles, _super);
+    function QuickStyles() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    QuickStyles.prototype.default = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var structures, preset, provider, p;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        structures = this.plugin.managers.structure.hierarchy.selection.structures;
+                        preset = this.plugin.config.get(PluginConfig.Structure.DefaultRepresentationPreset) || PresetStructureRepresentations.auto.id;
+                        provider = this.plugin.builders.structure.representation.resolveProvider(preset);
+                        return [4 /*yield*/, this.plugin.managers.structure.component.applyPreset(structures, provider)];
+                    case 1:
+                        _a.sent();
+                        this.plugin.managers.structure.component.setOptions(PD.getDefaultValues(StructureComponentManager.OptionsParams));
+                        if (this.plugin.canvas3d) {
+                            p = PD.getDefaultValues(PostprocessingParams);
+                            this.plugin.canvas3d.setProps({
+                                postprocessing: { outline: p.outline, occlusion: p.occlusion }
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    QuickStyles.prototype.illustrative = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var structures;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        structures = this.plugin.managers.structure.hierarchy.selection.structures;
+                        return [4 /*yield*/, this.plugin.managers.structure.component.applyPreset(structures, PresetStructureRepresentations.illustrative)];
+                    case 1:
+                        _a.sent();
+                        if (this.plugin.canvas3d) {
+                            this.plugin.canvas3d.setProps({
+                                postprocessing: {
+                                    outline: {
+                                        name: 'on',
+                                        params: { scale: 1, color: Color(0x000000), threshold: 0.25 }
+                                    },
+                                    occlusion: {
+                                        name: 'on',
+                                        params: { bias: 0.9, blurKernelSize: 15, radius: 5, samples: 32 }
+                                    },
+                                }
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    QuickStyles.prototype.stylized = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var pp;
+            return __generator(this, function (_a) {
+                this.plugin.managers.structure.component.setOptions(__assign(__assign({}, this.plugin.managers.structure.component.state.options), { ignoreLight: true }));
+                if (this.plugin.canvas3d) {
+                    pp = this.plugin.canvas3d.props.postprocessing;
+                    this.plugin.canvas3d.setProps({
+                        postprocessing: {
+                            outline: {
+                                name: 'on',
+                                params: pp.outline.name === 'on'
+                                    ? pp.outline.params
+                                    : { scale: 1, color: Color(0x000000), threshold: 0.33 }
+                            },
+                            occlusion: {
+                                name: 'on',
+                                params: pp.occlusion.name === 'on'
+                                    ? pp.occlusion.params
+                                    : { bias: 0.9, blurKernelSize: 15, radius: 5, samples: 32 }
+                            },
+                        }
+                    });
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    QuickStyles.prototype.render = function () {
+        var _this = this;
+        return _jsxs("div", __assign({ className: 'msp-flex-row' }, { children: [_jsx(Button, __assign({ noOverflow: true, title: 'Applies default representation preset. Set outline and occlusion effects to defaults.', onClick: function () { return _this.default(); }, style: { width: 'auto' } }, { children: "Default" }), void 0), _jsx(Button, __assign({ noOverflow: true, title: 'Applies no representation preset. Enables outline and occlusion effects. Enables ignore-light representation parameter.', onClick: function () { return _this.stylized(); }, style: { width: 'auto' } }, { children: "Stylized" }), void 0), _jsx(Button, __assign({ noOverflow: true, title: 'Applies illustrative representation preset. Enables outline and occlusion effects. Enables ignore-light parameter.', onClick: function () { return _this.illustrative(); }, style: { width: 'auto' } }, { children: "Illustrative" }), void 0)] }), void 0);
+    };
+    return QuickStyles;
+}(PurePluginUIComponent));
+export { QuickStyles };
+//# sourceMappingURL=quick-styles.js.map

package/lib/mol-plugin-ui/structure/superposition.d.ts

@@ -1,7 +1,8 @@
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author Sebastian Bittrich <sebastian.bittrich@rcsb.org>
  */
 /// <reference types="react" />
 import { CollapsableControls, PurePluginUIComponent } from '../base';
@@ -26,6 +27,7 @@ export declare class StructureSuperpositionControls extends CollapsableControls
 }
 export declare const StructureSuperpositionParams: {
     alignSequences: PD.BooleanParam;
+    traceOnly: PD.BooleanParam;
 };
 export declare type StructureSuperpositionOptions = PD.ValuesFor<typeof StructureSuperpositionParams>;
 declare type SuperpositionControlsState = {
@@ -50,6 +52,7 @@ export declare class SuperpositionControls extends PurePluginUIComponent<{}, Sup
     superposeChains: () => Promise<void>;
     superposeAtoms: () => Promise<void>;
     superposeDb: () => Promise<void>;
+    cameraReset(): Promise<void>;
     toggleByChains: () => void;
     toggleByAtoms: () => void;
     toggleOptions: () => void;

package/lib/mol-plugin-ui/structure/superposition.js

@@ -1,9 +1,10 @@
 import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author Sebastian Bittrich <sebastian.bittrich@rcsb.org>
  */
 import { CollapsableControls, PurePluginUIComponent } from '../base';
 import { Icon, ArrowUpwardSvg, ArrowDownwardSvg, DeleteOutlinedSvg, HelpOutlineSvg, TuneSvg, SuperposeAtomsSvg, SuperposeChainsSvg, SuperpositionSvg } from '../controls/icons';
@@ -18,9 +19,9 @@ import { structureElementStatsLabel, elementLabel } from '../../mol-theme/label'
 import { ParameterControls } from '../controls/parameters';
 import { stripTags } from '../../mol-util/string';
 import { ToggleSelectionModeButton } from './selection';
-import { alignAndSuperposeWithBestDatabaseMapping } from '../../mol-model/structure/structure/util/superposition-db-mapping';
+import { alignAndSuperposeWithSIFTSMapping } from '../../mol-model/structure/structure/util/superposition-sifts-mapping';
 import { PluginCommands } from '../../mol-plugin/commands';
-import { BestDatabaseSequenceMapping } from '../../mol-model-props/sequence/best-database-mapping';
+import { SIFTSMapping } from '../../mol-model-props/sequence/sifts-mapping';
 var StructureSuperpositionControls = /** @class */ (function (_super) {
     __extends(StructureSuperpositionControls, _super);
     function StructureSuperpositionControls() {
@@ -47,7 +48,8 @@ var StructureSuperpositionControls = /** @class */ (function (_super) {
 }(CollapsableControls));
 export { StructureSuperpositionControls };
 export var StructureSuperpositionParams = {
-    alignSequences: PD.Boolean(true, { isEssential: true, description: 'Perform a sequence alignment and use the aligned residue pairs to guide the 3D superposition.' }),
+    alignSequences: PD.Boolean(true, { isEssential: true, description: 'For Chain-based 3D superposition, perform a sequence alignment and use the aligned residue pairs to guide the 3D superposition.' }),
+    traceOnly: PD.Boolean(true, { description: 'For Chain- and Uniprot-based 3D superposition, base superposition only on CA (and equivalent) atoms.' })
 };
 var DefaultStructureSuperpositionOptions = PD.getDefaultValues(StructureSuperpositionParams);
 var SuperpositionTag = 'SuperpositionTransform';
@@ -64,14 +66,14 @@ var SuperpositionControls = /** @class */ (function (_super) {
             options: DefaultStructureSuperpositionOptions
         };
         _this.superposeChains = function () { return __awaiter(_this, void 0, void 0, function () {
-            var query, entries, traceLocis, transforms, eA, i, il, eB, _a, bTransform, rmsd, labelA, labelB;
+            var query, entries, locis, transforms, eA, i, il, eB, _a, bTransform, rmsd, labelA, labelB;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        query = StructureSelectionQueries.trace.query;
+                        query = (this.state.options.traceOnly ? StructureSelectionQueries.trace : StructureSelectionQueries.polymer).query;
                         entries = this.chainEntries;
-                        traceLocis = entries.map(function (e, i) {
+                        locis = entries.map(function (e, i) {
                             var s = StructureElement.Loci.toStructure(e.loci);
                             var loci = StructureSelection.toLociWithSourceUnits(query(new QueryContext(s)));
                             return StructureElement.Loci.remap(loci, i === 0
@@ -79,10 +81,10 @@ var SuperpositionControls = /** @class */ (function (_super) {
                                 : loci.structure.root);
                         });
                         transforms = this.state.options.alignSequences
-                            ? alignAndSuperpose(traceLocis)
-                            : superpose(traceLocis);
+                            ? alignAndSuperpose(locis)
+                            : superpose(locis);
                         eA = entries[0];
-                        i = 1, il = traceLocis.length;
+                        i = 1, il = locis.length;
                         _b.label = 1;
                     case 1:
                         if (!(i < il)) return [3 /*break*/, 4];
@@ -98,7 +100,10 @@ var SuperpositionControls = /** @class */ (function (_super) {
                     case 3:
                         ++i;
                         return [3 /*break*/, 1];
-                    case 4: return [2 /*return*/];
+                    case 4: return [4 /*yield*/, this.cameraReset()];
+                    case 5:
+                        _b.sent();
+                        return [2 /*return*/];
                 }
             });
         }); };
@@ -133,39 +138,57 @@ var SuperpositionControls = /** @class */ (function (_super) {
                     case 3:
                         ++i;
                         return [3 /*break*/, 1];
-                    case 4: return [2 /*return*/];
+                    case 4: return [4 /*yield*/, this.cameraReset()];
+                    case 5:
+                        _b.sent();
+                        return [2 /*return*/];
                 }
             });
         }); };
         _this.superposeDb = function () { return __awaiter(_this, void 0, void 0, function () {
-            var input, transforms, rmsd, _i, transforms_1, xform;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var input, traceOnly, structures, _a, entries, failedPairs, zeroOverlapPairs, rmsd, _i, entries_1, xform, formatPairs;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         input = this.plugin.managers.structure.hierarchy.behaviors.selection.value.structures;
-                        transforms = alignAndSuperposeWithBestDatabaseMapping(input.map(function (s) { var _a; return (_a = s.cell.obj) === null || _a === void 0 ? void 0 : _a.data; }));
+                        traceOnly = this.state.options.traceOnly;
+                        structures = input.map(function (s) { var _a; return (_a = s.cell.obj) === null || _a === void 0 ? void 0 : _a.data; });
+                        _a = alignAndSuperposeWithSIFTSMapping(structures, { traceOnly: traceOnly }), entries = _a.entries, failedPairs = _a.failedPairs, zeroOverlapPairs = _a.zeroOverlapPairs;
                         rmsd = 0;
-                        _i = 0, transforms_1 = transforms;
-                        _a.label = 1;
+                        _i = 0, entries_1 = entries;
+                        _b.label = 1;
                     case 1:
-                        if (!(_i < transforms_1.length)) return [3 /*break*/, 4];
-                        xform = transforms_1[_i];
+                        if (!(_i < entries_1.length)) return [3 /*break*/, 4];
+                        xform = entries_1[_i];
                         return [4 /*yield*/, this.transform(input[xform.other].cell, xform.transform.bTransform)];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         rmsd += xform.transform.rmsd;
-                        _a.label = 3;
+                        _b.label = 3;
                     case 3:
                         _i++;
                         return [3 /*break*/, 1];
                     case 4:
-                        rmsd /= Math.max(transforms.length - 1, 1);
-                        this.plugin.log.info("Superposed ".concat(input.length, " structures with avg. RMSD ").concat(rmsd.toFixed(2), " \u00C5."));
-                        return [4 /*yield*/, new Promise(function (res) { return requestAnimationFrame(res); })];
+                        rmsd /= Math.max(entries.length - 1, 1);
+                        formatPairs = function (pairs) {
+                            return "[".concat(pairs.map(function (_a) {
+                                var i = _a[0], j = _a[1];
+                                return "(".concat(structures[i].models[0].entryId, ", ").concat(structures[j].models[0].entryId, ")");
+                            }).join(', '), "]");
+                        };
+                        if (zeroOverlapPairs.length) {
+                            this.plugin.log.warn("Superposition: No UNIPROT mapping overlap between structures ".concat(formatPairs(zeroOverlapPairs), "."));
+                        }
+                        if (failedPairs.length) {
+                            this.plugin.log.error("Superposition: Failed to superpose structures ".concat(formatPairs(failedPairs), "."));
+                        }
+                        if (!entries.length) return [3 /*break*/, 6];
+                        this.plugin.log.info("Superposed ".concat(entries.length + 1, " structures with avg. RMSD ").concat(rmsd.toFixed(2), " \u00C5."));
+                        return [4 /*yield*/, this.cameraReset()];
                     case 5:
-                        _a.sent();
-                        PluginCommands.Camera.Reset(this.plugin);
-                        return [2 /*return*/];
+                        _b.sent();
+                        _b.label = 6;
+                    case 6: return [2 /*return*/];
                 }
             });
         }); };
@@ -189,7 +212,7 @@ var SuperpositionControls = /** @class */ (function (_super) {
             _this.setState({ isBusy: v });
         });
         this.subscribe(this.plugin.managers.structure.hierarchy.behaviors.selection, function (sel) {
-            _this.setState({ canUseDb: sel.structures.every(function (s) { var _a; return !!((_a = s.cell.obj) === null || _a === void 0 ? void 0 : _a.data) && s.cell.obj.data.models.some(function (m) { return BestDatabaseSequenceMapping.Provider.isApplicable(m); }); }) });
+            _this.setState({ canUseDb: sel.structures.every(function (s) { var _a; return !!((_a = s.cell.obj) === null || _a === void 0 ? void 0 : _a.data) && s.cell.obj.data.models.some(function (m) { return SIFTSMapping.Provider.isApplicable(m); }); }) });
         });
     };
     Object.defineProperty(SuperpositionControls.prototype, "selection", {
@@ -227,6 +250,19 @@ var SuperpositionControls = /** @class */ (function (_super) {
             });
         });
     };
+    SuperpositionControls.prototype.cameraReset = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, new Promise(function (res) { return requestAnimationFrame(res); })];
+                    case 1:
+                        _a.sent();
+                        PluginCommands.Camera.Reset(this.plugin);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     SuperpositionControls.prototype.highlight = function (loci) {
         this.plugin.managers.interactivity.lociHighlights.highlightOnly({ loci: loci }, false);
     };
@@ -318,7 +354,7 @@ var SuperpositionControls = /** @class */ (function (_super) {
         return _jsxs(_Fragment, { children: [entries.length > 0 && _jsx("div", __assign({ className: 'msp-control-offset' }, { children: entries.map(function (e, i) { return _this.atomsLociEntry(e, i); }) }), void 0), entries.length < 2 && _jsx("div", __assign({ className: 'msp-control-offset msp-help-text' }, { children: _jsxs("div", __assign({ className: 'msp-help-description' }, { children: [_jsx(Icon, { svg: HelpOutlineSvg, inline: true }, void 0), "Add 1 or more selections (toggle ", _jsx(ToggleSelectionModeButton, { inline: true }, void 0), " mode) from separate structures. Selections must be limited to single atoms."] }), void 0) }), void 0), entries.length > 1 && _jsx(Button, __assign({ title: 'Superpose structures by selected atoms.', className: 'msp-btn-commit msp-btn-commit-on', onClick: this.superposeAtoms, style: { marginTop: '1px' } }, { children: "Superpose" }), void 0)] }, void 0);
     };
     SuperpositionControls.prototype.superposeByDbMapping = function () {
-        return _jsx(_Fragment, { children: _jsx(Button, __assign({ icon: SuperposeChainsSvg, title: 'Superpose structures using database mapping.', className: 'msp-btn msp-btn-block', onClick: this.superposeDb, style: { marginTop: '1px' }, disabled: this.state.isBusy }, { children: "DB" }), void 0) }, void 0);
+        return _jsx(_Fragment, { children: _jsx(Button, __assign({ icon: SuperposeChainsSvg, title: 'Superpose structures using intersection of residues from SIFTS UNIPROT mapping.', className: 'msp-btn msp-btn-block', onClick: this.superposeDb, style: { marginTop: '1px' }, disabled: this.state.isBusy }, { children: "Uniprot" }), void 0) }, void 0);
     };
     SuperpositionControls.prototype.render = function () {
         return _jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: 'msp-flex-row' }, { children: [_jsx(ToggleButton, { icon: SuperposeChainsSvg, label: 'Chains', toggle: this.toggleByChains, isSelected: this.state.action === 'byChains', disabled: this.state.isBusy }, void 0), _jsx(ToggleButton, { icon: SuperposeAtomsSvg, label: 'Atoms', toggle: this.toggleByAtoms, isSelected: this.state.action === 'byAtoms', disabled: this.state.isBusy }, void 0), this.state.canUseDb && this.superposeByDbMapping(), _jsx(ToggleButton, { icon: TuneSvg, label: '', title: 'Options', toggle: this.toggleOptions, isSelected: this.state.action === 'options', disabled: this.state.isBusy, style: { flex: '0 0 40px', padding: 0 } }, void 0)] }), void 0), this.state.action === 'byChains' && this.addByChains(), this.state.action === 'byAtoms' && this.addByAtoms(), this.state.action === 'options' && _jsx("div", __assign({ className: 'msp-control-offset' }, { children: _jsx(ParameterControls, { params: StructureSuperpositionParams, values: this.state.options, onChangeValues: this.setOptions, isDisabled: this.state.isBusy }, void 0) }), void 0)] }, void 0);

package/lib/mol-plugin-ui/structure/volume.js

@@ -65,16 +65,16 @@ var VolumeStreamingControls = /** @class */ (function (_super) {
         return !!((_b = (_a = InitVolumeStreaming.definition).isApplicable) === null || _b === void 0 ? void 0 : _b.call(_a, pivot.obj, pivot.transform, this.plugin));
     };
     VolumeStreamingControls.prototype.renderEnable = function () {
-        var _a;
+        var _a, _b;
         var pivot = this.pivot;
         if (!pivot.cell.parent)
             return null;
         var root = StateSelection.findTagInSubtree(pivot.cell.parent.tree, this.pivot.cell.transform.ref, VolumeStreaming.RootTag);
         var rootCell = root && pivot.cell.parent.cells.get(root);
         var simpleApply = rootCell && rootCell.status === 'error'
-            ? { header: 'Error enabling', icon: ErrorSvg, title: rootCell.errorText }
-            : rootCell && ((_a = rootCell.obj) === null || _a === void 0 ? void 0 : _a.data.entries.length) === 0
-                ? { header: 'Error enabling', icon: ErrorSvg, title: 'No entry for streaming found' }
+            ? { header: !!rootCell.errorText && ((_a = rootCell.errorText) === null || _a === void 0 ? void 0 : _a.includes('404')) ? 'No Density Data Available' : 'Error Enabling', icon: ErrorSvg, title: rootCell.errorText }
+            : rootCell && ((_b = rootCell.obj) === null || _b === void 0 ? void 0 : _b.data.entries.length) === 0
+                ? { header: 'Error Enabling', icon: ErrorSvg, title: 'No Entry for Streaming Found' }
                 : { header: 'Enable', icon: CheckSvg, title: 'Enable' };
         return _jsx(ApplyActionControl, { state: pivot.cell.parent, action: InitVolumeStreaming, initiallyCollapsed: true, nodeRef: pivot.cell.transform.ref, simpleApply: simpleApply }, void 0);
     };

package/lib/mol-repr/shape/loci/common.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  * @author David Sehnal <david.sehnal@gmail.com>

package/lib/mol-repr/shape/loci/common.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  * @author David Sehnal <david.sehnal@gmail.com>
@@ -9,9 +9,9 @@ import { ParamDefinition as PD } from '../../../mol-util/param-definition';
 import { ColorNames } from '../../../mol-util/color/names';
 import { Text } from '../../../mol-geo/geometry/text/text';
 export var MeasurementRepresentationCommonTextParams = {
-    customText: PD.Text('', { label: 'Text', description: 'Override the label with custom value.' }),
+    customText: PD.Text('', { label: 'Text', description: 'Override the label with custom value.', isEssential: true }),
     textColor: PD.Color(ColorNames.black, { isEssential: true }),
-    textSize: PD.Numeric(0.5, { min: 0.1, max: 5, step: 0.1 }, { isEssential: true }),
+    textSize: PD.Numeric(0.5, { min: 0.1, max: 10, step: 0.1 }, { isEssential: true }),
 };
 export var LociLabelTextParams = __assign(__assign(__assign({}, Text.Params), MeasurementRepresentationCommonTextParams), { borderWidth: PD.Numeric(0.2, { min: 0, max: 0.5, step: 0.01 }) });
 //# sourceMappingURL=common.js.map

package/lib/mol-repr/structure/registry.d.ts

@@ -13,7 +13,7 @@ export declare namespace StructureRepresentationRegistry {
     export const BuiltIn: {
         cartoon: import("./representation").StructureRepresentationProvider<{
             sizeFactor: import("../../mol-util/param-definition").ParamDefinition.Numeric;
-            visuals: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-block" | "nucleotide-ring" | "direction-wedge">;
+            visuals: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-block" | "direction-wedge">;
             bumpFrequency: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             unitKinds: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"spheres" | "gaussians" | "atomic">;
             includeParent: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;

package/lib/mol-repr/structure/representation/cartoon.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
@@ -10,7 +10,7 @@ import { ParamDefinition as PD } from '../../../mol-util/param-definition';
 import { StructureRepresentation, StructureRepresentationProvider } from '../representation';
 export declare const CartoonParams: {
     sizeFactor: PD.Numeric;
-    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-block" | "nucleotide-ring" | "direction-wedge">;
+    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
@@ -48,7 +48,7 @@ export declare const CartoonParams: {
 export declare type CartoonParams = typeof CartoonParams;
 export declare function getCartoonParams(ctx: ThemeRegistryContext, structure: Structure): {
     sizeFactor: PD.Numeric;
-    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-block" | "nucleotide-ring" | "direction-wedge">;
+    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
@@ -87,7 +87,7 @@ export declare type CartoonRepresentation = StructureRepresentation<CartoonParam
 export declare function CartoonRepresentation(ctx: RepresentationContext, getParams: RepresentationParamsGetter<Structure, CartoonParams>): CartoonRepresentation;
 export declare const CartoonRepresentationProvider: StructureRepresentationProvider<{
     sizeFactor: PD.Numeric;
-    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-block" | "nucleotide-ring" | "direction-wedge">;
+    visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;