molstar 3.6.0 → 3.8.0

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

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

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

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

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

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

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

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

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

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

package/lib/mol-plugin-ui/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/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,7 +58,7 @@ export declare const AngleParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +58,7 @@ export declare const DihedralParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +19,7 @@ export declare const OrientationParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +18,7 @@ export declare const PlaneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +21,7 @@ export declare const UnitcellParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +47,7 @@ export declare const ComplexMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -80,7 +80,7 @@ export declare const ComplexCylindersParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -214,7 +214,7 @@ export declare const ComplexTextureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

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

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

@@ -22,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -62,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -112,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -158,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -209,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -271,7 +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;
-            allowTransparentBackfaces: 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<{
@@ -427,7 +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;
-            allowTransparentBackfaces: 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<{
@@ -442,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -500,7 +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;
-            allowTransparentBackfaces: 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">;
@@ -534,7 +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;
-            allowTransparentBackfaces: 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,7 +21,7 @@ export declare const BackboneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +57,7 @@ export declare function getBackboneParams(ctx: ThemeRegistryContext, structure:
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -94,7 +94,7 @@ export declare const BackboneRepresentationProvider: StructureRepresentationProv
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: 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,7 +36,7 @@ export declare const BallAndStickParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -89,7 +89,7 @@ export declare function getBallAndStickParams(ctx: ThemeRegistryContext, structu
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -143,7 +143,7 @@ export declare const BallAndStickRepresentationProvider: StructureRepresentation
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
-    allowTransparentBackfaces: PD.BooleanParam;
+    transparentBackfaces: PD.Select<string>;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;