molstar 3.0.2 → 3.3.0

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,127 @@
+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.8, blurKernelSize: 15, radius: 5, samples: 32, resolutionScale: 1 }
+                                    },
+                                }
+                            });
+                        }
+                        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.8, blurKernelSize: 15, radius: 5, samples: 32, resolutionScale: 1 }
+                            },
+                        }
+                    });
+                }
+                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 };

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

@@ -348,4 +348,3 @@ function ResidueListSelectionHelper(_a) {
     };
     return _jsxs(_Fragment, { children: [_jsx(ParameterControls, { params: ResidueListIdTypeParams, values: state, onChangeValues: setState, onEnter: apply }, void 0), _jsxs(Button, __assign({ className: 'msp-btn-commit msp-btn-commit-on', disabled: state.identifiers.trim().length === 0, onClick: apply, style: { marginTop: '1px' } }, { children: [capitalize(modifier), " Selection"] }), void 0)] }, void 0);
 }
-//# sourceMappingURL=selection.js.map

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

@@ -334,4 +334,3 @@ var StructureSourceControls = /** @class */ (function (_super) {
     return StructureSourceControls;
 }(CollapsableControls));
 export { StructureSourceControls };
-//# sourceMappingURL=source.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);
@@ -326,4 +362,3 @@ var SuperpositionControls = /** @class */ (function (_super) {
     return SuperpositionControls;
 }(PurePluginUIComponent));
 export { SuperpositionControls };
-//# sourceMappingURL=superposition.js.map

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);
     };
@@ -318,4 +318,3 @@ var VolumeRepresentationControls = /** @class */ (function (_super) {
     };
     return VolumeRepresentationControls;
 }(PurePluginUIComponent));
-//# sourceMappingURL=volume.js.map

package/lib/mol-plugin-ui/task.js

@@ -92,4 +92,3 @@ var OverlayTaskProgress = /** @class */ (function (_super) {
     return OverlayTaskProgress;
 }(PluginUIComponent));
 export { OverlayTaskProgress };
-//# sourceMappingURL=task.js.map

package/lib/mol-plugin-ui/toast.js

@@ -51,4 +51,3 @@ var Toasts = /** @class */ (function (_super) {
     return Toasts;
 }(PluginUIComponent));
 export { Toasts };
-//# sourceMappingURL=toast.js.map

package/lib/mol-plugin-ui/viewport/canvas.js

@@ -52,4 +52,3 @@ var ViewportCanvas = /** @class */ (function (_super) {
     return ViewportCanvas;
 }(PluginUIComponent));
 export { ViewportCanvas };
-//# sourceMappingURL=canvas.js.map

package/lib/mol-plugin-ui/viewport/help.js

@@ -117,4 +117,3 @@ var HelpContent = /** @class */ (function (_super) {
     return HelpContent;
 }(PluginUIComponent));
 export { HelpContent };
-//# sourceMappingURL=help.js.map

package/lib/mol-plugin-ui/viewport/screenshot.js

@@ -97,4 +97,3 @@ function CropControls(_a) {
         return null;
     return _jsxs("div", __assign({ style: { width: '100%', height: '24px', marginTop: '8px' } }, { children: [_jsx(ToggleButton, { icon: CropOrginalSvg, title: 'Auto-crop', inline: true, isSelected: cropParams.auto, style: { background: 'transparent', float: 'left', width: 'auto', height: '24px', lineHeight: '24px' }, toggle: function () { return helper.toggleAutocrop(); }, label: 'Auto-crop ' + (cropParams.auto ? 'On' : 'Off') }, void 0), !cropParams.auto && _jsx(Button, { icon: CropSvg, title: 'Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.autocrop(); } }, void 0), !cropParams.auto && !helper.isFullFrame && _jsx(Button, { icon: CropFreeSvg, title: 'Reset Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.resetCrop(); } }, void 0)] }), void 0);
 }
-//# sourceMappingURL=screenshot.js.map

package/lib/mol-plugin-ui/viewport/simple-settings.js

@@ -149,4 +149,3 @@ var SimpleSettingsMapping = ParamMapping({
         });
     }
 });
-//# sourceMappingURL=simple-settings.js.map

package/lib/mol-plugin-ui/viewport.js

@@ -75,4 +75,3 @@ export var Logo = function () {
     return _jsx("a", { className: 'msp-logo', href: 'https://molstar.org', target: '_blank' }, void 0);
 };
 export var Viewport = function () { return _jsx(ViewportCanvas, { logo: Logo }, void 0); };
-//# sourceMappingURL=viewport.js.map

package/lib/mol-repr/representation.js

@@ -378,4 +378,3 @@ var Representation;
     }
     Representation.fromRenderObject = fromRenderObject;
 })(Representation || (Representation = {}));
