drugflow-molstar 0.3.77 → 0.4.1

package/build/drugflow-molstar-plugin-0.4.1.js.LICENSE.txt

@@ -0,0 +1,64 @@
+/**
+ * @license
+ * MIT License
+ * 
+ * Copyright (c) 2014-present, Lee Byron and other contributors.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/lib/alphafold-transparency.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearStructureTransparency = exports.setStructureTransparency = exports.applyAFTransparency = void 0;
-var tslib_1 = require("tslib");
-var structure_1 = require("Molstar/mol-model/structure");
-var transforms_1 = require("Molstar/mol-plugin-state/transforms");
-var mol_state_1 = require("Molstar/mol-state");
-var loci_1 = require("Molstar/mol-model/loci");
-var transparency_1 = require("Molstar/mol-theme/transparency");
-var builder_1 = require("Molstar/mol-script/language/builder");
-var prop_1 = require("Molstar/extensions/model-archive/quality-assessment/prop");
-var compiler_1 = require("Molstar/mol-script/runtime/query/compiler");
-var structure_2 = require("Molstar/mol-model/structure");
-var TransparencyManagerTag = 'transparency-controls';
+const structure_1 = require("Molstar/mol-model/structure");
+const transforms_1 = require("Molstar/mol-plugin-state/transforms");
+const mol_state_1 = require("Molstar/mol-state");
+const loci_1 = require("Molstar/mol-model/loci");
+const transparency_1 = require("Molstar/mol-theme/transparency");
+const builder_1 = require("Molstar/mol-script/language/builder");
+const prop_1 = require("Molstar/extensions/model-archive/quality-assessment/prop");
+const compiler_1 = require("Molstar/mol-script/runtime/query/compiler");
+const structure_2 = require("Molstar/mol-model/structure");
+const TransparencyManagerTag = 'transparency-controls';
 function getLociByPLDDT(score, contextData) {
-    var queryExp = builder_1.MolScriptBuilder.struct.modifier.union([
+    const queryExp = builder_1.MolScriptBuilder.struct.modifier.union([
         builder_1.MolScriptBuilder.struct.modifier.wholeResidues([
             builder_1.MolScriptBuilder.struct.modifier.union([
                 builder_1.MolScriptBuilder.struct.generator.atomGroups({
@@ -23,131 +22,65 @@ function getLociByPLDDT(score, contextData) {
             ])
         ])
     ]);
-    var query = (0, compiler_1.compile)(queryExp);
-    var sel = query(new structure_2.QueryContext(contextData));
+    const query = (0, compiler_1.compile)(queryExp);
+    const sel = query(new structure_2.QueryContext(contextData));
     return structure_2.StructureSelection.toLociWithSourceUnits(sel);
 }
-function applyAFTransparency(plugin, structure, transparency, pLDDT) {
-    if (pLDDT === void 0) { pLDDT = 70; }
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return tslib_1.__generator(this, function (_a) {
-            return [2 /*return*/, plugin.dataTransaction(function (ctx) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-                    var loci;
-                    var _a;
-                    return tslib_1.__generator(this, function (_b) {
-                        switch (_b.label) {
-                            case 0:
-                                loci = getLociByPLDDT(pLDDT, (_a = structure.cell.obj) === null || _a === void 0 ? void 0 : _a.data);
-                                return [4 /*yield*/, setStructureTransparency(plugin, structure.components, transparency, loci)];
-                            case 1:
-                                _b.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); }, { canUndo: 'Apply Transparency' })];
-        });
-    });
+async function applyAFTransparency(plugin, structure, transparency, pLDDT = 70) {
+    return plugin.dataTransaction(async (ctx) => {
+        const loci = getLociByPLDDT(pLDDT, structure.cell.obj?.data);
+        await setStructureTransparency(plugin, structure.components, transparency, loci);
+    }, { canUndo: 'Apply Transparency' });
 }
 exports.applyAFTransparency = applyAFTransparency;
