molstar 3.5.0 → 3.7.0

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

@@ -11,12 +11,14 @@ import { PluginUIComponent } from './base';
 import { PluginUIContext } from './context';
 export declare class Plugin extends React.Component<{
     plugin: PluginUIContext;
+    children?: any;
 }, {}> {
     region(kind: 'left' | 'right' | 'bottom' | 'main', element: JSX.Element): JSX.Element;
     render(): JSX.Element;
 }
 export declare class PluginContextContainer extends React.Component<{
     plugin: PluginUIContext;
+    children?: any;
 }> {
     render(): JSX.Element;
 }

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

@@ -134,11 +134,11 @@ var Layout = /** @class */ (function (_super) {
         configurable: true
     });
     Layout.prototype.render = function () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         var layout = this.plugin.layout.state;
         var controls = ((_a = this.plugin.spec.components) === null || _a === void 0 ? void 0 : _a.controls) || {};
         var viewport = ((_c = (_b = this.plugin.spec.components) === null || _b === void 0 ? void 0 : _b.viewport) === null || _c === void 0 ? void 0 : _c.view) || DefaultViewport;
-        return _jsx("div", __assign({ className: 'msp-plugin' }, { children: _jsxs("div", __assign({ className: this.layoutClassName, onDragEnter: this.onDragEnter }, { children: [_jsxs("div", __assign({ className: this.layoutVisibilityClassName }, { children: [this.region('main', viewport), layout.showControls && controls.top !== 'none' && this.region('top', controls.top || SequenceView), layout.showControls && controls.left !== 'none' && this.region('left', controls.left || LeftPanelControls), layout.showControls && controls.right !== 'none' && this.region('right', controls.right || ControlsWrapper), layout.showControls && controls.bottom !== 'none' && this.region('bottom', controls.bottom || Log)] })), !((_d = this.plugin.spec.components) === null || _d === void 0 ? void 0 : _d.hideTaskOverlay) && _jsx(OverlayTaskProgress, {}), _jsx(DragOverlay, { plugin: this.plugin, showDragOverlay: this.showDragOverlay })] })) }));
+        return _jsx("div", __assign({ className: 'msp-plugin' }, { children: _jsxs("div", __assign({ className: this.layoutClassName, onDragEnter: this.onDragEnter }, { children: [_jsxs("div", __assign({ className: this.layoutVisibilityClassName }, { children: [this.region('main', viewport), layout.showControls && controls.top !== 'none' && this.region('top', controls.top || SequenceView), layout.showControls && controls.left !== 'none' && this.region('left', controls.left || LeftPanelControls), layout.showControls && controls.right !== 'none' && this.region('right', controls.right || ControlsWrapper), layout.showControls && controls.bottom !== 'none' && this.region('bottom', controls.bottom || Log)] })), !((_d = this.plugin.spec.components) === null || _d === void 0 ? void 0 : _d.hideTaskOverlay) && _jsx(OverlayTaskProgress, {}), !((_e = this.plugin.spec.components) === null || _e === void 0 ? void 0 : _e.disableDragOverlay) && _jsx(DragOverlay, { plugin: this.plugin, showDragOverlay: this.showDragOverlay })] })) }));
     };
     return Layout;
 }(PluginUIComponent));

package/lib/mol-plugin-ui/react18.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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>
+ */
+import { PluginUIContext } from './context';
+import { PluginUISpec } from './spec';
+export declare function createPluginUI(target: HTMLElement, spec?: PluginUISpec, options?: {
+    onBeforeUIRender?: (ctx: PluginUIContext) => (Promise<void> | void);
+}): Promise<PluginUIContext>;

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

@@ -0,0 +1,34 @@
+/**
+ * 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>
+ */
+import { __awaiter, __generator } from "tslib";
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import { Plugin } from './plugin';
+import { PluginUIContext } from './context';
+import { DefaultPluginUISpec } from './spec';
+export function createPluginUI(target, spec, options) {
+    return __awaiter(this, void 0, void 0, function () {
+        var ctx;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ctx = new PluginUIContext(spec || DefaultPluginUISpec());
+                    return [4 /*yield*/, ctx.init()];
+                case 1:
+                    _a.sent();
+                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    createRoot(target).render(createElement(Plugin, { plugin: ctx }));
+                    return [2 /*return*/, ctx];
+            }
+        });
+    });
+}

