molstar 3.44.0 → 3.45.0

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

@@ -15,6 +15,7 @@ export declare namespace StructureRepresentationRegistry {
             sizeFactor: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             visuals: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-atomic-ring-fill" | "nucleotide-atomic-bond" | "nucleotide-atomic-element" | "nucleotide-block" | "direction-wedge">;
             bumpFrequency: import("../../mol-util/param-definition").ParamDefinition.Numeric;
+            colorMode: import("../../mol-util/param-definition").ParamDefinition.Select<"default" | "interpolate">;
             unitKinds: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"spheres" | "gaussians" | "atomic">;
             includeParent: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
@@ -22,7 +23,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             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,6 +63,7 @@ export declare namespace StructureRepresentationRegistry {
             sizeAspectRatio: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             visuals: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"polymer-gap" | "polymer-backbone-cylinder" | "polymer-backbone-sphere">;
             bumpFrequency: import("../../mol-util/param-definition").ParamDefinition.Numeric;
+            colorMode: import("../../mol-util/param-definition").ParamDefinition.Select<"default" | "interpolate">;
             sizeFactor: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             radialSegments: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             unitKinds: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"spheres" | "gaussians" | "atomic">;
@@ -71,7 +73,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             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">;
@@ -124,10 +126,11 @@ export declare namespace StructureRepresentationRegistry {
             dashCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             stubCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             radialSegments: import("../../mol-util/param-definition").ParamDefinition.Numeric;
+            colorMode: import("../../mol-util/param-definition").ParamDefinition.Select<"default" | "interpolate">;
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             solidInterior: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
@@ -172,6 +175,7 @@ export declare namespace StructureRepresentationRegistry {
             dashCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             stubCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             radialSegments: import("../../mol-util/param-definition").ParamDefinition.Numeric;
+            colorMode: import("../../mol-util/param-definition").ParamDefinition.Select<"default" | "interpolate">;
             unitKinds: import("../../mol-util/param-definition").ParamDefinition.MultiSelect<"spheres" | "gaussians" | "atomic">;
             includeParent: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
@@ -179,7 +183,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             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">;
@@ -229,10 +233,11 @@ export declare namespace StructureRepresentationRegistry {
             dashCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             stubCap: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             radialSegments: import("../../mol-util/param-definition").ParamDefinition.Numeric;
+            colorMode: import("../../mol-util/param-definition").ParamDefinition.Select<"default" | "interpolate">;
             doubleSided: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             ignoreLight: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             xrayShaded: import("../../mol-util/param-definition").ParamDefinition.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             solidInterior: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
             alpha: import("../../mol-util/param-definition").ParamDefinition.Numeric;
@@ -298,7 +303,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
         }, "gaussian-surface">;
         'gaussian-volume': import("./representation").StructureRepresentationProvider<{
@@ -464,7 +469,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             bumpAmplitude: import("../../mol-util/param-definition").ParamDefinition.Numeric;
         }, "molecular-surface">;
         orientation: import("./representation").StructureRepresentationProvider<{
@@ -479,7 +484,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             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">;
@@ -541,7 +546,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             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">;
@@ -579,7 +584,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.Select<boolean | "inverted">;
-            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<string>;
+            transparentBackfaces: import("../../mol-util/param-definition").ParamDefinition.Select<"on" | "off" | "opaque">;
             solidInterior: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             clipPrimitive: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;
             approximate: import("../../mol-util/param-definition").ParamDefinition.BooleanParam;

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

@@ -12,6 +12,7 @@ export declare const BackboneParams: {
     sizeAspectRatio: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-gap" | "polymer-backbone-cylinder" | "polymer-backbone-sphere">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     sizeFactor: PD.Numeric;
     radialSegments: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
@@ -21,7 +22,7 @@ export declare const BackboneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -53,6 +54,7 @@ export declare function getBackboneParams(ctx: ThemeRegistryContext, structure:
     sizeAspectRatio: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-gap" | "polymer-backbone-cylinder" | "polymer-backbone-sphere">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     sizeFactor: PD.Numeric;
     radialSegments: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
@@ -62,7 +64,7 @@ export declare function getBackboneParams(ctx: ThemeRegistryContext, structure:
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -95,6 +97,7 @@ export declare const BackboneRepresentationProvider: StructureRepresentationProv
     sizeAspectRatio: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-gap" | "polymer-backbone-cylinder" | "polymer-backbone-sphere">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     sizeFactor: PD.Numeric;
     radialSegments: PD.Numeric;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
@@ -104,7 +107,7 @@ export declare const BackboneRepresentationProvider: StructureRepresentationProv
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -20,7 +20,7 @@ var BackboneVisuals = {
     'polymer-backbone-sphere': function (ctx, getParams) { return (0, units_representation_1.UnitsRepresentation)('Polymer backbone sphere', ctx, getParams, polymer_backbone_sphere_1.PolymerBackboneSphereVisual); },
     'polymer-gap': function (ctx, getParams) { return (0, units_representation_1.UnitsRepresentation)('Polymer gap cylinder', ctx, getParams, polymer_gap_cylinder_1.PolymerGapVisual); },
 };
-exports.BackboneParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, polymer_backbone_sphere_1.PolymerBackboneSphereParams), polymer_backbone_cylinder_1.PolymerBackboneCylinderParams), polymer_gap_cylinder_1.PolymerGapParams), { sizeAspectRatio: param_definition_1.ParamDefinition.Numeric(1, { min: 0.1, max: 3, step: 0.1 }), visuals: param_definition_1.ParamDefinition.MultiSelect(['polymer-backbone-cylinder', 'polymer-backbone-sphere', 'polymer-gap'], param_definition_1.ParamDefinition.objectToOptions(BackboneVisuals)), bumpFrequency: param_definition_1.ParamDefinition.Numeric(0, { min: 0, max: 10, step: 0.1 }, base_1.BaseGeometry.ShadingCategory) });
+exports.BackboneParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, polymer_backbone_sphere_1.PolymerBackboneSphereParams), polymer_backbone_cylinder_1.PolymerBackboneCylinderParams), polymer_gap_cylinder_1.PolymerGapParams), { sizeAspectRatio: param_definition_1.ParamDefinition.Numeric(1, { min: 0.1, max: 3, step: 0.1 }), visuals: param_definition_1.ParamDefinition.MultiSelect(['polymer-backbone-cylinder', 'polymer-backbone-sphere', 'polymer-gap'], param_definition_1.ParamDefinition.objectToOptions(BackboneVisuals)), bumpFrequency: param_definition_1.ParamDefinition.Numeric(0, { min: 0, max: 10, step: 0.1 }, base_1.BaseGeometry.ShadingCategory), colorMode: param_definition_1.ParamDefinition.Select('default', param_definition_1.ParamDefinition.arrayToOptions(['default', 'interpolate']), tslib_1.__assign(tslib_1.__assign({}, base_1.BaseGeometry.ShadingCategory), { isHidden: true })) });
 function getBackboneParams(ctx, structure) {
     var params = param_definition_1.ParamDefinition.clone(exports.BackboneParams);
     var hasGaps = false;

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

@@ -34,10 +34,11 @@ export declare const BallAndStickParams: {
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -94,10 +95,11 @@ export declare function getBallAndStickParams(ctx: ThemeRegistryContext, structu
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -155,10 +157,11 @@ export declare const BallAndStickRepresentationProvider: StructureRepresentation
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

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

@@ -23,6 +23,7 @@ export declare const CarbohydrateParams: {
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -30,7 +31,7 @@ export declare const CarbohydrateParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -70,6 +71,7 @@ export declare function getCarbohydrateParams(ctx: ThemeRegistryContext, structu
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -77,7 +79,7 @@ export declare function getCarbohydrateParams(ctx: ThemeRegistryContext, structu
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -118,6 +120,7 @@ export declare const CarbohydrateRepresentationProvider: StructureRepresentation
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -125,7 +128,7 @@ export declare const CarbohydrateRepresentationProvider: StructureRepresentation
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

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

@@ -13,6 +13,7 @@ export declare const CartoonParams: {
     sizeFactor: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-atomic-ring-fill" | "nucleotide-atomic-bond" | "nucleotide-atomic-element" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -20,7 +21,7 @@ export declare const CartoonParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -61,6 +62,7 @@ export declare function getCartoonParams(ctx: ThemeRegistryContext, structure: S
     sizeFactor: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-atomic-ring-fill" | "nucleotide-atomic-bond" | "nucleotide-atomic-element" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -68,7 +70,7 @@ export declare function getCartoonParams(ctx: ThemeRegistryContext, structure: S
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -110,6 +112,7 @@ export declare const CartoonRepresentationProvider: StructureRepresentationProvi
     sizeFactor: PD.Numeric;
     visuals: PD.MultiSelect<"polymer-trace" | "polymer-gap" | "nucleotide-ring" | "nucleotide-atomic-ring-fill" | "nucleotide-atomic-bond" | "nucleotide-atomic-element" | "nucleotide-block" | "direction-wedge">;
     bumpFrequency: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     doubleSided: PD.BooleanParam;
@@ -117,7 +120,7 @@ export declare const CartoonRepresentationProvider: StructureRepresentationProvi
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

package/lib/commonjs/mol-repr/structure/representation/cartoon.js

@@ -34,7 +34,7 @@ var CartoonVisuals = {
     'nucleotide-atomic-element': function (ctx, getParams) { return (0, units_representation_1.UnitsRepresentation)('Nucleotide atomic element', ctx, getParams, nucleotide_atomic_element_1.NucleotideAtomicElementVisual); },
     'direction-wedge': function (ctx, getParams) { return (0, units_representation_1.UnitsRepresentation)('Polymer direction wedge', ctx, getParams, polymer_direction_wedge_1.PolymerDirectionVisual); },
 };
-exports.CartoonParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, polymer_trace_mesh_1.PolymerTraceParams), polymer_gap_cylinder_1.PolymerGapParams), nucleotide_block_mesh_1.NucleotideBlockParams), nucleotide_ring_mesh_1.NucleotideRingParams), nucleotide_atomic_bond_1.NucleotideAtomicBondParams), nucleotide_atomic_element_1.NucleotideAtomicElementParams), nucleotide_atomic_ring_fill_1.NucleotideAtomicRingFillParams), polymer_direction_wedge_1.PolymerDirectionParams), { sizeFactor: param_definition_1.ParamDefinition.Numeric(0.2, { min: 0, max: 10, step: 0.01 }), visuals: param_definition_1.ParamDefinition.MultiSelect(['polymer-trace', 'polymer-gap', 'nucleotide-ring', 'nucleotide-atomic-ring-fill', 'nucleotide-atomic-bond', 'nucleotide-atomic-element'], param_definition_1.ParamDefinition.objectToOptions(CartoonVisuals)), bumpFrequency: param_definition_1.ParamDefinition.Numeric(2, { min: 0, max: 10, step: 0.1 }, base_1.BaseGeometry.ShadingCategory) });
+exports.CartoonParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, polymer_trace_mesh_1.PolymerTraceParams), polymer_gap_cylinder_1.PolymerGapParams), nucleotide_block_mesh_1.NucleotideBlockParams), nucleotide_ring_mesh_1.NucleotideRingParams), nucleotide_atomic_bond_1.NucleotideAtomicBondParams), nucleotide_atomic_element_1.NucleotideAtomicElementParams), nucleotide_atomic_ring_fill_1.NucleotideAtomicRingFillParams), polymer_direction_wedge_1.PolymerDirectionParams), { sizeFactor: param_definition_1.ParamDefinition.Numeric(0.2, { min: 0, max: 10, step: 0.01 }), visuals: param_definition_1.ParamDefinition.MultiSelect(['polymer-trace', 'polymer-gap', 'nucleotide-ring', 'nucleotide-atomic-ring-fill', 'nucleotide-atomic-bond', 'nucleotide-atomic-element'], param_definition_1.ParamDefinition.objectToOptions(CartoonVisuals)), bumpFrequency: param_definition_1.ParamDefinition.Numeric(2, { min: 0, max: 10, step: 0.1 }, base_1.BaseGeometry.ShadingCategory), colorMode: param_definition_1.ParamDefinition.Select('default', param_definition_1.ParamDefinition.arrayToOptions(['default', 'interpolate']), tslib_1.__assign(tslib_1.__assign({}, base_1.BaseGeometry.ShadingCategory), { isHidden: true })) });
 function getCartoonParams(ctx, structure) {
     var params = param_definition_1.ParamDefinition.clone(exports.CartoonParams);
     var hasNucleotides = false;

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

@@ -34,10 +34,11 @@ export declare const EllipsoidParams: {
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -89,10 +90,11 @@ export declare function getEllipsoidParams(ctx: ThemeRegistryContext, structure:
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
@@ -145,10 +147,11 @@ export declare const EllipsoidRepresentationProvider: StructureRepresentationPro
     dashCap: PD.BooleanParam;
     stubCap: PD.BooleanParam;
     radialSegments: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;

package/lib/commonjs/mol-repr/structure/representation/gaussian-surface.d.ts

@@ -49,7 +49,7 @@ export declare const GaussianSurfaceParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 };
 export type GaussianSurfaceParams = typeof GaussianSurfaceParams;
@@ -94,7 +94,7 @@ export declare function getGaussianSurfaceParams(ctx: ThemeRegistryContext, stru
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 };
 export type GaussianSurfaceRepresentation = StructureRepresentation<GaussianSurfaceParams>;
@@ -140,6 +140,6 @@ export declare const GaussianSurfaceRepresentationProvider: StructureRepresentat
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 }, "gaussian-surface">;

package/lib/commonjs/mol-repr/structure/representation/molecular-surface.d.ts

@@ -48,7 +48,7 @@ export declare const MolecularSurfaceParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 };
 export type MolecularSurfaceParams = typeof MolecularSurfaceParams;