-function setStructureTransparency(plugin, components, value, loci, types) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, eachRepr(plugin, components, function (update, repr, transparencyCell) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-                        var structure, layer, bundleLayers, filtered, filtered;
-                        return tslib_1.__generator(this, function (_a) {
-                            if (types && types.length > 0 && !types.includes(repr.params.values.type.name))
-                                return [2 /*return*/];
-                            structure = repr.obj.data.sourceData;
-                            if (loci_1.Loci.isEmpty(loci) || (0, loci_1.isEmptyLoci)(loci))
-                                return [2 /*return*/];
-                            layer = {
-                                bundle: structure_1.StructureElement.Bundle.fromLoci(loci),
-                                value: value,
-                            };
-                            if (transparencyCell) {
-                                bundleLayers = tslib_1.__spreadArray(tslib_1.__spreadArray([], transparencyCell.params.values.layers, true), [layer], false);
-                                filtered = getFilteredBundle(bundleLayers, structure);
-                                update.to(transparencyCell).update(transparency_1.Transparency.toBundle(filtered));
-                            }
-                            else {
-                                filtered = getFilteredBundle([layer], structure);
-                                update.to(repr.transform.ref)
-                                    .apply(transforms_1.StateTransforms.Representation.TransparencyStructureRepresentation3DFromBundle, transparency_1.Transparency.toBundle(filtered), { tags: TransparencyManagerTag });
-                            }
-                            return [2 /*return*/];
-                        });
-                    }); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
+async function setStructureTransparency(plugin, components, value, loci, types) {
+    await eachRepr(plugin, components, async (update, repr, transparencyCell) => {
+        if (types && types.length > 0 && !types.includes(repr.params.values.type.name))
+            return;
+        const structure = repr.obj.data.sourceData;
+        if (loci_1.Loci.isEmpty(loci) || (0, loci_1.isEmptyLoci)(loci))
+            return;
+        const layer = {
+            bundle: structure_1.StructureElement.Bundle.fromLoci(loci),
+            value,
+        };
+        if (transparencyCell) {
+            const bundleLayers = [...transparencyCell.params.values.layers, layer];
+            const filtered = getFilteredBundle(bundleLayers, structure);
+            update.to(transparencyCell).update(transparency_1.Transparency.toBundle(filtered));
+        }
+        else {
+            const filtered = getFilteredBundle([layer], structure);
+            update.to(repr.transform.ref)
+                .apply(transforms_1.StateTransforms.Representation.TransparencyStructureRepresentation3DFromBundle, transparency_1.Transparency.toBundle(filtered), { tags: TransparencyManagerTag });
+        }
     });
 }
 exports.setStructureTransparency = setStructureTransparency;
-function clearStructureTransparency(plugin, components, types) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, eachRepr(plugin, components, function (update, repr, transparencyCell) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-                        return tslib_1.__generator(this, function (_a) {
-                            if (types && types.length > 0 && !types.includes(repr.params.values.type.name))
-                                return [2 /*return*/];
-                            if (transparencyCell) {
-                                update.delete(transparencyCell.transform.ref);
-                            }
-                            return [2 /*return*/];
-                        });
-                    }); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
+async function clearStructureTransparency(plugin, components, types) {
+    await eachRepr(plugin, components, async (update, repr, transparencyCell) => {
+        if (types && types.length > 0 && !types.includes(repr.params.values.type.name))
+            return;
+        if (transparencyCell) {
+            update.delete(transparencyCell.transform.ref);
+        }
     });
 }
 exports.clearStructureTransparency = clearStructureTransparency;
