molstar 3.0.0 → 3.2.0

package/lib/commonjs/mol-plugin-state/manager/structure/component.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2019-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
@@ -60,6 +60,7 @@ declare namespace StructureComponentManager {
     const OptionsParams: {
         showHydrogens: PD.BooleanParam;
         visualQuality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
+        ignoreLight: PD.BooleanParam;
         materialStyle: PD.Group<PD.Normalize<{
             metalness: number;
             roughness: number;

package/lib/commonjs/mol-plugin-state/manager/structure/component.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * Copyright (c) 2019-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
@@ -78,6 +78,7 @@ var StructureComponentManager = /** @class */ (function (_super) {
                                     _a.sent();
                                     return [4 /*yield*/, this.plugin.state.updateBehavior(structure_focus_representation_1.StructureFocusRepresentation, function (p) {
                                             p.ignoreHydrogens = !options.showHydrogens;
+                                            p.ignoreLight = options.ignoreLight;
                                             p.material = options.materialStyle;
                                             p.clip = options.clipObjects;
                                         })];
@@ -96,17 +97,18 @@ var StructureComponentManager = /** @class */ (function (_super) {
         });
     };
     StructureComponentManager.prototype.updateReprParams = function (update, component) {
-        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
         var ignoreHydrogens = !showHydrogens;
         for (var _i = 0, _b = component.representations; _i < _b.length; _i++) {
             var r = _b[_i];
             if (r.cell.transform.transformer !== representation_1.StructureRepresentation3D)
                 continue;
             var params = r.cell.transform.params;
-            if (!!params.type.params.ignoreHydrogens !== ignoreHydrogens || params.type.params.quality !== quality || !(0, mol_util_1.shallowEqual)(params.type.params.material, material) || !param_definition_1.ParamDefinition.areEqual(clip_1.Clip.Params, params.type.params.clip, clip)) {
+            if (!!params.type.params.ignoreHydrogens !== ignoreHydrogens || params.type.params.quality !== quality || params.type.params.ignoreLight !== ignoreLight || !(0, mol_util_1.shallowEqual)(params.type.params.material, material) || !param_definition_1.ParamDefinition.areEqual(clip_1.Clip.Params, params.type.params.clip, clip)) {
                 update.to(r.cell).update(function (old) {
                     old.type.params.ignoreHydrogens = ignoreHydrogens;
                     old.type.params.quality = quality;
+                    old.type.params.ignoreLight = ignoreLight;
                     old.type.params.material = material;
                     old.type.params.clip = clip;
                 });
@@ -380,9 +382,9 @@ var StructureComponentManager = /** @class */ (function (_super) {
         var _this = this;
         if (components.length === 0)
             return;
-        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
         var ignoreHydrogens = !showHydrogens;
-        var typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, material: material, clip: clip };
+        var typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, ignoreLight: ignoreLight, material: material, clip: clip };
         return this.plugin.dataTransaction(function () { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
             var _i, components_9, component;
             return (0, tslib_1.__generator)(this, function (_a) {
@@ -443,16 +445,16 @@ var StructureComponentManager = /** @class */ (function (_super) {
             var _this = this;
             return (0, tslib_1.__generator)(this, function (_a) {
                 return [2 /*return*/, this.plugin.dataTransaction(function () { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-                        var xs, _a, showHydrogens, quality, material, clip, ignoreHydrogens, typeParams, componentKey, _i, xs_1, s, component;
+                        var xs, _a, showHydrogens, quality, ignoreLight, material, clip, ignoreHydrogens, typeParams, componentKey, _i, xs_1, s, component;
                         return (0, tslib_1.__generator)(this, function (_b) {
                             switch (_b.label) {
                                 case 0:
                                     xs = structures || this.currentStructures;
                                     if (xs.length === 0)
                                         return [2 /*return*/];
-                                    _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+                                    _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
                                     ignoreHydrogens = !showHydrogens;
-                                    typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, material: material, clip: clip };
+                                    typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, ignoreLight: ignoreLight, material: material, clip: clip };
                                     componentKey = mol_util_1.UUID.create22();
                                     _i = 0, xs_1 = xs;
                                     _b.label = 1;
@@ -628,6 +630,7 @@ exports.StructureComponentManager = StructureComponentManager;
     StructureComponentManager.OptionsParams = {
         showHydrogens: param_definition_1.ParamDefinition.Boolean(true, { description: 'Toggle display of hydrogen atoms in representations' }),
         visualQuality: param_definition_1.ParamDefinition.Select('auto', base_1.VisualQualityOptions, { description: 'Control the visual/rendering quality of representations' }),
+        ignoreLight: param_definition_1.ParamDefinition.Boolean(false, { description: 'Ignore light for stylized rendering of representtions' }),
         materialStyle: material_1.Material.getParam(),
         clipObjects: param_definition_1.ParamDefinition.Group(clip_1.Clip.Params),
         interactions: param_definition_1.ParamDefinition.Group(interactions_1.InteractionsProvider.defaultParams, { label: 'Non-covalent Interactions' }),

package/lib/commonjs/mol-plugin-ui/controls/icons.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 David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
@@ -23,6 +23,7 @@ export declare function CubeSendSvg(): JSX.Element;
 export declare function CursorDefaultOutlineSvg(): JSX.Element;
 export declare function FileOutlineSvg(): JSX.Element;
 export declare function PencilRulerSvg(): JSX.Element;
+export declare function MagicWandSvg(): JSX.Element;
 export declare function AccountTreeOutlinedSvg(): JSX.Element;
 export declare function AddSvg(): JSX.Element;
 export declare function ArrowDownwardSvg(): JSX.Element;

package/lib/commonjs/mol-plugin-ui/controls/icons.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreHorizSvg = exports.LinearScaleSvg = exports.LaunchSvg = exports.HomeOutlinedSvg = exports.HelpOutlineSvg = exports.GetAppSvg = exports.FullscreenSvg = exports.FlipToFrontSvg = exports.ExtensionSvg = exports.ErrorSvg = exports.DeleteSvg = exports.DeleteOutlinedSvg = exports.CropOrginalSvg = exports.CropFreeSvg = exports.CropSvg = exports.CopySvg = exports.CodeSvg = exports.CloudUploadSvg = exports.CloseSvg = exports.ClearSvg = exports.CheckSvg = exports.CenterFocusStrongSvg = exports.CancelSvg = exports.CancelOutlinedSvg = exports.CameraSvg = exports.CameraOutlinedSvg = exports.BuildSvg = exports.BuildOutlinedSvg = exports.BrushSvg = exports.BookmarksOutlinedSvg = exports.BlurOnSvg = exports.AutorenewSvg = exports.ArrowUpwardSvg = exports.ArrowRightSvg = exports.ArrowDropDownSvg = exports.ArrowDownwardSvg = exports.AddSvg = exports.AccountTreeOutlinedSvg = exports.PencilRulerSvg = exports.FileOutlineSvg = exports.CursorDefaultOutlineSvg = exports.CubeSendSvg = exports.CubeScanSvg = exports.CubeOutlineSvg = exports.MoleculeSvg = exports.SetSvg = exports.IntersectSvg = exports.SubtractSvg = exports.UnionSvg = exports.Icon = void 0;
-exports.SuperpositionSvg = exports.SuperposeChainsSvg = exports.SuperposeAtomsSvg = exports.SelectionModeSvg = exports.WarningSvg = exports.VisibilityOutlinedSvg = exports.VisibilityOffOutlinedSvg = exports.TuneSvg = exports.SwapHorizSvg = exports.SubscriptionsOutlinedSvg = exports.StopSvg = exports.SkipPreviousSvg = exports.ScatterPlotSvg = exports.SaveOutlinedSvg = exports.RestoreSvg = exports.RemoveSvg = exports.RefreshSvg = exports.PlayArrowSvg = exports.OpenInBrowserSvg = exports.NavigateNextSvg = exports.NavigateBeforeSvg = void 0;
+exports.LinearScaleSvg = exports.LaunchSvg = exports.HomeOutlinedSvg = exports.HelpOutlineSvg = exports.GetAppSvg = exports.FullscreenSvg = exports.FlipToFrontSvg = exports.ExtensionSvg = exports.ErrorSvg = exports.DeleteSvg = exports.DeleteOutlinedSvg = exports.CropOrginalSvg = exports.CropFreeSvg = exports.CropSvg = exports.CopySvg = exports.CodeSvg = exports.CloudUploadSvg = exports.CloseSvg = exports.ClearSvg = exports.CheckSvg = exports.CenterFocusStrongSvg = exports.CancelSvg = exports.CancelOutlinedSvg = exports.CameraSvg = exports.CameraOutlinedSvg = exports.BuildSvg = exports.BuildOutlinedSvg = exports.BrushSvg = exports.BookmarksOutlinedSvg = exports.BlurOnSvg = exports.AutorenewSvg = exports.ArrowUpwardSvg = exports.ArrowRightSvg = exports.ArrowDropDownSvg = exports.ArrowDownwardSvg = exports.AddSvg = exports.AccountTreeOutlinedSvg = exports.MagicWandSvg = exports.PencilRulerSvg = exports.FileOutlineSvg = exports.CursorDefaultOutlineSvg = exports.CubeSendSvg = exports.CubeScanSvg = exports.CubeOutlineSvg = exports.MoleculeSvg = exports.SetSvg = exports.IntersectSvg = exports.SubtractSvg = exports.UnionSvg = exports.Icon = void 0;
+exports.SuperpositionSvg = exports.SuperposeChainsSvg = exports.SuperposeAtomsSvg = exports.SelectionModeSvg = exports.WarningSvg = exports.VisibilityOutlinedSvg = exports.VisibilityOffOutlinedSvg = exports.TuneSvg = exports.SwapHorizSvg = exports.SubscriptionsOutlinedSvg = exports.StopSvg = exports.SkipPreviousSvg = exports.ScatterPlotSvg = exports.SaveOutlinedSvg = exports.RestoreSvg = exports.RemoveSvg = exports.RefreshSvg = exports.PlayArrowSvg = exports.OpenInBrowserSvg = exports.NavigateNextSvg = exports.NavigateBeforeSvg = exports.MoreHorizSvg = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 function Icon(props) {
@@ -30,10 +30,10 @@ function MoleculeSvg() { return _Molecule; }
 exports.MoleculeSvg = MoleculeSvg;
 // The following icons are adapted from https://materialdesignicons.com/ and
 // licensed with https://github.com/Templarian/MaterialDesign/blob/master/LICENSE
-var _CubeOutline = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" }, void 0) }), void 0);
+var _CubeOutline = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z' }, void 0) }), void 0);
 function CubeOutlineSvg() { return _CubeOutline; }
 exports.CubeOutlineSvg = CubeOutlineSvg;
-var _CubeScan = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z" }, void 0) }), void 0);
+var _CubeScan = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z' }, void 0) }), void 0);
 function CubeScanSvg() { return _CubeScan; }
 exports.CubeScanSvg = CubeScanSvg;
 var _CubeSend = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" }, void 0) }), void 0);
@@ -45,9 +45,12 @@ exports.CursorDefaultOutlineSvg = CursorDefaultOutlineSvg;
 var _FileOutline = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: 'M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z' }, void 0) }), void 0);
 function FileOutlineSvg() { return _FileOutline; }
 exports.FileOutlineSvg = FileOutlineSvg;
-var _PencilRuler = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z" }, void 0) }), void 0);
+var _PencilRuler = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z' }, void 0) }), void 0);
 function PencilRulerSvg() { return _PencilRuler; }
 exports.PencilRulerSvg = PencilRulerSvg;
+var _MagicWand = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: 'M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z' }, void 0) }), void 0);
+function MagicWandSvg() { return _MagicWand; }
+exports.MagicWandSvg = MagicWandSvg;
 // The following icons are adapted from https://material-ui.com/components/material-icons/ and
 // licensed with https://github.com/mui-org/material-ui/blob/master/LICENSE
 var _AccountTreeOutlined = (0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z' }, void 0) }), void 0);

package/lib/commonjs/mol-plugin-ui/controls.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2020 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 David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>

package/lib/commonjs/mol-plugin-ui/controls.js

@@ -17,6 +17,7 @@ var source_1 = require("./structure/source");
 var volume_1 = require("./structure/volume");
 var config_1 = require("../mol-plugin/config");
 var superposition_1 = require("./structure/superposition");
+var quick_styles_1 = require("./structure/quick-styles");
 var TrajectoryViewportControls = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TrajectoryViewportControls, _super);
     function TrajectoryViewportControls() {
@@ -293,7 +294,7 @@ var DefaultStructureTools = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DefaultStructureTools.prototype.render = function () {
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-section-header' }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BuildSvg }, void 0), "Structure Tools"] }), void 0), (0, jsx_runtime_1.jsx)(source_1.StructureSourceControls, {}, void 0), (0, jsx_runtime_1.jsx)(measurements_1.StructureMeasurementsControls, {}, void 0), (0, jsx_runtime_1.jsx)(superposition_1.StructureSuperpositionControls, {}, void 0), (0, jsx_runtime_1.jsx)(components_1.StructureComponentControls, {}, void 0), this.plugin.config.get(config_1.PluginConfig.VolumeStreaming.Enabled) && (0, jsx_runtime_1.jsx)(volume_1.VolumeStreamingControls, {}, void 0), (0, jsx_runtime_1.jsx)(volume_1.VolumeSourceControls, {}, void 0), (0, jsx_runtime_1.jsx)(CustomStructureControls, {}, void 0)] }, void 0);
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-section-header' }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.BuildSvg }, void 0), "Structure Tools"] }), void 0), (0, jsx_runtime_1.jsx)(source_1.StructureSourceControls, {}, void 0), (0, jsx_runtime_1.jsx)(measurements_1.StructureMeasurementsControls, {}, void 0), (0, jsx_runtime_1.jsx)(superposition_1.StructureSuperpositionControls, {}, void 0), (0, jsx_runtime_1.jsx)(quick_styles_1.StructureQuickStylesControls, {}, void 0), (0, jsx_runtime_1.jsx)(components_1.StructureComponentControls, {}, void 0), this.plugin.config.get(config_1.PluginConfig.VolumeStreaming.Enabled) && (0, jsx_runtime_1.jsx)(volume_1.VolumeStreamingControls, {}, void 0), (0, jsx_runtime_1.jsx)(volume_1.VolumeSourceControls, {}, void 0), (0, jsx_runtime_1.jsx)(CustomStructureControls, {}, void 0)] }, void 0);
     };
     return DefaultStructureTools;
 }(base_1.PluginUIComponent));

package/lib/commonjs/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/commonjs/mol-plugin-ui/structure/quick-styles.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickStyles = exports.StructureQuickStylesControls = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Copyright (c) 2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ *
+ * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ */
+var representation_preset_1 = require("../../mol-plugin-state/builder/structure/representation-preset");
+var color_1 = require("../../mol-util/color");
+var base_1 = require("../base");
+var common_1 = require("../controls/common");
+var icons_1 = require("../controls/icons");
+var param_definition_1 = require("../../mol-util/param-definition");
+var postprocessing_1 = require("../../mol-canvas3d/passes/postprocessing");
+var config_1 = require("../../mol-plugin/config");
+var component_1 = require("../../mol-plugin-state/manager/structure/component");
+var StructureQuickStylesControls = /** @class */ (function (_super) {
+    (0, tslib_1.__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: icons_1.MagicWandSvg }
+        };
+    };
+    StructureQuickStylesControls.prototype.renderControls = function () {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(QuickStyles, {}, void 0) }, void 0);
+    };
+    return StructureQuickStylesControls;
+}(base_1.CollapsableControls));
+exports.StructureQuickStylesControls = StructureQuickStylesControls;
+var QuickStyles = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(QuickStyles, _super);
+    function QuickStyles() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    QuickStyles.prototype.default = function () {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var structures, preset, provider, p;
+            return (0, tslib_1.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        structures = this.plugin.managers.structure.hierarchy.selection.structures;
+                        preset = this.plugin.config.get(config_1.PluginConfig.Structure.DefaultRepresentationPreset) || representation_preset_1.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(param_definition_1.ParamDefinition.getDefaultValues(component_1.StructureComponentManager.OptionsParams));
+                        if (this.plugin.canvas3d) {
+                            p = param_definition_1.ParamDefinition.getDefaultValues(postprocessing_1.PostprocessingParams);
+                            this.plugin.canvas3d.setProps({
+                                postprocessing: { outline: p.outline, occlusion: p.occlusion }
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    QuickStyles.prototype.illustrative = function () {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var structures;
+            return (0, tslib_1.__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, representation_preset_1.PresetStructureRepresentations.illustrative)];
+                    case 1:
+                        _a.sent();
+                        if (this.plugin.canvas3d) {
+                            this.plugin.canvas3d.setProps({
+                                postprocessing: {
+                                    outline: {
+                                        name: 'on',
+                                        params: { scale: 1, color: (0, color_1.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 (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            var pp;
+            return (0, tslib_1.__generator)(this, function (_a) {
+                this.plugin.managers.structure.component.setOptions((0, tslib_1.__assign)((0, tslib_1.__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: (0, color_1.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 (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-flex-row' }, { children: [(0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__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), (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__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), (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__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;
+}(base_1.PurePluginUIComponent));
+exports.QuickStyles = QuickStyles;
+//# sourceMappingURL=quick-styles.js.map

package/lib/commonjs/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/commonjs/mol-plugin-ui/structure/superposition.js

@@ -4,9 +4,10 @@ exports.SuperpositionControls = exports.StructureSuperpositionParams = exports.S
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("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>
  */
 var base_1 = require("../base");
 var icons_1 = require("../controls/icons");
@@ -21,9 +22,9 @@ var label_1 = require("../../mol-theme/label");
 var parameters_1 = require("../controls/parameters");
 var string_1 = require("../../mol-util/string");
 var selection_1 = require("./selection");
-var superposition_db_mapping_1 = require("../../mol-model/structure/structure/util/superposition-db-mapping");
+var superposition_sifts_mapping_1 = require("../../mol-model/structure/structure/util/superposition-sifts-mapping");
 var commands_1 = require("../../mol-plugin/commands");
-var best_database_mapping_1 = require("../../mol-model-props/sequence/best-database-mapping");
+var sifts_mapping_1 = require("../../mol-model-props/sequence/sifts-mapping");
 var StructureSuperpositionControls = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(StructureSuperpositionControls, _super);
     function StructureSuperpositionControls() {
@@ -50,7 +51,8 @@ var StructureSuperpositionControls = /** @class */ (function (_super) {
 }(base_1.CollapsableControls));
 exports.StructureSuperpositionControls = StructureSuperpositionControls;
 exports.StructureSuperpositionParams = {
-    alignSequences: param_definition_1.ParamDefinition.Boolean(true, { isEssential: true, description: 'Perform a sequence alignment and use the aligned residue pairs to guide the 3D superposition.' }),
+    alignSequences: param_definition_1.ParamDefinition.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: param_definition_1.ParamDefinition.Boolean(true, { description: 'For Chain- and Uniprot-based 3D superposition, base superposition only on CA (and equivalent) atoms.' })
 };
 var DefaultStructureSuperpositionOptions = param_definition_1.ParamDefinition.getDefaultValues(exports.StructureSuperpositionParams);
 var SuperpositionTag = 'SuperpositionTransform';
@@ -67,14 +69,14 @@ var SuperpositionControls = /** @class */ (function (_super) {
             options: DefaultStructureSuperpositionOptions
         };
         _this.superposeChains = function () { return (0, tslib_1.__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 (0, tslib_1.__generator)(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        query = structure_selection_query_1.StructureSelectionQueries.trace.query;
+                        query = (this.state.options.traceOnly ? structure_selection_query_1.StructureSelectionQueries.trace : structure_selection_query_1.StructureSelectionQueries.polymer).query;
                         entries = this.chainEntries;
-                        traceLocis = entries.map(function (e, i) {
+                        locis = entries.map(function (e, i) {
                             var s = structure_1.StructureElement.Loci.toStructure(e.loci);
                             var loci = structure_1.StructureSelection.toLociWithSourceUnits(query(new structure_1.QueryContext(s)));
                             return structure_1.StructureElement.Loci.remap(loci, i === 0
@@ -82,10 +84,10 @@ var SuperpositionControls = /** @class */ (function (_super) {
                                 : loci.structure.root);
                         });
                         transforms = this.state.options.alignSequences
-                            ? (0, superposition_1.alignAndSuperpose)(traceLocis)
-                            : (0, superposition_1.superpose)(traceLocis);
+                            ? (0, superposition_1.alignAndSuperpose)(locis)
+                            : (0, superposition_1.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];
@@ -101,7 +103,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*/];
                 }
             });
         }); };
@@ -136,39 +141,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 (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var input, transforms, rmsd, _i, transforms_2, xform;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
+            var input, traceOnly, structures, _a, entries, failedPairs, zeroOverlapPairs, rmsd, _i, entries_1, xform, formatPairs;
+            return (0, tslib_1.__generator)(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         input = this.plugin.managers.structure.hierarchy.behaviors.selection.value.structures;
-                        transforms = (0, superposition_db_mapping_1.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 = (0, superposition_sifts_mapping_1.alignAndSuperposeWithSIFTSMapping)(structures, { traceOnly: traceOnly }), entries = _a.entries, failedPairs = _a.failedPairs, zeroOverlapPairs = _a.zeroOverlapPairs;
                         rmsd = 0;
-                        _i = 0, transforms_2 = transforms;
-                        _a.label = 1;
+                        _i = 0, entries_1 = entries;
+                        _b.label = 1;
                     case 1:
-                        if (!(_i < transforms_2.length)) return [3 /*break*/, 4];
-                        xform = transforms_2[_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();
-                        commands_1.PluginCommands.Camera.Reset(this.plugin);
-                        return [2 /*return*/];
+                        _b.sent();
+                        _b.label = 6;
+                    case 6: return [2 /*return*/];
                 }
             });
         }); };
@@ -192,7 +215,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 best_database_mapping_1.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 sifts_mapping_1.SIFTSMapping.Provider.isApplicable(m); }); }) });
         });
     };
     Object.defineProperty(SuperpositionControls.prototype, "selection", {
@@ -230,6 +253,19 @@ var SuperpositionControls = /** @class */ (function (_super) {
             });
         });
     };
+    SuperpositionControls.prototype.cameraReset = function () {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            return (0, tslib_1.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, new Promise(function (res) { return requestAnimationFrame(res); })];
+                    case 1:
+                        _a.sent();
+                        commands_1.PluginCommands.Camera.Reset(this.plugin);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     SuperpositionControls.prototype.highlight = function (loci) {
         this.plugin.managers.interactivity.lociHighlights.highlightOnly({ loci: loci }, false);
     };
@@ -321,7 +357,7 @@ var SuperpositionControls = /** @class */ (function (_super) {
         return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [entries.length > 0 && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: entries.map(function (e, i) { return _this.atomsLociEntry(e, i); }) }), void 0), entries.length < 2 && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset msp-help-text' }, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-help-description' }, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg, inline: true }, void 0), "Add 1 or more selections (toggle ", (0, jsx_runtime_1.jsx)(selection_1.ToggleSelectionModeButton, { inline: true }, void 0), " mode) from separate structures. Selections must be limited to single atoms."] }), void 0) }), void 0), entries.length > 1 && (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__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 (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__assign)({ icon: icons_1.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 (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(common_1.Button, (0, tslib_1.__assign)({ icon: icons_1.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 (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'msp-flex-row' }, { children: [(0, jsx_runtime_1.jsx)(common_1.ToggleButton, { icon: icons_1.SuperposeChainsSvg, label: 'Chains', toggle: this.toggleByChains, isSelected: this.state.action === 'byChains', disabled: this.state.isBusy }, void 0), (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { icon: icons_1.SuperposeAtomsSvg, label: 'Atoms', toggle: this.toggleByAtoms, isSelected: this.state.action === 'byAtoms', disabled: this.state.isBusy }, void 0), this.state.canUseDb && this.superposeByDbMapping(), (0, jsx_runtime_1.jsx)(common_1.ToggleButton, { icon: icons_1.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' && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'msp-control-offset' }, { children: (0, jsx_runtime_1.jsx)(parameters_1.ParameterControls, { params: exports.StructureSuperpositionParams, values: this.state.options, onChangeValues: this.setOptions, isDisabled: this.state.isBusy }, void 0) }), void 0)] }, void 0);

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

@@ -68,16 +68,16 @@ var VolumeStreamingControls = /** @class */ (function (_super) {
         return !!((_b = (_a = transformers_1.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 = mol_state_1.StateSelection.findTagInSubtree(pivot.cell.parent.tree, this.pivot.cell.transform.ref, behavior_1.VolumeStreaming.RootTag);
         var rootCell = root && pivot.cell.parent.cells.get(root);
         var simpleApply = rootCell && rootCell.status === 'error'
-            ? { header: 'Error enabling', icon: icons_1.ErrorSvg, title: rootCell.errorText }
-            : rootCell && ((_a = rootCell.obj) === null || _a === void 0 ? void 0 : _a.data.entries.length) === 0
-                ? { header: 'Error enabling', icon: icons_1.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: icons_1.ErrorSvg, title: rootCell.errorText }
+            : rootCell && ((_b = rootCell.obj) === null || _b === void 0 ? void 0 : _b.data.entries.length) === 0
+                ? { header: 'Error Enabling', icon: icons_1.ErrorSvg, title: 'No Entry for Streaming Found' }
                 : { header: 'Enable', icon: icons_1.CheckSvg, title: 'Enable' };
         return (0, jsx_runtime_1.jsx)(apply_action_1.ApplyActionControl, { state: pivot.cell.parent, action: transformers_1.InitVolumeStreaming, initiallyCollapsed: true, nodeRef: pivot.cell.transform.ref, simpleApply: simpleApply }, void 0);
     };

package/lib/commonjs/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/commonjs/mol-repr/shape/loci/common.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * 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>
@@ -12,9 +12,9 @@ var param_definition_1 = require("../../../mol-util/param-definition");
 var names_1 = require("../../../mol-util/color/names");
 var text_1 = require("../../../mol-geo/geometry/text/text");
 exports.MeasurementRepresentationCommonTextParams = {
-    customText: param_definition_1.ParamDefinition.Text('', { label: 'Text', description: 'Override the label with custom value.' }),
+    customText: param_definition_1.ParamDefinition.Text('', { label: 'Text', description: 'Override the label with custom value.', isEssential: true }),
     textColor: param_definition_1.ParamDefinition.Color(names_1.ColorNames.black, { isEssential: true }),
-    textSize: param_definition_1.ParamDefinition.Numeric(0.5, { min: 0.1, max: 5, step: 0.1 }, { isEssential: true }),
+    textSize: param_definition_1.ParamDefinition.Numeric(0.5, { min: 0.1, max: 10, step: 0.1 }, { isEssential: true }),
 };
 exports.LociLabelTextParams = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, text_1.Text.Params), exports.MeasurementRepresentationCommonTextParams), { borderWidth: param_definition_1.ParamDefinition.Numeric(0.2, { min: 0, max: 0.5, step: 0.01 }) });
 //# sourceMappingURL=common.js.map