@@ -92,7 +92,7 @@ export declare function getMolecularSurfaceParams(ctx: ThemeRegistryContext, str
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 };
 export type MolecularSurfaceRepresentation = StructureRepresentation<MolecularSurfaceParams>;
@@ -137,6 +137,6 @@ export declare const MolecularSurfaceRepresentationProvider: StructureRepresenta
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
 }, "molecular-surface">;

package/lib/commonjs/mol-repr/structure/representation/orientation.d.ts

@@ -20,7 +20,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">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -54,7 +54,7 @@ export declare function getOrientationParams(ctx: ThemeRegistryContext, structur
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -89,7 +89,7 @@ export declare const OrientationRepresentationProvider: StructureRepresentationP
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

package/lib/commonjs/mol-repr/structure/representation/putty.d.ts

@@ -20,7 +20,7 @@ export declare const PuttyParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -56,7 +56,7 @@ export declare function getPuttyParams(ctx: ThemeRegistryContext, structure: Str
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
@@ -93,7 +93,7 @@ export declare const PuttyRepresentationProvider: StructureRepresentationProvide
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
-    transparentBackfaces: PD.Select<string>;
+    transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;

package/lib/commonjs/mol-repr/structure/representation/spacefill.d.ts

@@ -23,7 +23,7 @@ export declare const SpacefillParams: {
     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;
@@ -66,7 +66,7 @@ export declare function getSpacefillParams(ctx: ThemeRegistryContext, structure:
     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;
@@ -110,7 +110,7 @@ export declare const SpacefillRepresentationProvider: StructureRepresentationPro
     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;

package/lib/commonjs/mol-repr/structure/units-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 { Structure, Unit } from '../../mol-model/structure';
@@ -31,7 +32,7 @@ export interface UnitsVisual<P extends RepresentationProps = {}> extends Visual<
 interface UnitsVisualBuilder<P extends StructureParams, G extends Geometry> {
     defaultProps: PD.Values<P>;
     createGeometry(ctx: VisualContext, unit: Unit, structure: Structure, theme: Theme, props: PD.Values<P>, geometry?: G): Promise<G> | G;
-    createLocationIterator(structureGroup: StructureGroup): LocationIterator;
+    createLocationIterator(structureGroup: StructureGroup, props: PD.Values<P>): LocationIterator;
     getLoci(pickingId: PickingId, structureGroup: StructureGroup, id: number): Loci;
     eachLocation(loci: Loci, structureGroup: StructureGroup, apply: (interval: Interval) => boolean, isMarking: boolean): boolean;
     setUpdateState(state: VisualUpdateState, newProps: PD.Values<P>, currentProps: PD.Values<P>, newTheme: Theme, currentTheme: Theme, newStructureGroup: StructureGroup, currentStructureGroup: StructureGroup): void;
@@ -51,7 +52,7 @@ export declare const UnitsMeshParams: {
     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;
@@ -84,7 +85,7 @@ export declare const UnitsSpheresParams: {
     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;
@@ -122,10 +123,11 @@ export declare const UnitsCylindersParams: {
     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<{
@@ -290,7 +292,7 @@ export declare const UnitsTextureMeshParams: {
     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/units-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.UnitsTextureMeshVisual = exports.UnitsTextureMeshParams = exports.UnitsDirectVolumeVisual = exports.UnitsDirectVolumeParams = exports.UnitsTextVisual = exports.UnitsTextParams = exports.UnitsLinesVisual = exports.UnitsLinesParams = exports.UnitsPointsVisual = exports.UnitsPointsParams = exports.UnitsCylindersVisual = exports.UnitsCylindersParams = exports.UnitsSpheresVisual = exports.UnitsSpheresParams = exports.UnitsMeshVisual = exports.UnitsMeshParams = exports.UnitsVisual = void 0;
@@ -134,7 +135,7 @@ function UnitsVisual(builder, materialId) {
     }
     function update(newGeometry) {
         if (updateState.createNew) {
-            locationIt = createLocationIterator(newStructureGroup);
+            locationIt = createLocationIterator(newStructureGroup, newProps);
             if (newGeometry) {
                 renderObject = createUnitsRenderObject(newStructureGroup, newGeometry, locationIt, newTheme, newProps, materialId);
                 positionIt = createPositionIterator(newGeometry, renderObject.values);
@@ -149,7 +150,7 @@ function UnitsVisual(builder, materialId) {
             }
             if (updateState.updateTransform) {
                 // console.log('update transform');
-                locationIt = createLocationIterator(newStructureGroup);
+                locationIt = createLocationIterator(newStructureGroup, newProps);
                 var instanceCount = locationIt.instanceCount, groupCount = locationIt.groupCount;
                 if (newProps.instanceGranularity) {
                     (0, marker_data_1.createMarkers)(instanceCount, 'instance', renderObject.values);