-function eachRepr(plugin, components, callback) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var state, update, _i, components_1, c, _a, _b, r, transparency;
-        return tslib_1.__generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    state = plugin.state.data;
-                    update = state.build();
-                    _i = 0, components_1 = components;
-                    _c.label = 1;
-                case 1:
-                    if (!(_i < components_1.length)) return [3 /*break*/, 6];
-                    c = components_1[_i];
-                    _a = 0, _b = c.representations;
-                    _c.label = 2;
-                case 2:
-                    if (!(_a < _b.length)) return [3 /*break*/, 5];
-                    r = _b[_a];
-                    transparency = state.select(mol_state_1.StateSelection.Generators.ofTransformer(transforms_1.StateTransforms.Representation.TransparencyStructureRepresentation3DFromBundle, r.cell.transform.ref).withTag(TransparencyManagerTag));
-                    return [4 /*yield*/, callback(update, r.cell, transparency[0])];
-                case 3:
-                    _c.sent();
-                    _c.label = 4;
-                case 4:
-                    _a++;
-                    return [3 /*break*/, 2];
-                case 5:
-                    _i++;
-                    return [3 /*break*/, 1];
-                case 6: return [2 /*return*/, update.commit({ doNotUpdateCurrent: true })];
-            }
-        });
-    });
+async function eachRepr(plugin, components, callback) {
+    const state = plugin.state.data;
+    const update = state.build();
+    for (const c of components) {
+        for (const r of c.representations) {
+            const transparency = state.select(mol_state_1.StateSelection.Generators.ofTransformer(transforms_1.StateTransforms.Representation.TransparencyStructureRepresentation3DFromBundle, r.cell.transform.ref).withTag(TransparencyManagerTag));
+            await callback(update, r.cell, transparency[0]);
+        }
+    }
+    return update.commit({ doNotUpdateCurrent: true });
 }
 /** filter transparency layers for given structure */
 function getFilteredBundle(layers, structure) {
-    var transparency = transparency_1.Transparency.ofBundle(layers, structure.root);
-    var merged = transparency_1.Transparency.merge(transparency);
+    const transparency = transparency_1.Transparency.ofBundle(layers, structure.root);
+    const merged = transparency_1.Transparency.merge(transparency);
     return transparency_1.Transparency.filter(merged, structure);
 }

package/lib/contact.d.ts

@@ -24,7 +24,7 @@ export declare const ContactParams: {
     tether: PD.BooleanParam;
     tetherLength: PD.Numeric;
     tetherBaseWidth: PD.Numeric;
-    attachment: PD.Select<"bottom-left" | "bottom-center" | "bottom-right" | "middle-left" | "middle-center" | "middle-right" | "top-left" | "top-center" | "top-right">;
+    attachment: PD.Select<"middle-center" | "bottom-left" | "bottom-center" | "bottom-right" | "middle-left" | "middle-right" | "top-left" | "top-center" | "top-right">;
     fontFamily: PD.Select<import("molstar/lib/mol-geo/geometry/text/font-atlas").FontFamily>;
     fontQuality: PD.Select<number>;
     fontStyle: PD.Select<import("molstar/lib/mol-geo/geometry/text/font-atlas").FontStyle>;
@@ -45,9 +45,15 @@ export declare const ContactParams: {
             position: any;
             rotation: any;
             scale: any;
+            transform: any;
         }>[];
     }>>;
+    emissive: PD.Numeric;
+    density: PD.Numeric;
     instanceGranularity: PD.BooleanParam;
+    lod: PD.Vec3;
+    cellSize: PD.Numeric;
+    batchSize: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;
     linesSize: PD.Numeric;
     dashLength: PD.Numeric;
@@ -56,15 +62,18 @@ export declare const ContactParams: {
     sizeAspectRatio: PD.Numeric;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
-    xrayShaded: PD.BooleanParam;
-    transparentBackfaces: PD.Select<string>;
+    celShaded: PD.BooleanParam;
+    xrayShaded: PD.Select<boolean | "inverted">;
+    transparentBackfaces: PD.Select<"off" | "on" | "opaque">;
+    solidInterior: PD.BooleanParam;
     bumpFrequency: PD.Numeric;
     bumpAmplitude: PD.Numeric;
+    colorMode: PD.Select<"default" | "interpolate">;
 };