package/lib/mol-plugin-ui/spec.d.ts

@@ -20,6 +20,7 @@ interface PluginUISpec extends PluginSpec {
             controls?: React.ComponentClass;
         };
         hideTaskOverlay?: boolean;
+        disableDragOverlay?: boolean;
     };
 }
 declare namespace PluginUISpec {

package/lib/mol-plugin-ui/state/common.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { PurePluginUIComponent } from '../base';
 import { ParameterControls } from '../controls/parameters';
 import { ParamDefinition as PD } from '../../mol-util/param-definition';
-import { Subject } from 'rxjs';
+import { BehaviorSubject, skip } from 'rxjs';
 import { Icon, RefreshSvg, CheckSvg, ArrowRightSvg, ArrowDropDownSvg, TuneSvg } from '../controls/icons';
 import { ExpandGroup, ToggleButton, Button, IconButton } from '../controls/common';
 export { StateTransformParameters, TransformControlBase };
@@ -71,7 +71,7 @@ var TransformControlBase = /** @class */ (function (_super) {
     __extends(TransformControlBase, _super);
     function TransformControlBase() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.busy = new Subject();
+        _this.busy = new BehaviorSubject(false);
         _this.onEnter = function () {
             if (_this.state.error)
                 return;
@@ -138,13 +138,12 @@ var TransformControlBase = /** @class */ (function (_super) {
     };
     TransformControlBase.prototype.componentDidMount = function () {
         var _this = this;
-        this.subscribe(this.plugin.behaviors.state.isBusy, function (b) {
-            if (_this.state.busy !== b)
-                _this.busy.next(b);
+        this.subscribe(this.plugin.behaviors.state.isBusy, function (busy) {
+            if (_this.busy.value !== busy)
+                _this.busy.next(busy);
         });
-        this.subscribe(this.busy, function (busy) {
-            if (_this.state.busy !== busy)
-                _this.setState({ busy: busy });
+        this.subscribe(this.busy.pipe(skip(1)), function (busy) {
+            _this.setState({ busy: busy });
         });
     };
     TransformControlBase.prototype.renderApply = function () {

package/lib/mol-plugin-ui/structure/focus.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>
  */

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

@@ -1,7 +1,7 @@
 import { __assign, __extends, __spreadArray } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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>
  */
@@ -164,7 +164,7 @@ var StructureFocusControls = /** @class */ (function (_super) {
     };
     Object.defineProperty(StructureFocusControls.prototype, "isDisabled", {
         get: function () {
-            return this.state.isBusy || this.actionItems.length === 0;
+            return this.state.isBusy || this.plugin.managers.structure.hierarchy.selection.structures.length === 0;
         },
         enumerable: false,
         configurable: true

package/lib/mol-plugin-ui/task.d.ts

@@ -4,24 +4,5 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 /// <reference types="react" />
-import { PluginUIComponent } from './base';
-import { OrderedMap } from 'immutable';
-import { TaskManager } from '../mol-plugin/util/task-manager';
-export declare class BackgroundTaskProgress extends PluginUIComponent<{}, {
-    tracked: OrderedMap<number, TaskManager.ProgressEvent>;
-}> {
-    componentDidMount(): void;
-    state: {
-        tracked: OrderedMap<number, TaskManager.ProgressEvent>;
-    };
-    render(): JSX.Element;
-}
-export declare class OverlayTaskProgress extends PluginUIComponent<{}, {
-    tracked: OrderedMap<number, TaskManager.ProgressEvent>;
-}> {
-    componentDidMount(): void;
-    state: {
-        tracked: OrderedMap<number, TaskManager.ProgressEvent>;
-    };
-    render(): JSX.Element | null;
-}
+export declare function BackgroundTaskProgress(): JSX.Element;
+export declare function OverlayTaskProgress(): JSX.Element | null;

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

@@ -5,36 +5,33 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  *
  * @author David Sehnal <david.sehnal@gmail.com>
  */
-import { PluginUIComponent } from './base';
+import { PluginReactContext, PluginUIComponent } from './base';
 import { OrderedMap } from 'immutable';
-import { filter } from 'rxjs/operators';
 import { IconButton } from './controls/common';
 import { CancelSvg } from './controls/icons';
-var BackgroundTaskProgress = /** @class */ (function (_super) {
-    __extends(BackgroundTaskProgress, _super);
-    function BackgroundTaskProgress() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = { tracked: OrderedMap() };
-        return _this;
-    }
-    BackgroundTaskProgress.prototype.componentDidMount = function () {
-        var _this = this;
-        var _a;
-        var hideOverlay = !!((_a = this.plugin.spec.components) === null || _a === void 0 ? void 0 : _a.hideTaskOverlay);
-        this.subscribe(this.plugin.events.task.progress.pipe(filter(function (e) { return e.level === 'background' && (hideOverlay || !e.useOverlay); })), function (e) {
-            _this.setState({ tracked: _this.state.tracked.set(e.id, e) });
+import { useContext, useEffect, useState } from 'react';
+export function BackgroundTaskProgress() {
+    var plugin = useContext(PluginReactContext);
+    var _a = useState(OrderedMap()), tracked = _a[0], setTracked = _a[1];
+    useEffect(function () {
+        var started = plugin.events.task.progress.subscribe(function (e) {
+            var _a;
+            var hideOverlay = !!((_a = plugin.spec.components) === null || _a === void 0 ? void 0 : _a.hideTaskOverlay);
+            if (e.level === 'background' && (hideOverlay || !e.useOverlay)) {
+                setTracked(function (tracked) { return tracked.set(e.id, e); });
+            }
         });
-        this.subscribe(this.plugin.events.task.finished, function (_a) {
+        var finished = plugin.events.task.finished.subscribe(function (_a) {
             var id = _a.id;
-            _this.setState({ tracked: _this.state.tracked.delete(id) });
+            setTracked(function (tracked) { return tracked.delete(id); });
         });
-    };
-    BackgroundTaskProgress.prototype.render = function () {
-        return _jsx("div", __assign({ className: 'msp-background-tasks' }, { children: this.state.tracked.valueSeq().map(function (e) { return _jsx(ProgressEntry, { event: e }, e.id); }) }));
-    };
-    return BackgroundTaskProgress;
-}(PluginUIComponent));
-export { BackgroundTaskProgress };
+        return function () {
+            started.unsubscribe();
+            finished.unsubscribe();
+        };
+    }, [plugin]);
+    return _jsx("div", __assign({ className: 'msp-background-tasks' }, { children: tracked.valueSeq().map(function (e) { return _jsx(ProgressEntry, { event: e }, e.id); }) }));
+}
 var ProgressEntry = /** @class */ (function (_super) {
     __extends(ProgressEntry, _super);
     function ProgressEntry() {
@@ -67,28 +64,25 @@ function countSubtasks(progress) {
     }
     return sum;
 }
-var OverlayTaskProgress = /** @class */ (function (_super) {
-    __extends(OverlayTaskProgress, _super);
-    function OverlayTaskProgress() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = { tracked: OrderedMap() };
-        return _this;
-    }
-    OverlayTaskProgress.prototype.componentDidMount = function () {
-        var _this = this;
-        this.subscribe(this.plugin.events.task.progress.pipe(filter(function (e) { return !!e.useOverlay; })), function (e) {
-            _this.setState({ tracked: _this.state.tracked.set(e.id, e) });
+export function OverlayTaskProgress() {
+    var plugin = useContext(PluginReactContext);
+    var _a = useState(OrderedMap()), tracked = _a[0], setTracked = _a[1];
+    useEffect(function () {
+        var started = plugin.events.task.progress.subscribe(function (e) {
+            if (!!e.useOverlay) {
+                setTracked(function (tracked) { return tracked.set(e.id, e); });
+            }
         });
-        this.subscribe(this.plugin.events.task.finished, function (_a) {
+        var finished = plugin.events.task.finished.subscribe(function (_a) {
             var id = _a.id;
-            _this.setState({ tracked: _this.state.tracked.delete(id) });
+            setTracked(function (tracked) { return tracked.delete(id); });
         });
-    };
-    OverlayTaskProgress.prototype.render = function () {
-        if (this.state.tracked.size === 0)
-            return null;
-        return _jsx("div", __assign({ className: 'msp-overlay-tasks' }, { children: this.state.tracked.valueSeq().map(function (e) { return _jsx(ProgressEntry, { event: e }, e.id); }) }));
-    };
-    return OverlayTaskProgress;
-}(PluginUIComponent));
-export { OverlayTaskProgress };
+        return function () {
+            started.unsubscribe();
+            finished.unsubscribe();
+        };
+    }, [plugin]);
+    if (tracked.size === 0)
+        return null;
+    return _jsx("div", __assign({ className: 'msp-overlay-tasks' }, { children: tracked.valueSeq().map(function (e) { return _jsx(ProgressEntry, { event: e }, e.id); }) }));
+}

package/lib/mol-plugin-ui/viewport/help.d.ts

@@ -14,10 +14,13 @@ export declare class BindingsHelp extends React.PureComponent<{
     getBindingComponents(): JSX.Element;
     render(): JSX.Element;
 }
-export declare class HelpText extends React.PureComponent {
+export declare class HelpText extends React.PureComponent<{
+    children?: any;
+}> {
     render(): JSX.Element;
 }
 export declare class HelpGroup extends React.PureComponent<{
+    children?: any;
     header: string;
     initiallyExpanded?: boolean;
 }, {

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

@@ -58,6 +58,7 @@ export declare const AngleParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;

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

@@ -58,6 +58,7 @@ export declare const DihedralParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;

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

@@ -19,6 +19,7 @@ export declare const OrientationParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -18,6 +18,7 @@ export declare const PlaneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

package/lib/mol-repr/shape/model/unitcell.d.ts

@@ -21,6 +21,7 @@ export declare const UnitcellParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

package/lib/mol-repr/structure/complex-visual.d.ts

@@ -47,6 +47,7 @@ export declare const ComplexMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -79,6 +80,7 @@ export declare const ComplexCylindersParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -212,6 +214,7 @@ export declare const ComplexTextureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -18,6 +18,7 @@ export declare const StructureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -44,6 +45,7 @@ export declare const StructureSpheresParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -71,6 +73,7 @@ export declare const StructureCylindersParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -207,6 +210,7 @@ export declare const StructureTextureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -22,6 +22,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -61,6 +62,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -110,6 +112,7 @@ export declare namespace StructureRepresentationRegistry {
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -155,6 +158,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -205,6 +209,7 @@ export declare namespace StructureRepresentationRegistry {
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -266,6 +271,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
         }, "gaussian-surface">;
         'gaussian-volume': import("./representation").StructureRepresentationProvider<{
@@ -421,6 +427,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
         }, "molecular-surface">;
         orientation: import("./representation").StructureRepresentationProvider<{
@@ -435,6 +442,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -492,6 +500,7 @@ export declare namespace StructureRepresentationRegistry {
             flatShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -525,6 +534,7 @@ export declare namespace StructureRepresentationRegistry {
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             quality: import("../../mol-util/param-definition").ParamDefinition.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -21,6 +21,7 @@ export declare const BackboneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -56,6 +57,7 @@ export declare function getBackboneParams(ctx: ThemeRegistryContext, structure:
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -92,6 +94,7 @@ export declare const BackboneRepresentationProvider: StructureRepresentationProv
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -36,6 +36,7 @@ export declare const BallAndStickParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -88,6 +89,7 @@ export declare function getBallAndStickParams(ctx: ThemeRegistryContext, structu
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -141,6 +143,7 @@ export declare const BallAndStickRepresentationProvider: StructureRepresentation
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -30,6 +30,7 @@ export declare const CarbohydrateParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -75,6 +76,7 @@ export declare function getCarbohydrateParams(ctx: ThemeRegistryContext, structu
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -121,6 +123,7 @@ export declare const CarbohydrateRepresentationProvider: StructureRepresentation
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -19,6 +19,7 @@ export declare const CartoonParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -57,6 +58,7 @@ export declare function getCartoonParams(ctx: ThemeRegistryContext, structure: S
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -96,6 +98,7 @@ export declare const CartoonRepresentationProvider: StructureRepresentationProvi
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -36,6 +36,7 @@ export declare const EllipsoidParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -87,6 +88,7 @@ export declare function getEllipsoidParams(ctx: ThemeRegistryContext, structure:
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -139,6 +141,7 @@ export declare const EllipsoidRepresentationProvider: StructureRepresentationPro
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;