molstar 3.44.0 → 3.45.0

package/lib/commonjs/mol-plugin-state/transforms/representation.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -156,7 +156,7 @@ declare const ModelUnitcell3D: StateTransformer<SO.Molecule.Model, SO.Shape.Repr
     flatShaded: boolean;
     ignoreLight: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     alpha: number;
@@ -180,7 +180,7 @@ declare const StructureBoundingBox3D: StateTransformer<SO.Molecule.Structure, SO
     flatShaded: boolean;
     ignoreLight: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     alpha: number;
@@ -288,7 +288,7 @@ declare const StructureSelectionsAngle3D: StateTransformer<SO.Molecule.Structure
     flipSided: boolean;
     flatShaded: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     lineSizeAttenuation: boolean;
@@ -341,7 +341,7 @@ declare const StructureSelectionsDihedral3D: StateTransformer<SO.Molecule.Struct
     flipSided: boolean;
     flatShaded: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     lineSizeAttenuation: boolean;
@@ -353,6 +353,8 @@ type StructureSelectionsLabel3D = typeof StructureSelectionsLabel3D;
 declare const StructureSelectionsLabel3D: StateTransformer<SO.Molecule.Structure.Selections, SO.Shape.Representation3D, PD.Normalize<{
     scaleByRadius: boolean;
     visuals: "text"[];
+    snapshotKey: string;
+    tooltip: string;
     borderWidth: number;
     customText: string;
     textColor: Color;
@@ -400,7 +402,7 @@ declare const StructureSelectionsOrientation3D: StateTransformer<SO.Molecule.Str
     flatShaded: boolean;
     ignoreLight: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     alpha: number;
@@ -427,7 +429,7 @@ declare const StructureSelectionsPlane3D: StateTransformer<SO.Molecule.Structure
     flatShaded: boolean;
     ignoreLight: boolean;
     xrayShaded: boolean | "inverted";
-    transparentBackfaces: string;
+    transparentBackfaces: "on" | "off" | "opaque";
     bumpFrequency: number;
     bumpAmplitude: number;
     alpha: number;

package/lib/commonjs/mol-plugin-state/transforms/representation.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -41,6 +41,7 @@ var plane_1 = require("../../mol-repr/shape/loci/plane");
 var substance_1 = require("../../mol-theme/substance");
 var material_1 = require("../../mol-util/material");
 var interpolate_1 = require("../../mol-math/interpolate");
+var marker_action_1 = require("../../mol-util/marker-action");
 var StructureRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
     name: 'structure-representation-3d',
     display: '3D Representation',
@@ -1245,16 +1246,18 @@ var StructureSelectionsLabel3D = objects_1.PluginStateTransform.BuiltIn({
         var _this = this;
         var a = _a.a, params = _a.params;
         return mol_task_1.Task.create('Structure Label', function (ctx) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return tslib_1.__generator(this, function (_b) {
-                switch (_b.label) {
+            var data, repr, pickable;
+            var _a, _b, _c;
+            return tslib_1.__generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         data = (0, helpers_2.getLabelDataFromStructureSelections)(a.data);
                         repr = (0, label_1.LabelRepresentation)(tslib_1.__assign({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return label_1.LabelParams; });
                         return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
                     case 1:
-                        _b.sent();
+                        _d.sent();
+                        pickable = !!(((_b = params.snapshotKey) === null || _b === void 0 ? void 0 : _b.trim()) || ((_c = params.tooltip) === null || _c === void 0 ? void 0 : _c.trim()));
+                        repr.setState({ pickable: pickable, markerActions: pickable ? marker_action_1.MarkerActions.Highlighting : marker_action_1.MarkerAction.None });
                         return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Label" })];
                 }
             });
@@ -1264,16 +1267,19 @@ var StructureSelectionsLabel3D = objects_1.PluginStateTransform.BuiltIn({
         var _this = this;
         var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
         return mol_task_1.Task.create('Structure Label', function (ctx) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var props, data;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
+            var props, data, pickable;
+            var _a, _b;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         props = tslib_1.__assign(tslib_1.__assign({}, b.data.repr.props), newParams);
                         data = (0, helpers_2.getLabelDataFromStructureSelections)(a.data);
                         return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         b.data.sourceData = data;
+                        pickable = !!(((_a = newParams.snapshotKey) === null || _a === void 0 ? void 0 : _a.trim()) || ((_b = newParams.tooltip) === null || _b === void 0 ? void 0 : _b.trim()));
+                        b.data.repr.setState({ pickable: pickable, markerActions: pickable ? marker_action_1.MarkerActions.Highlighting : marker_action_1.MarkerAction.None });
                         return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
                 }
             });

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

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -123,8 +123,7 @@ export declare class NumberRangeControl extends SimpleParam<PD.Numeric> {
     renderControl(): import("react/jsx-runtime").JSX.Element;
 }
 export declare class TextControl extends SimpleParam<PD.Text> {
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    updateValue: (value: string) => void;
     renderControl(): import("react/jsx-runtime").JSX.Element;
 }
 export declare class PureSelectControl extends React.PureComponent<ParamProps<PD.Select<string | number>> & {

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

@@ -4,7 +4,7 @@ exports.ScriptControl = exports.ConvertedControl = exports.ConditionedControl =
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -227,6 +227,8 @@ function renderSimple(options) {
         _className.push('msp-control-label-short');
     if (props.param.twoColumns)
         _className.push('msp-control-col-2');
+    if (props.param.multiline)
+        _className.push('msp-control-twoline');
     var className = _className.join(' ');
     var label = props.param.label || (0, string_1.camelCaseToWords)(props.name);
     var help = props.param.help
@@ -370,28 +372,62 @@ var TextControl = /** @class */ (function (_super) {
     tslib_1.__extends(TextControl, _super);
     function TextControl() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onChange = function (e) {
-            var value = e.target.value;
+        _this.updateValue = function (value) {
             if (value !== _this.props.value) {
                 _this.update(value);
             }
         };
-        _this.onKeyPress = function (e) {
-            if ((e.keyCode === 13 || e.charCode === 13 || e.key === 'Enter')) {
-                if (_this.props.onEnter)
-                    _this.props.onEnter();
-            }
-            e.stopPropagation();
-        };
         return _this;
     }
     TextControl.prototype.renderControl = function () {
-        var placeholder = this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
-        return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: this.props.value || '', placeholder: placeholder, onChange: this.onChange, onKeyPress: this.props.onEnter ? this.onKeyPress : void 0, disabled: this.props.isDisabled });
+        var placeholder = this.props.param.placeholder || this.props.param.label || (0, string_1.camelCaseToWords)(this.props.name);
+        return (0, jsx_runtime_1.jsx)(TextCtrl, { props: this.props, placeholder: placeholder, update: this.updateValue });
     };
     return TextControl;
 }(SimpleParam));
 exports.TextControl = TextControl;
+function TextCtrl(_a) {
+    var props = _a.props, placeholder = _a.placeholder, update = _a.update;
+    var _b = React.useState(props.value), value = _b[0], setValue = _b[1];
+    React.useEffect(function () { return setValue(props.value); }, [props.value]);
+    if (props.param.multiline) {
+        return (0, jsx_runtime_1.jsx)("div", { className: 'msp-control-text-area-wrapper', children: (0, jsx_runtime_1.jsx)("textarea", { value: props.param.disableInteractiveUpdates ? (value || '') : props.value, placeholder: placeholder, onChange: function (e) {
+                    if (props.param.disableInteractiveUpdates)
+                        setValue(e.target.value);
+                    else
+                        update(e.target.value);
+                }, onBlur: function (e) {
+                    if (props.param.disableInteractiveUpdates)
+                        update(e.target.value);
+                }, onKeyDown: function (e) {
+                    if (e.key === 'Enter' && (e.shiftKey || e.ctrlKey || e.metaKey)) {
+                        e.currentTarget.blur();
+                    }
+                }, disabled: props.isDisabled }) });
+    }
+    return (0, jsx_runtime_1.jsx)("input", { type: 'text', value: props.param.disableInteractiveUpdates ? (value || '') : props.value, placeholder: placeholder, onChange: function (e) {
+            if (props.param.disableInteractiveUpdates)
+                setValue(e.target.value);
+            else
+                update(e.target.value);
+        }, onBlur: function (e) {
+            if (props.param.disableInteractiveUpdates)
+                update(e.target.value);
+        }, disabled: props.isDisabled, onKeyDown: function (e) {
+            if (e.key !== 'Enter')
+                return;
+            if (props.onEnter) {
+                e.stopPropagation();
+                props.onEnter();
+            }
+            else if (e.key === 'Enter' && (e.shiftKey || e.ctrlKey || e.metaKey)) {
+                e.currentTarget.blur();
+            }
+            else if (props.param.disableInteractiveUpdates) {
+                update(value);
+            }
+        } });
+}
 var PureSelectControl = /** @class */ (function (_super) {
     tslib_1.__extends(PureSelectControl, _super);
     function PureSelectControl() {

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

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -68,7 +68,7 @@ export declare class LociLabels extends PluginUIComponent<{}, {
     labels: ReadonlyArray<LociLabel>;
 }> {
     state: {
-        labels: never[];
+        labels: string[];
     };
     componentDidMount(): void;
     render(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -4,7 +4,7 @@ exports.DefaultStructureTools = exports.CustomStructureControls = exports.LociLa
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Copyright (c) 2018-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
@@ -296,7 +296,12 @@ var LociLabels = /** @class */ (function (_super) {
         if (this.state.labels.length === 0) {
             return null;
         }
-        return (0, jsx_runtime_1.jsx)("div", { className: 'msp-highlight-info', children: this.state.labels.map(function (e, i) { return (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: e } }, '' + i); }) });
+        return (0, jsx_runtime_1.jsx)("div", { className: 'msp-highlight-info', children: this.state.labels.map(function (e, i) {
+                if (e.indexOf('\n') > 0) {
+                    return (0, jsx_runtime_1.jsx)("div", { className: 'msp-highlight-markdown-row', children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { skipHtml: true, children: e }) }, '' + i);
+                }
+                return (0, jsx_runtime_1.jsx)("div", { className: 'msp-highlight-simple-row', dangerouslySetInnerHTML: { __html: e } }, '' + i);
+            }) });
     };
     return LociLabels;
 }(base_1.PluginUIComponent));

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

@@ -59,7 +59,7 @@ export declare const AngleParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;

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

@@ -59,7 +59,7 @@ export declare const DihedralParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;

package/lib/commonjs/mol-repr/shape/loci/label.d.ts

@@ -1,7 +1,8 @@
 /**
- * Copyright (c) 2019 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-24 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author David Sehnal <david.sehnal@gmail.com>
  */
 import { Loci } from '../../../mol-model/loci';
 import { ParamDefinition as PD } from '../../../mol-util/param-definition';
@@ -15,6 +16,8 @@ export interface LabelData {
 export declare const LabelParams: {
     scaleByRadius: PD.BooleanParam;
     visuals: PD.MultiSelect<"text">;
+    snapshotKey: PD.Text<string>;
+    tooltip: PD.Text<string>;
     borderWidth: PD.Numeric;
     customText: PD.Text<string>;
     textColor: PD.Color;

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

@@ -1,8 +1,9 @@
 "use strict";
 /**
- * Copyright (c) 2019 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-24 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author David Sehnal <david.sehnal@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LabelRepresentation = exports.LabelParams = void 0;
@@ -19,9 +20,9 @@ var label_1 = require("../../../mol-theme/label");
 var common_1 = require("./common");
 var TextParams = tslib_1.__assign({}, common_1.LociLabelTextParams);
 var LabelVisuals = {
-    'text': function (ctx, getParams) { return (0, representation_1.ShapeRepresentation)(getTextShape, text_1.Text.Utils, { modifyState: function (s) { return (tslib_1.__assign(tslib_1.__assign({}, s), { pickable: false })); } }); },
+    'text': function (ctx, getParams) { return (0, representation_1.ShapeRepresentation)(getTextShape, text_1.Text.Utils); },
 };
-exports.LabelParams = tslib_1.__assign(tslib_1.__assign({}, TextParams), { scaleByRadius: param_definition_1.ParamDefinition.Boolean(true), visuals: param_definition_1.ParamDefinition.MultiSelect(['text'], param_definition_1.ParamDefinition.objectToOptions(LabelVisuals)) });
+exports.LabelParams = tslib_1.__assign(tslib_1.__assign({}, TextParams), { scaleByRadius: param_definition_1.ParamDefinition.Boolean(true), visuals: param_definition_1.ParamDefinition.MultiSelect(['text'], param_definition_1.ParamDefinition.objectToOptions(LabelVisuals)), snapshotKey: param_definition_1.ParamDefinition.Text('', { isEssential: true, disableInteractiveUpdates: true, description: 'Activate the snapshot with the provided key when clicking on the label' }), tooltip: param_definition_1.ParamDefinition.Text('', { isEssential: true, multiline: true, disableInteractiveUpdates: true, placeholder: 'Tooltip', description: 'Tooltip text to be displayed when hovering over the label' }) });
 //
 var tmpSphere = (0, geometry_1.Sphere3D)();
 function label(info, condensed) {
@@ -47,15 +48,21 @@ function buildText(data, props, text) {
     return builder.getText();
 }
 function getTextShape(ctx, data, props, shape) {
+    var _a, _b;
     var text = buildText(data, props, shape && shape.geometry);
     var name = getLabelName(data);
+    var tooltip = (_b = (_a = props.tooltip) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
     var customLabel = props.customText.trim();
-    var getLabel = customLabel
-        ? function (groupId) {
-            return customLabel;
-        } : function (groupId) {
-        return label(data.infos[groupId]);
-    };
+    var getLabel;
+    if (tooltip) {
+        getLabel = function (_) { return tooltip; };
+    }
+    else if (customLabel) {
+        getLabel = function (_) { return customLabel; };
+    }
+    else {
+        getLabel = function (groupId) { return label(data.infos[groupId]); };
+    }
     return shape_1.Shape.create(name, data, text, function () { return props.textColor; }, function () { return props.textSize; }, getLabel);
 }
 function LabelRepresentation(ctx, getParams) {

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

@@ -19,7 +19,7 @@ export declare const OrientationParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -18,7 +18,7 @@ export declare const PlaneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -21,7 +21,7 @@ export declare const UnitcellParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -2,6 +2,7 @@
  * Copyright (c) 2018-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author Gianluca Tomasello <giagitom@gmail.com>
  */
 import { ParamDefinition as PD } from '../../mol-util/param-definition';
 import { Visual, VisualContext } from '../visual';
@@ -28,7 +29,7 @@ export interface ComplexVisual<P extends StructureParams> extends Visual<Structu
 interface ComplexVisualBuilder<P extends StructureParams, G extends Geometry> {
     defaultProps: PD.Values<P>;
     createGeometry(ctx: VisualContext, structure: Structure, theme: Theme, props: PD.Values<P>, geometry?: G): Promise<G> | G;
-    createLocationIterator(structure: Structure): LocationIterator;
+    createLocationIterator(structure: Structure, props: PD.Values<P>): LocationIterator;
     getLoci(pickingId: PickingId, structure: Structure, id: number): Loci;
     eachLocation(loci: Loci, structure: Structure, apply: (interval: Interval) => boolean, isMarking: boolean): boolean;
     setUpdateState(state: VisualUpdateState, newProps: PD.Values<P>, currentProps: PD.Values<P>, newTheme: Theme, currentTheme: Theme, newStructure: Structure, currentStructure: Structure): void;
@@ -48,7 +49,7 @@ export declare const ComplexMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -81,7 +82,7 @@ export declare const ComplexSpheresParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     clipPrimitive: PD.BooleanParam;
     approximate: PD.BooleanParam;
@@ -119,10 +120,11 @@ export declare const ComplexCylindersParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
     material: PD.Group<PD.Normalize<{
@@ -258,7 +260,7 @@ export declare const ComplexTextureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -3,6 +3,7 @@
  * Copyright (c) 2018-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author Gianluca Tomasello <giagitom@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComplexTextureMeshVisual = exports.ComplexTextureMeshParams = exports.ComplexDirectVolumeVisual = exports.ComplexDirectVolumeParams = exports.ComplexTextVisual = exports.ComplexTextParams = exports.ComplexLinesVisual = exports.ComplexLinesParams = exports.ComplexCylindersVisual = exports.ComplexCylindersParams = exports.ComplexSpheresVisual = exports.ComplexSpheresParams = exports.ComplexMeshVisual = exports.ComplexMeshParams = exports.ComplexVisual = void 0;
@@ -99,7 +100,7 @@ function ComplexVisual(builder, materialId) {
     }
     function update(newGeometry) {
         if (updateState.createNew) {
-            locationIt = createLocationIterator(newStructure);
+            locationIt = createLocationIterator(newStructure, newProps);
             if (newGeometry) {
                 renderObject = createComplexRenderObject(newStructure, newGeometry, locationIt, newTheme, newProps, materialId);
                 positionIt = createPositionIterator(newGeometry, renderObject.values);
@@ -114,7 +115,7 @@ function ComplexVisual(builder, materialId) {
             }
             if (updateState.updateTransform) {
                 // console.log('update transform')
-                locationIt = createLocationIterator(newStructure);
+                locationIt = createLocationIterator(newStructure, newProps);
                 var instanceCount = locationIt.instanceCount, groupCount = locationIt.groupCount;
                 if (newProps.instanceGranularity) {
                     (0, marker_data_1.createMarkers)(instanceCount, 'instance', renderObject.values);

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

@@ -18,7 +18,7 @@ export declare const StructureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -46,7 +46,7 @@ export declare const StructureSpheresParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     clipPrimitive: PD.BooleanParam;
     approximate: PD.BooleanParam;
@@ -79,10 +79,11 @@ export declare const StructureCylindersParams: {
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
     material: PD.Group<PD.Normalize<{
@@ -222,7 +223,7 @@ export declare const StructureTextureMeshParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;