-export declare type ContactParams = typeof ContactParams;
-export declare type ContactProps = PD.Values<ContactParams>;
+export type ContactParams = typeof ContactParams;
+export type ContactProps = PD.Values<ContactParams>;
 export declare function contactLabel(pair: Loci.Bundle<2>, options?: Partial<LabelOptions & {
     interactionType: string;
 }>): string;
-export declare type ContactRepresentation = Representation<ContactData, ContactParams>;
+export type ContactRepresentation = Representation<ContactData, ContactParams>;
 export declare function ContactRepresentation(ctx: RepresentationContext, getParams: RepresentationParamsGetter<ContactData, ContactParams>): ContactRepresentation;

package/lib/contact.js

@@ -1,49 +1,57 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContactRepresentation = exports.contactLabel = exports.ContactParams = void 0;
-var tslib_1 = require("tslib");
 // contact.ts
-var loci_1 = require("molstar/lib/mol-model/loci");
-var text_1 = require("molstar/lib/mol-geo/geometry/text/text");
-var param_definition_1 = require("molstar/lib/mol-util/param-definition");
-var names_1 = require("molstar/lib/mol-util/color/names");
-var representation_1 = require("molstar/lib/mol-repr/shape/representation");
-var representation_2 = require("molstar/lib/mol-repr/representation");
-var shape_1 = require("molstar/lib/mol-model/shape");
-var text_builder_1 = require("molstar/lib/mol-geo/geometry/text/text-builder");
-var linear_algebra_1 = require("molstar/lib/mol-math/linear-algebra");
-var marker_action_1 = require("molstar/lib/mol-util/marker-action");
-var label_1 = require("molstar/lib/mol-theme/label");
-var common_1 = require("molstar/lib/mol-repr/shape/loci/common");
-var geometry_1 = require("molstar/lib/mol-math/geometry");
-var cylinders_builder_1 = require("molstar/lib/mol-geo/geometry/cylinders/cylinders-builder");
-var cylinders_1 = require("molstar/lib/mol-geo/geometry/cylinders/cylinders");
-var label_2 = require("molstar/lib/mol-theme/label");
-var SharedParams = {
+const loci_1 = require("molstar/lib/mol-model/loci");
+const text_1 = require("molstar/lib/mol-geo/geometry/text/text");
+const param_definition_1 = require("molstar/lib/mol-util/param-definition");
+const names_1 = require("molstar/lib/mol-util/color/names");
+const representation_1 = require("molstar/lib/mol-repr/shape/representation");
+const representation_2 = require("molstar/lib/mol-repr/representation");
+const shape_1 = require("molstar/lib/mol-model/shape");
+const text_builder_1 = require("molstar/lib/mol-geo/geometry/text/text-builder");
+const linear_algebra_1 = require("molstar/lib/mol-math/linear-algebra");
+const marker_action_1 = require("molstar/lib/mol-util/marker-action");
+const label_1 = require("molstar/lib/mol-theme/label");
+const common_1 = require("molstar/lib/mol-repr/shape/loci/common");
+const geometry_1 = require("molstar/lib/mol-math/geometry");
+const cylinders_builder_1 = require("molstar/lib/mol-geo/geometry/cylinders/cylinders-builder");
+const cylinders_1 = require("molstar/lib/mol-geo/geometry/cylinders/cylinders");
+const label_2 = require("molstar/lib/mol-theme/label");
+const SharedParams = {
     unitLabel: param_definition_1.ParamDefinition.Text('\u212B', { isEssential: true }),
 };
-var CylinderParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, cylinders_1.Cylinders.Params), SharedParams), { lineSizeAttenuation: param_definition_1.ParamDefinition.Boolean(true), linesSize: param_definition_1.ParamDefinition.Numeric(0.075, { min: 0.01, max: 5, step: 0.01 }), dashLength: param_definition_1.ParamDefinition.Numeric(0.12, { min: 0.01, max: 0.2, step: 0.01 }), interactionType: param_definition_1.ParamDefinition.Text('', { isEssential: true }), cylinderColor: param_definition_1.ParamDefinition.Color(names_1.ColorNames.lightgreen, { isEssential: true }) });
-var TextParams = tslib_1.__assign(tslib_1.__assign({}, common_1.LociLabelTextParams), SharedParams);
-var ContactVisuals = {
-    cylinder: function (ctx, getParams) {
-        return (0, representation_1.ShapeRepresentation)(getCylindersShape, cylinders_1.Cylinders.Utils, {
-            modifyState: function (s) { return (tslib_1.__assign(tslib_1.__assign({}, s), { markerActions: marker_action_1.MarkerActions.Highlighting })); },
-        });
-    },
-    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), { markerActions: marker_action_1.MarkerAction.None })); },
-        });
-    },
+const CylinderParams = {
+    ...cylinders_1.Cylinders.Params,
+    ...SharedParams,
+    lineSizeAttenuation: param_definition_1.ParamDefinition.Boolean(true),
+    linesSize: param_definition_1.ParamDefinition.Numeric(0.075, { min: 0.01, max: 5, step: 0.01 }),
+    dashLength: param_definition_1.ParamDefinition.Numeric(0.12, { min: 0.01, max: 0.2, step: 0.01 }),
+    interactionType: param_definition_1.ParamDefinition.Text('', { isEssential: true }),
+    cylinderColor: param_definition_1.ParamDefinition.Color(names_1.ColorNames.lightgreen, { isEssential: true }),
+};
+const TextParams = {
+    ...common_1.LociLabelTextParams,
+    ...SharedParams,
+};
+const ContactVisuals = {
+    cylinder: (ctx, getParams) => (0, representation_1.ShapeRepresentation)(getCylindersShape, cylinders_1.Cylinders.Utils, {
+        modifyState: (s) => ({ ...s, markerActions: marker_action_1.MarkerActions.Highlighting }),
+    }),
+    text: (ctx, getParams) => (0, representation_1.ShapeRepresentation)(getTextShape, text_1.Text.Utils, {
+        modifyState: (s) => ({ ...s, markerActions: marker_action_1.MarkerAction.None }),
+    }),
+};
+exports.ContactParams = {
+    ...CylinderParams,
+    ...TextParams,
+    visuals: param_definition_1.ParamDefinition.MultiSelect(['cylinder', 'text'], param_definition_1.ParamDefinition.objectToOptions(ContactVisuals)),
 };