-//# sourceMappingURL=representation.js.map

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

@@ -169,4 +169,3 @@ function getTextShape(ctx, data, props, shape) {
 export function AngleRepresentation(ctx, getParams) {
     return Representation.createMulti('Angle', ctx, getParams, Representation.StateBuilder, AngleVisuals);
 }
-//# sourceMappingURL=angle.js.map

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

@@ -14,4 +14,3 @@ export var MeasurementRepresentationCommonTextParams = {
     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/shape/loci/dihedral.js

@@ -250,4 +250,3 @@ function getTextShape(ctx, data, props, shape) {
 export function DihedralRepresentation(ctx, getParams) {
     return Representation.createMulti('Dihedral', ctx, getParams, Representation.StateBuilder, DihedralVisuals);
 }
-//# sourceMappingURL=dihedral.js.map

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

@@ -89,4 +89,3 @@ function getTextShape(ctx, data, props, shape) {
 export function DistanceRepresentation(ctx, getParams) {
     return Representation.createMulti('Distance', ctx, getParams, Representation.StateBuilder, DistanceVisuals);
 }
-//# sourceMappingURL=distance.js.map

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

@@ -58,4 +58,3 @@ function getTextShape(ctx, data, props, shape) {
 export function LabelRepresentation(ctx, getParams) {
     return Representation.createMulti('Label', ctx, getParams, Representation.StateBuilder, LabelVisuals);
 }
-//# sourceMappingURL=label.js.map

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

@@ -96,4 +96,3 @@ export function OrientationRepresentation(ctx, getParams) {
     repr.setState({ markerActions: MarkerActions.Highlighting });
     return repr;
 }
-//# sourceMappingURL=orientation.js.map

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

@@ -54,4 +54,3 @@ export function PlaneRepresentation(ctx, getParams) {
     repr.setState({ markerActions: MarkerActions.Highlighting });
     return repr;
 }
-//# sourceMappingURL=plane.js.map

package/lib/mol-repr/shape/model/unitcell.js

@@ -73,4 +73,3 @@ export function getUnitcellData(model, symmetry, props) {
 export function UnitcellRepresentation(ctx, getParams) {
     return Representation.createMulti('Unit Cell', ctx, getParams, Representation.StateBuilder, UnitcellVisuals);
 }
-//# sourceMappingURL=unitcell.js.map

package/lib/mol-repr/shape/representation.js

@@ -268,4 +268,3 @@ function eachShapeGroup(loci, shape, apply) {
     }
     return changed;
 }
-//# sourceMappingURL=representation.js.map

package/lib/mol-repr/structure/complex-representation.js

@@ -175,4 +175,3 @@ export function ComplexRepresentation(label, ctx, getParams, visualCtor) {
         destroy: destroy
     };
 }
-//# sourceMappingURL=complex-representation.js.map

package/lib/mol-repr/structure/complex-visual.js

@@ -312,4 +312,3 @@ export function ComplexTextureMeshVisual(builder, materialId) {
                 state.createGeometry = true;
         }, geometryUtils: TextureMesh.Utils }), materialId);
 }
-//# sourceMappingURL=complex-visual.js.map

package/lib/mol-repr/structure/params.js

@@ -30,4 +30,3 @@ export var StructureLinesParams = __assign({}, Lines.Params);
 export var StructureTextParams = __assign({}, Text.Params);
 export var StructureDirectVolumeParams = __assign({}, DirectVolume.Params);
 export var StructureTextureMeshParams = __assign({}, TextureMesh.Params);
-//# sourceMappingURL=params.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/registry.js

@@ -52,4 +52,3 @@ export { StructureRepresentationRegistry };
         'spacefill': SpacefillRepresentationProvider,
     };
 })(StructureRepresentationRegistry || (StructureRepresentationRegistry = {}));
-//# sourceMappingURL=registry.js.map

package/lib/mol-repr/structure/representation/backbone.js

@@ -44,4 +44,3 @@ export var BackboneRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'uniform' },
     isApplicable: function (structure) { return structure.polymerResidueCount > 0; },
 });
-//# sourceMappingURL=backbone.js.map

package/lib/mol-repr/structure/representation/ball-and-stick.js

@@ -43,4 +43,3 @@ export var BallAndStickRepresentationProvider = StructureRepresentationProvider(
         return oldProps.includeParent !== newProps.includeParent;
     }
 });
-//# sourceMappingURL=ball-and-stick.js.map

package/lib/mol-repr/structure/representation/carbohydrate.js

@@ -38,4 +38,3 @@ export var CarbohydrateRepresentationProvider = StructureRepresentationProvider(
         return structure.models.some(function (m) { return Model.hasCarbohydrate(m); });
     }
 });
-//# sourceMappingURL=carbohydrate.js.map

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;