-exports.ContactParams = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, CylinderParams), TextParams), { visuals: param_definition_1.ParamDefinition.MultiSelect(['cylinder', 'text'], param_definition_1.ParamDefinition.objectToOptions(ContactVisuals)) });
 //
-function contactLabel(pair, options) {
-    var _a;
-    if (options === void 0) { options = {}; }
-    var o = tslib_1.__assign(tslib_1.__assign({}, label_2.DefaultLabelOptions), options);
-    var label = (0, label_2.bundleLabel)(pair, o);
-    return "".concat((_a = o === null || o === void 0 ? void 0 : o.interactionType) !== null && _a !== void 0 ? _a : 'Distance', "</br>").concat(label);
+function contactLabel(pair, options = {}) {
+    const o = { ...label_2.DefaultLabelOptions, ...options };
+    const label = (0, label_2.bundleLabel)(pair, o);
+    return `${o?.interactionType ?? 'Distance'}</br>${label}`;
 }
 exports.contactLabel = contactLabel;
 function getContactState() {
@@ -55,8 +63,8 @@ function getContactState() {
     };
 }
 function setContactState(pair, state) {
-    var sphereA = state.sphereA, sphereB = state.sphereB, center = state.center;
-    var _a = pair.loci, lociA = _a[0], lociB = _a[1];
+    const { sphereA, sphereB, center } = state;
+    const [lociA, lociB] = pair.loci;
     loci_1.Loci.getBoundingSphere(lociA, sphereA);
     loci_1.Loci.getBoundingSphere(lociB, sphereB);
     linear_algebra_1.Vec3.add(center, sphereA.center, sphereB.center);
@@ -64,53 +72,50 @@ function setContactState(pair, state) {
     state.distance = linear_algebra_1.Vec3.distance(sphereA.center, sphereB.center);
     return state;
 }
-var tmpState = getContactState();
+const tmpState = getContactState();
 function getContactName(data, unitLabel) {
     return data.pairs.length === 1
-        ? "Contact ".concat((0, label_1.distanceLabel)(data.pairs[0], {
-            unitLabel: unitLabel,
+        ? `Contact ${(0, label_1.distanceLabel)(data.pairs[0], {
+            unitLabel,
             measureOnly: true,
-        }))
-        : "".concat(data.pairs.length, " Contacts");
+        })}`
+        : `${data.pairs.length} Contacts`;
 }
 //
 function buildCylinders(data, props, cylinders) {
-    var builder = cylinders_builder_1.CylindersBuilder.create(128, 64, cylinders);
-    for (var i = 0, il = data.pairs.length; i < il; ++i) {
+    const builder = cylinders_builder_1.CylindersBuilder.create(128, 64, cylinders);
+    for (let i = 0, il = data.pairs.length; i < il; ++i) {
         setContactState(data.pairs[i], tmpState);
         // TODO: radiusScale: number, topCap: boolean, bottomCap: boolean
-        builder.addFixedLengthDashes(tmpState.sphereA.center, tmpState.sphereB.center, props.dashLength, 1, true, true, i);
+        builder.addFixedLengthDashes(tmpState.sphereA.center, tmpState.sphereB.center, props.dashLength, 1, true, true, false, // interpolate parameter
+        i);
     }
     return builder.getCylinders();
 }
 function getCylindersShape(ctx, data, props, shape) {
-    var cylinders = buildCylinders(data, props, shape && shape.geometry);
-    var name = getContactName(data, props.unitLabel);
-    var getLabel = function (groupId) {
-        return contactLabel(data.pairs[groupId], props);
-    };
-    return shape_1.Shape.create(name, data, cylinders, function () { return props.cylinderColor; }, function () { return props.linesSize; }, getLabel);
+    const cylinders = buildCylinders(data, props, shape && shape.geometry);
+    const name = getContactName(data, props.unitLabel);
+    const getLabel = (groupId) => contactLabel(data.pairs[groupId], props);
+    return shape_1.Shape.create(name, data, cylinders, () => props.cylinderColor, () => props.linesSize, getLabel);
 }
 //
 function buildText(data, props, text) {
-    var builder = text_builder_1.TextBuilder.create(props, 128, 64, text);
-    for (var i = 0, il = data.pairs.length; i < il; ++i) {
+    const builder = text_builder_1.TextBuilder.create(props, 128, 64, text);
+    for (let i = 0, il = data.pairs.length; i < il; ++i) {
         setContactState(data.pairs[i], tmpState);
-        var center = tmpState.center, distance = tmpState.distance, sphereA = tmpState.sphereA, sphereB = tmpState.sphereB;
-        var label = props.customText || "".concat(distance.toFixed(2), " ").concat(props.unitLabel);
-        var radius = Math.max(2, sphereA.radius, sphereB.radius);
-        var scale = radius / 2;
+        const { center, distance, sphereA, sphereB } = tmpState;
+        const label = props.customText || `${distance.toFixed(2)} ${props.unitLabel}`;
+        const radius = Math.max(2, sphereA.radius, sphereB.radius);
+        const scale = radius / 2;
         builder.add(label, center[0], center[1], center[2], 1, scale, i);
     }
     return builder.getText();
 }
 function getTextShape(ctx, data, props, shape) {
-    var text = buildText(data, props, shape && shape.geometry);
-    var name = getContactName(data, props.unitLabel);
-    var getLabel = function (groupId) {
-        return (0, label_1.distanceLabel)(data.pairs[groupId], props);
-    };
-    return shape_1.Shape.create(name, data, text, function () { return props.textColor; }, function () { return props.textSize; }, getLabel);
+    const text = buildText(data, props, shape && shape.geometry);
+    const name = getContactName(data, props.unitLabel);
+    const getLabel = (groupId) => (0, label_1.distanceLabel)(data.pairs[groupId], props);
+    return shape_1.Shape.create(name, data, text, () => props.textColor, () => props.textSize, getLabel);
 }
 function ContactRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Contact', ctx, getParams, representation_2.Representation.StateBuilder, ContactVisuals);

package/lib/custom-events.js

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomEvents = void 0;
-var loci_details_1 = require("./loci-details");
-var operators_1 = require("rxjs/operators");
+const loci_details_1 = require("./loci-details");
+const operators_1 = require("rxjs/operators");
 var CustomEvents;
 (function (CustomEvents) {
     function create(eventTypeArr) {
-        var eventObj = {};
-        for (var ei = 0, el = eventTypeArr.length; ei < el; ei++) {
-            var eventType = eventTypeArr[ei];
-            var event_1 = void 0;
+        let eventObj = {};
+        for (let ei = 0, el = eventTypeArr.length; ei < el; ei++) {
+            let eventType = eventTypeArr[ei];
+            let event;
             if (typeof MouseEvent == 'function') {
                 // current standard
-                event_1 = new MouseEvent(eventType, { 'view': window, 'bubbles': true, 'cancelable': true });
+                event = new MouseEvent(eventType, { 'view': window, 'bubbles': true, 'cancelable': true });
             }
             else if (typeof document.createEvent == 'function') {
                 // older standard
-                event_1 = document.createEvent('MouseEvents');
-                event_1.initEvent(eventType, true /* bubbles */, true /* cancelable */);
+                event = document.createEvent('MouseEvents');
+                event.initEvent(eventType, true /* bubbles */, true /* cancelable */);
             }
-            eventObj[eventType] = event_1;
+            eventObj[eventType] = event;
         }
         ;
         return eventObj;
@@ -33,17 +33,17 @@ var CustomEvents;
         }
     }
     function add(plugin, targetElement) {
-        var pdbevents = create(['PDB.molstar.click', 'PDB.molstar.mouseover', 'PDB.molstar.mouseout']);
-        plugin.behaviors.interaction.click.subscribe(function (e) {
+        const pdbevents = create(['PDB.molstar.click', 'PDB.molstar.mouseover', 'PDB.molstar.mouseout']);
+        plugin.behaviors.interaction.click.subscribe((e) => {
             if (e.button === 1 && e.current && e.current.loci.kind !== 'empty-loci') {
-                var evData = (0, loci_details_1.lociDetails)(e.current.loci);
+                const evData = (0, loci_details_1.lociDetails)(e.current.loci);
                 if (evData)
                     dispatchCustomEvent(pdbevents['PDB.molstar.click'], evData, targetElement);
             }
         });
-        plugin.behaviors.interaction.hover.pipe((0, operators_1.debounceTime)(100)).subscribe(function (e) {
+        plugin.behaviors.interaction.hover.pipe((0, operators_1.debounceTime)(100)).subscribe((e) => {
             if (e.current && e.current.loci && e.current.loci.kind !== 'empty-loci') {
-                var evData = (0, loci_details_1.lociDetails)(e.current.loci);
+                const evData = (0, loci_details_1.lociDetails)(e.current.loci);
                 if (evData)
                     dispatchCustomEvent(pdbevents['PDB.molstar.mouseover'], evData, targetElement);
             }
@@ -53,4 +53,4 @@ var CustomEvents;
         });
     }
     CustomEvents.add = add;
-})(CustomEvents = exports.CustomEvents || (exports.CustomEvents = {}));
+})(CustomEvents || (exports.CustomEvents = CustomEvents = {}));