molstar 3.0.0 → 3.0.1

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

@@ -1,1329 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2018-2021 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>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StructureSelectionsPlane3D = exports.StructureSelectionsOrientation3D = exports.StructureSelectionsLabel3D = exports.StructureSelectionsDihedral3D = exports.StructureSelectionsAngle3D = exports.StructureSelectionsDistance3D = exports.StructureBoundingBox3D = exports.ModelUnitcell3D = exports.ShapeRepresentation3D = exports.VolumeRepresentation3DHelpers = exports.VolumeRepresentation3D = exports.ClippingStructureRepresentation3DFromBundle = exports.ClippingStructureRepresentation3DFromScript = exports.SubstanceStructureRepresentation3DFromBundle = exports.SubstanceStructureRepresentation3DFromScript = exports.TransparencyStructureRepresentation3DFromBundle = exports.TransparencyStructureRepresentation3DFromScript = exports.OverpaintStructureRepresentation3DFromBundle = exports.OverpaintStructureRepresentation3DFromScript = exports.UnwindStructureAssemblyRepresentation3D = exports.SpinStructureRepresentation3D = exports.ExplodeStructureRepresentation3D = exports.StructureRepresentation3D = void 0;
-var tslib_1 = require("tslib");
-var structure_1 = require("../../mol-model/structure");
-var volume_1 = require("../../mol-model/volume");
-var mol_state_1 = require("../../mol-state");
-var mol_task_1 = require("../../mol-task");
-var theme_1 = require("../../mol-theme/theme");
-var param_definition_1 = require("../../mol-util/param-definition");
-var objects_1 = require("../objects");
-var names_1 = require("../../mol-util/color/names");
-var representation_1 = require("../../mol-repr/shape/representation");
-var unit_transforms_1 = require("../../mol-model/structure/structure/util/unit-transforms");
-var helpers_1 = require("../animation/helpers");
-var color_1 = require("../../mol-util/color");
-var overpaint_1 = require("../../mol-theme/overpaint");
-var transparency_1 = require("../../mol-theme/transparency");
-var base_1 = require("../../mol-geo/geometry/base");
-var script_1 = require("../../mol-script/script");
-var unitcell_1 = require("../../mol-repr/shape/model/unitcell");
-var distance_1 = require("../../mol-repr/shape/loci/distance");
-var helpers_2 = require("./helpers");
-var label_1 = require("../../mol-repr/shape/loci/label");
-var orientation_1 = require("../../mol-repr/shape/loci/orientation");
-var angle_1 = require("../../mol-repr/shape/loci/angle");
-var dihedral_1 = require("../../mol-repr/shape/loci/dihedral");
-var symmetry_1 = require("../../mol-model-formats/structure/property/symmetry");
-var clipping_1 = require("../../mol-theme/clipping");
-var type_helpers_1 = require("../../mol-util/type-helpers");
-var mesh_1 = require("../../mol-geo/geometry/mesh/mesh");
-var shape_1 = require("./shape");
-var shape_2 = require("../../mol-model/shape");
-var plane_1 = require("../../mol-repr/shape/loci/plane");
-var substance_1 = require("../../mol-theme/substance");
-var material_1 = require("../../mol-util/material");
-var StructureRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-representation-3d',
-    display: '3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    params: function (a, ctx) {
-        var _a = ctx.representation.structure, registry = _a.registry, themeCtx = _a.themes;
-        var type = registry.get(registry.default.name);
-        if (!a) {
-            var colorThemeInfo_1 = {
-                help: function (value) {
-                    var name = value.name, params = value.params;
-                    var p = themeCtx.colorThemeRegistry.get(name);
-                    var ct = p.factory({}, params);
-                    return { description: ct.description, legend: ct.legend };
-                }
-            };
-            return {
-                type: param_definition_1.ParamDefinition.Mapped(registry.default.name, registry.types, function (name) { return param_definition_1.ParamDefinition.Group(registry.get(name).getParams(themeCtx, structure_1.Structure.Empty)); }),
-                colorTheme: param_definition_1.ParamDefinition.Mapped(type.defaultColorTheme.name, themeCtx.colorThemeRegistry.types, function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.colorThemeRegistry.get(name).getParams({ structure: structure_1.Structure.Empty })); }, colorThemeInfo_1),
-                sizeTheme: param_definition_1.ParamDefinition.Mapped(type.defaultSizeTheme.name, themeCtx.sizeThemeRegistry.types, function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.sizeThemeRegistry.get(name).getParams({ structure: structure_1.Structure.Empty })); })
-            };
-        }
-        var dataCtx = { structure: a.data };
-        var colorThemeInfo = {
-            help: function (value) {
-                var name = value.name, params = value.params;
-                var p = themeCtx.colorThemeRegistry.get(name);
-                var ct = p.factory(dataCtx, params);
-                return { description: ct.description, legend: ct.legend };
-            }
-        };
-        return ({
-            type: param_definition_1.ParamDefinition.Mapped(registry.default.name, registry.getApplicableTypes(a.data), function (name) { return param_definition_1.ParamDefinition.Group(registry.get(name).getParams(themeCtx, a.data)); }),
-            colorTheme: param_definition_1.ParamDefinition.Mapped(type.defaultColorTheme.name, themeCtx.colorThemeRegistry.getApplicableTypes(dataCtx), function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.colorThemeRegistry.get(name).getParams(dataCtx)); }, colorThemeInfo),
-            sizeTheme: param_definition_1.ParamDefinition.Mapped(type.defaultSizeTheme.name, themeCtx.sizeThemeRegistry.getApplicableTypes(dataCtx), function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.sizeThemeRegistry.get(name).getParams(dataCtx)); })
-        });
-    }
-})({
-    canAutoUpdate: function (_a) {
-        var a = _a.a, oldParams = _a.oldParams, newParams = _a.newParams;
-        // TODO: other criteria as well?
-        return a.data.elementCount < 10000 || (oldParams.type.name === newParams.type.name && newParams.type.params.quality !== 'custom');
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params, cache = _a.cache;
-        return mol_task_1.Task.create('Structure Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var propertyCtx, provider, data, repr, props;
-            var _a, _b;
-            return (0, tslib_1.__generator)(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        propertyCtx = { runtime: ctx, assetManager: plugin.managers.asset };
-                        provider = plugin.representation.structure.registry.get(params.type.name);
-                        data = ((_a = provider.getData) === null || _a === void 0 ? void 0 : _a.call(provider, a.data, params.type.params)) || a.data;
-                        if (!provider.ensureCustomProperties) return [3 /*break*/, 2];
-                        return [4 /*yield*/, provider.ensureCustomProperties.attach(propertyCtx, data)];
-                    case 1:
-                        _c.sent();
-                        _c.label = 2;
-                    case 2:
-                        repr = provider.factory((0, tslib_1.__assign)({ webgl: (_b = plugin.canvas3d) === null || _b === void 0 ? void 0 : _b.webgl }, plugin.representation.structure.themes), provider.getParams);
-                        return [4 /*yield*/, theme_1.Theme.ensureDependencies(propertyCtx, plugin.representation.structure.themes, { structure: data }, params)];
-                    case 3:
-                        _c.sent();
-                        repr.setTheme(theme_1.Theme.create(plugin.representation.structure.themes, { structure: data }, params));
-                        props = params.type.params || {};
-                        return [4 /*yield*/, repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 4:
-                        _c.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Molecule.Structure.Representation3D({ repr: repr, sourceData: a.data }, { label: provider.label })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams, cache = _a.cache;
-        return mol_task_1.Task.create('Structure Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var provider, data, propertyCtx, props;
-            var _a, _b;
-            return (0, tslib_1.__generator)(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        if (newParams.type.name !== oldParams.type.name)
-                            return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Recreate];
-                        provider = plugin.representation.structure.registry.get(newParams.type.name);
-                        if ((_a = provider.mustRecreate) === null || _a === void 0 ? void 0 : _a.call(provider, oldParams.type.params, newParams.type.params))
-                            return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Recreate];
-                        data = ((_b = provider.getData) === null || _b === void 0 ? void 0 : _b.call(provider, a.data, newParams.type.params)) || a.data;
-                        propertyCtx = { runtime: ctx, assetManager: plugin.managers.asset };
-                        if (!provider.ensureCustomProperties) return [3 /*break*/, 2];
-                        return [4 /*yield*/, provider.ensureCustomProperties.attach(propertyCtx, data)];
-                    case 1:
-                        _c.sent();
-                        _c.label = 2;
-                    case 2:
-                        // TODO: if themes had a .needsUpdate method the following block could
-                        //       be optimized and only executed conditionally
-                        theme_1.Theme.releaseDependencies(plugin.representation.structure.themes, { structure: b.data.sourceData }, oldParams);
-                        return [4 /*yield*/, theme_1.Theme.ensureDependencies(propertyCtx, plugin.representation.structure.themes, { structure: data }, newParams)];
-                    case 3:
-                        _c.sent();
-                        b.data.repr.setTheme(theme_1.Theme.create(plugin.representation.structure.themes, { structure: data }, newParams));
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams.type.params);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 4:
-                        _c.sent();
-                        b.data.sourceData = a.data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-    dispose: function (_a, plugin) {
-        var b = _a.b, params = _a.params;
-        if (!b || !params)
-            return;
-        var structure = b.data.sourceData;
-        var provider = plugin.representation.structure.registry.get(params.type.name);
-        if (provider.ensureCustomProperties)
-            provider.ensureCustomProperties.detach(structure);
-        theme_1.Theme.releaseDependencies(plugin.representation.structure.themes, { structure: structure }, params);
-    },
-    interpolate: function (src, tar, t) {
-        if (src.colorTheme.name !== 'uniform' || tar.colorTheme.name !== 'uniform') {
-            return t <= 0.5 ? src : tar;
-        }
-        var from = src.colorTheme.params.value, to = tar.colorTheme.params.value;
-        var value = color_1.Color.interpolate(from, to, t);
-        return {
-            type: t <= 0.5 ? src.type : tar.type,
-            colorTheme: { name: 'uniform', params: { value: value } },
-            sizeTheme: t <= 0.5 ? src.sizeTheme : tar.sizeTheme,
-        };
-    }
-});
-exports.StructureRepresentation3D = StructureRepresentation3D;
-var UnwindStructureAssemblyRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'unwind-structure-assembly-representation-3d',
-    display: 'Unwind Assembly 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: { t: param_definition_1.ParamDefinition.Numeric(0, { min: 0, max: 1, step: 0.01 }) }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var unitTransforms = new unit_transforms_1.StructureUnitTransforms(structure);
-        (0, helpers_1.unwindStructureAssembly)(structure, unitTransforms, params.t);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { unitTransforms: unitTransforms },
-            initialState: { unitTransforms: new unit_transforms_1.StructureUnitTransforms(structure) },
-            info: structure,
-            repr: a.data.repr
-        }, { label: "Unwind T = ".concat(params.t.toFixed(2)) });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var structure = b.data.info;
-        if (a.data.sourceData !== structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (oldParams.t === newParams.t)
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var unitTransforms = b.data.state.unitTransforms;
-        (0, helpers_1.unwindStructureAssembly)(structure, unitTransforms, newParams.t);
-        b.label = "Unwind T = ".concat(newParams.t.toFixed(2));
-        b.data.repr = a.data.repr;
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.UnwindStructureAssemblyRepresentation3D = UnwindStructureAssemblyRepresentation3D;
-var ExplodeStructureRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'explode-structure-representation-3d',
-    display: 'Explode 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: { t: param_definition_1.ParamDefinition.Numeric(0, { min: 0, max: 1, step: 0.01 }) }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var unitTransforms = new unit_transforms_1.StructureUnitTransforms(structure);
-        (0, helpers_1.explodeStructure)(structure, unitTransforms, params.t, structure.root.boundary.sphere);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { unitTransforms: unitTransforms },
-            initialState: { unitTransforms: new unit_transforms_1.StructureUnitTransforms(structure) },
-            info: structure,
-            repr: a.data.repr
-        }, { label: "Explode T = ".concat(params.t.toFixed(2)) });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var structure = a.data.sourceData;
-        if (b.data.info !== structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (oldParams.t === newParams.t)
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var unitTransforms = b.data.state.unitTransforms;
-        (0, helpers_1.explodeStructure)(structure, unitTransforms, newParams.t, structure.root.boundary.sphere);
-        b.label = "Explode T = ".concat(newParams.t.toFixed(2));
-        b.data.repr = a.data.repr;
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.ExplodeStructureRepresentation3D = ExplodeStructureRepresentation3D;
-var SpinStructureRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'spin-structure-representation-3d',
-    display: 'Spin 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: (0, tslib_1.__assign)({ t: param_definition_1.ParamDefinition.Numeric(0, { min: 0, max: 1, step: 0.01 }) }, helpers_1.SpinStructureParams)
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var unitTransforms = new unit_transforms_1.StructureUnitTransforms(structure);
-        var _b = (0, helpers_1.getSpinStructureAxisAndOrigin)(structure.root, params), axis = _b.axis, origin = _b.origin;
-        (0, helpers_1.spinStructure)(structure, unitTransforms, params.t, axis, origin);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { unitTransforms: unitTransforms },
-            initialState: { unitTransforms: new unit_transforms_1.StructureUnitTransforms(structure) },
-            info: structure,
-            repr: a.data.repr
-        }, { label: "Spin T = ".concat(params.t.toFixed(2)) });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var structure = a.data.sourceData;
-        if (b.data.info !== structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (oldParams.t === newParams.t && oldParams.axis === newParams.axis && oldParams.origin === newParams.origin)
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var unitTransforms = b.data.state.unitTransforms;
-        var _b = (0, helpers_1.getSpinStructureAxisAndOrigin)(structure.root, newParams), axis = _b.axis, origin = _b.origin;
-        (0, helpers_1.spinStructure)(structure, unitTransforms, newParams.t, axis, origin);
-        b.label = "Spin T = ".concat(newParams.t.toFixed(2));
-        b.data.repr = a.data.repr;
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.SpinStructureRepresentation3D = SpinStructureRepresentation3D;
-var OverpaintStructureRepresentation3DFromScript = objects_1.PluginStateTransform.BuiltIn({
-    name: 'overpaint-structure-representation-3d-from-script',
-    display: 'Overpaint 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            script: param_definition_1.ParamDefinition.Script((0, script_1.Script)('(sel.atom.all)', 'mol-script')),
-            color: param_definition_1.ParamDefinition.Color(names_1.ColorNames.blueviolet),
-            clear: param_definition_1.ParamDefinition.Boolean(false)
-        }, function (e) { return "".concat(e.clear ? 'Clear' : color_1.Color.toRgbString(e.color)); }, {
-            defaultValue: [{
-                    script: (0, script_1.Script)('(sel.atom.all)', 'mol-script'),
-                    color: names_1.ColorNames.blueviolet,
-                    clear: false
-                }]
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var overpaint = overpaint_1.Overpaint.ofScript(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { overpaint: overpaint },
-            initialState: { overpaint: overpaint_1.Overpaint.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Overpaint (".concat(overpaint.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldOverpaint = b.data.state.overpaint;
-        var newOverpaint = overpaint_1.Overpaint.ofScript(newParams.layers, newStructure);
-        if (overpaint_1.Overpaint.areEqual(oldOverpaint, newOverpaint))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.overpaint = newOverpaint;
-        b.data.repr = a.data.repr;
-        b.label = "Overpaint (".concat(newOverpaint.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.OverpaintStructureRepresentation3DFromScript = OverpaintStructureRepresentation3DFromScript;
-var OverpaintStructureRepresentation3DFromBundle = objects_1.PluginStateTransform.BuiltIn({
-    name: 'overpaint-structure-representation-3d-from-bundle',
-    display: 'Overpaint 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            bundle: param_definition_1.ParamDefinition.Value(structure_1.StructureElement.Bundle.Empty),
-            color: param_definition_1.ParamDefinition.Color(names_1.ColorNames.blueviolet),
-            clear: param_definition_1.ParamDefinition.Boolean(false)
-        }, function (e) { return "".concat(e.clear ? 'Clear' : color_1.Color.toRgbString(e.color)); }, {
-            defaultValue: [{
-                    bundle: structure_1.StructureElement.Bundle.Empty,
-                    color: names_1.ColorNames.blueviolet,
-                    clear: false
-                }],
-            isHidden: true
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var overpaint = overpaint_1.Overpaint.ofBundle(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { overpaint: overpaint },
-            initialState: { overpaint: overpaint_1.Overpaint.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Overpaint (".concat(overpaint.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldOverpaint = b.data.state.overpaint;
-        var newOverpaint = overpaint_1.Overpaint.ofBundle(newParams.layers, newStructure);
-        if (overpaint_1.Overpaint.areEqual(oldOverpaint, newOverpaint))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.overpaint = newOverpaint;
-        b.data.repr = a.data.repr;
-        b.label = "Overpaint (".concat(newOverpaint.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.OverpaintStructureRepresentation3DFromBundle = OverpaintStructureRepresentation3DFromBundle;
-var TransparencyStructureRepresentation3DFromScript = objects_1.PluginStateTransform.BuiltIn({
-    name: 'transparency-structure-representation-3d-from-script',
-    display: 'Transparency 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            script: param_definition_1.ParamDefinition.Script((0, script_1.Script)('(sel.atom.all)', 'mol-script')),
-            value: param_definition_1.ParamDefinition.Numeric(0.5, { min: 0, max: 1, step: 0.01 }, { label: 'Transparency' }),
-        }, function (e) { return "Transparency (".concat(e.value, ")"); }, {
-            defaultValue: [{
-                    script: (0, script_1.Script)('(sel.atom.all)', 'mol-script'),
-                    value: 0.5,
-                }]
-        })
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var transparency = transparency_1.Transparency.ofScript(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { transparency: transparency },
-            initialState: { transparency: transparency_1.Transparency.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Transparency (".concat(transparency.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldTransparency = b.data.state.transparency;
-        var newTransparency = transparency_1.Transparency.ofScript(newParams.layers, newStructure);
-        if (transparency_1.Transparency.areEqual(oldTransparency, newTransparency))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.transparency = newTransparency;
-        b.data.repr = a.data.repr;
-        b.label = "Transparency (".concat(newTransparency.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.TransparencyStructureRepresentation3DFromScript = TransparencyStructureRepresentation3DFromScript;
-var TransparencyStructureRepresentation3DFromBundle = objects_1.PluginStateTransform.BuiltIn({
-    name: 'transparency-structure-representation-3d-from-bundle',
-    display: 'Transparency 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            bundle: param_definition_1.ParamDefinition.Value(structure_1.StructureElement.Bundle.Empty),
-            value: param_definition_1.ParamDefinition.Numeric(0.5, { min: 0, max: 1, step: 0.01 }, { label: 'Transparency' }),
-        }, function (e) { return "Transparency (".concat(e.value, ")"); }, {
-            defaultValue: [{
-                    bundle: structure_1.StructureElement.Bundle.Empty,
-                    value: 0.5,
-                }],
-            isHidden: true
-        })
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var transparency = transparency_1.Transparency.ofBundle(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { transparency: transparency },
-            initialState: { transparency: transparency_1.Transparency.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Transparency (".concat(transparency.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldTransparency = b.data.state.transparency;
-        var newTransparency = transparency_1.Transparency.ofBundle(newParams.layers, newStructure);
-        if (transparency_1.Transparency.areEqual(oldTransparency, newTransparency))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.transparency = newTransparency;
-        b.data.repr = a.data.repr;
-        b.label = "Transparency (".concat(newTransparency.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.TransparencyStructureRepresentation3DFromBundle = TransparencyStructureRepresentation3DFromBundle;
-var SubstanceStructureRepresentation3DFromScript = objects_1.PluginStateTransform.BuiltIn({
-    name: 'substance-structure-representation-3d-from-script',
-    display: 'Substance 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            script: param_definition_1.ParamDefinition.Script((0, script_1.Script)('(sel.atom.all)', 'mol-script')),
-            material: material_1.Material.getParam(),
-            clear: param_definition_1.ParamDefinition.Boolean(false)
-        }, function (e) { return "".concat(e.clear ? 'Clear' : material_1.Material.toString(e.material)); }, {
-            defaultValue: [{
-                    script: (0, script_1.Script)('(sel.atom.all)', 'mol-script'),
-                    material: (0, material_1.Material)({ roughness: 1 }),
-                    clear: false
-                }]
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var substance = substance_1.Substance.ofScript(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { substance: substance },
-            initialState: { substance: substance_1.Substance.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Substance (".concat(substance.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldSubstance = b.data.state.substance;
-        var newSubstance = substance_1.Substance.ofScript(newParams.layers, newStructure);
-        if (substance_1.Substance.areEqual(oldSubstance, newSubstance))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.substance = newSubstance;
-        b.data.repr = a.data.repr;
-        b.label = "Substance (".concat(newSubstance.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.SubstanceStructureRepresentation3DFromScript = SubstanceStructureRepresentation3DFromScript;
-var SubstanceStructureRepresentation3DFromBundle = objects_1.PluginStateTransform.BuiltIn({
-    name: 'substance-structure-representation-3d-from-bundle',
-    display: 'Substance 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            bundle: param_definition_1.ParamDefinition.Value(structure_1.StructureElement.Bundle.Empty),
-            material: material_1.Material.getParam(),
-            clear: param_definition_1.ParamDefinition.Boolean(false)
-        }, function (e) { return "".concat(e.clear ? 'Clear' : material_1.Material.toString(e.material)); }, {
-            defaultValue: [{
-                    bundle: structure_1.StructureElement.Bundle.Empty,
-                    material: (0, material_1.Material)({ roughness: 1 }),
-                    clear: false
-                }],
-            isHidden: true
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var geometryVersion = a.data.repr.geometryVersion;
-        var substance = substance_1.Substance.ofBundle(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { substance: substance },
-            initialState: { substance: substance_1.Substance.Empty },
-            info: { structure: structure, geometryVersion: geometryVersion },
-            repr: a.data.repr
-        }, { label: "Substance (".concat(substance.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var info = b.data.info;
-        var newStructure = a.data.sourceData;
-        if (newStructure !== info.structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var newGeometryVersion = a.data.repr.geometryVersion;
-        // smoothing needs to be re-calculated when geometry changes
-        if (newGeometryVersion !== info.geometryVersion && (0, base_1.hasColorSmoothingProp)(a.data.repr.props))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        var oldSubstance = b.data.state.substance;
-        var newSubstance = substance_1.Substance.ofBundle(newParams.layers, newStructure);
-        if (substance_1.Substance.areEqual(oldSubstance, newSubstance))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        info.geometryVersion = newGeometryVersion;
-        b.data.state.substance = newSubstance;
-        b.data.repr = a.data.repr;
-        b.label = "Substance (".concat(newSubstance.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.SubstanceStructureRepresentation3DFromBundle = SubstanceStructureRepresentation3DFromBundle;
-var ClippingStructureRepresentation3DFromScript = objects_1.PluginStateTransform.BuiltIn({
-    name: 'clipping-structure-representation-3d-from-script',
-    display: 'Clipping 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            script: param_definition_1.ParamDefinition.Script((0, script_1.Script)('(sel.atom.all)', 'mol-script')),
-            groups: param_definition_1.ParamDefinition.Converted(function (g) { return clipping_1.Clipping.Groups.toNames(g); }, function (n) { return clipping_1.Clipping.Groups.fromNames(n); }, param_definition_1.ParamDefinition.MultiSelect((0, type_helpers_1.ObjectKeys)(clipping_1.Clipping.Groups.Names), param_definition_1.ParamDefinition.objectToOptions(clipping_1.Clipping.Groups.Names))),
-        }, function (e) { return "".concat(clipping_1.Clipping.Groups.toNames(e.groups).length, " group(s)"); }, {
-            defaultValue: [{
-                    script: (0, script_1.Script)('(sel.atom.all)', 'mol-script'),
-                    groups: 0 /* None */,
-                }]
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var clipping = clipping_1.Clipping.ofScript(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { clipping: clipping },
-            initialState: { clipping: clipping_1.Clipping.Empty },
-            info: structure,
-            repr: a.data.repr
-        }, { label: "Clipping (".concat(clipping.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var structure = b.data.info;
-        if (a.data.sourceData !== structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var oldClipping = b.data.state.clipping;
-        var newClipping = clipping_1.Clipping.ofScript(newParams.layers, structure);
-        if (clipping_1.Clipping.areEqual(oldClipping, newClipping))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        b.data.state.clipping = newClipping;
-        b.data.repr = a.data.repr;
-        b.label = "Clipping (".concat(newClipping.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.ClippingStructureRepresentation3DFromScript = ClippingStructureRepresentation3DFromScript;
-var ClippingStructureRepresentation3DFromBundle = objects_1.PluginStateTransform.BuiltIn({
-    name: 'clipping-structure-representation-3d-from-bundle',
-    display: 'Clipping 3D Representation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Representation3D,
-    to: objects_1.PluginStateObject.Molecule.Structure.Representation3DState,
-    params: function () { return ({
-        layers: param_definition_1.ParamDefinition.ObjectList({
-            bundle: param_definition_1.ParamDefinition.Value(structure_1.StructureElement.Bundle.Empty),
-            groups: param_definition_1.ParamDefinition.Converted(function (g) { return clipping_1.Clipping.Groups.toNames(g); }, function (n) { return clipping_1.Clipping.Groups.fromNames(n); }, param_definition_1.ParamDefinition.MultiSelect((0, type_helpers_1.ObjectKeys)(clipping_1.Clipping.Groups.Names), param_definition_1.ParamDefinition.objectToOptions(clipping_1.Clipping.Groups.Names))),
-        }, function (e) { return "".concat(clipping_1.Clipping.Groups.toNames(e.groups).length, " group(s)"); }, {
-            defaultValue: [{
-                    bundle: structure_1.StructureElement.Bundle.Empty,
-                    groups: 0 /* None */,
-                }],
-            isHidden: true
-        }),
-    }); }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a) {
-        var a = _a.a, params = _a.params;
-        var structure = a.data.sourceData;
-        var clipping = clipping_1.Clipping.ofBundle(params.layers, structure);
-        return new objects_1.PluginStateObject.Molecule.Structure.Representation3DState({
-            state: { clipping: clipping },
-            initialState: { clipping: clipping_1.Clipping.Empty },
-            info: structure,
-            repr: a.data.repr
-        }, { label: "Clipping (".concat(clipping.layers.length, " Layers)") });
-    },
-    update: function (_a) {
-        var a = _a.a, b = _a.b, newParams = _a.newParams, oldParams = _a.oldParams;
-        var structure = b.data.info;
-        if (a.data.sourceData !== structure)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        if (a.data.repr !== b.data.repr)
-            return mol_state_1.StateTransformer.UpdateResult.Recreate;
-        var oldClipping = b.data.state.clipping;
-        var newClipping = clipping_1.Clipping.ofBundle(newParams.layers, structure);
-        if (clipping_1.Clipping.areEqual(oldClipping, newClipping))
-            return mol_state_1.StateTransformer.UpdateResult.Unchanged;
-        b.data.state.clipping = newClipping;
-        b.data.repr = a.data.repr;
-        b.label = "Clipping (".concat(newClipping.layers.length, " Layers)");
-        return mol_state_1.StateTransformer.UpdateResult.Updated;
-    }
-});
-exports.ClippingStructureRepresentation3DFromBundle = ClippingStructureRepresentation3DFromBundle;
-//
-var VolumeRepresentation3DHelpers;
-(function (VolumeRepresentation3DHelpers) {
-    function getDefaultParams(ctx, name, volume, volumeParams) {
-        var type = ctx.representation.volume.registry.get(name);
-        var themeDataCtx = { volume: volume };
-        var colorParams = ctx.representation.volume.themes.colorThemeRegistry.get(type.defaultColorTheme.name).getParams(themeDataCtx);
-        var sizeParams = ctx.representation.volume.themes.sizeThemeRegistry.get(type.defaultSizeTheme.name).getParams(themeDataCtx);
-        var volumeDefaultParams = param_definition_1.ParamDefinition.getDefaultValues(type.getParams(ctx.representation.volume.themes, volume));
-        return ({
-            type: { name: name, params: volumeParams ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, volumeDefaultParams), volumeParams) : volumeDefaultParams },
-            colorTheme: { name: type.defaultColorTheme.name, params: param_definition_1.ParamDefinition.getDefaultValues(colorParams) },
-            sizeTheme: { name: type.defaultSizeTheme.name, params: param_definition_1.ParamDefinition.getDefaultValues(sizeParams) }
-        });
-    }
-    VolumeRepresentation3DHelpers.getDefaultParams = getDefaultParams;
-    function getDefaultParamsStatic(ctx, name, volumeParams, colorName, colorParams, sizeName, sizeParams) {
-        var type = ctx.representation.volume.registry.get(name);
-        var colorType = ctx.representation.volume.themes.colorThemeRegistry.get(colorName || type.defaultColorTheme.name);
-        var sizeType = ctx.representation.volume.themes.sizeThemeRegistry.get(sizeName || type.defaultSizeTheme.name);
-        return ({
-            type: { name: name, params: volumeParams ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, type.defaultValues), volumeParams) : type.defaultValues },
-            colorTheme: { name: type.defaultColorTheme.name, params: colorParams ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, colorType.defaultValues), colorParams) : colorType.defaultValues },
-            sizeTheme: { name: type.defaultSizeTheme.name, params: sizeParams ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sizeType.defaultValues), sizeParams) : sizeType.defaultValues }
-        });
-    }
-    VolumeRepresentation3DHelpers.getDefaultParamsStatic = getDefaultParamsStatic;
-    function getDescription(props) {
-        var _a, _b, _c, _d;
-        if (props.isoValue) {
-            return volume_1.Volume.IsoValue.toString(props.isoValue);
-        }
-        else if ((_b = (_a = props.renderMode) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.isoValue) {
-            return volume_1.Volume.IsoValue.toString((_d = (_c = props.renderMode) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.isoValue);
-        }
-    }
-    VolumeRepresentation3DHelpers.getDescription = getDescription;
-})(VolumeRepresentation3DHelpers = exports.VolumeRepresentation3DHelpers || (exports.VolumeRepresentation3DHelpers = {}));
-var VolumeRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'volume-representation-3d',
-    display: '3D Representation',
-    from: objects_1.PluginStateObject.Volume.Data,
-    to: objects_1.PluginStateObject.Volume.Representation3D,
-    params: function (a, ctx) {
-        var _a = ctx.representation.volume, registry = _a.registry, themeCtx = _a.themes;
-        var type = registry.get(registry.default.name);
-        if (!a) {
-            return {
-                type: param_definition_1.ParamDefinition.Mapped(registry.default.name, registry.types, function (name) { return param_definition_1.ParamDefinition.Group(registry.get(name).getParams(themeCtx, volume_1.Volume.One)); }),
-                colorTheme: param_definition_1.ParamDefinition.Mapped(type.defaultColorTheme.name, themeCtx.colorThemeRegistry.types, function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.colorThemeRegistry.get(name).getParams({ volume: volume_1.Volume.One })); }),
-                sizeTheme: param_definition_1.ParamDefinition.Mapped(type.defaultSizeTheme.name, themeCtx.sizeThemeRegistry.types, function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.sizeThemeRegistry.get(name).getParams({ volume: volume_1.Volume.One })); })
-            };
-        }
-        var dataCtx = { volume: a.data };
-        return ({
-            type: param_definition_1.ParamDefinition.Mapped(registry.default.name, registry.types, function (name) { return param_definition_1.ParamDefinition.Group(registry.get(name).getParams(themeCtx, a.data)); }),
-            colorTheme: param_definition_1.ParamDefinition.Mapped(type.defaultColorTheme.name, themeCtx.colorThemeRegistry.getApplicableTypes(dataCtx), function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.colorThemeRegistry.get(name).getParams(dataCtx)); }),
-            sizeTheme: param_definition_1.ParamDefinition.Mapped(type.defaultSizeTheme.name, themeCtx.sizeThemeRegistry.getApplicableTypes(dataCtx), function (name) { return param_definition_1.ParamDefinition.Group(themeCtx.sizeThemeRegistry.get(name).getParams(dataCtx)); })
-        });
-    }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return oldParams.type.name === newParams.type.name;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Volume Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var propertyCtx, provider, repr, props;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        propertyCtx = { runtime: ctx, assetManager: plugin.managers.asset };
-                        provider = plugin.representation.volume.registry.get(params.type.name);
-                        if (!provider.ensureCustomProperties) return [3 /*break*/, 2];
-                        return [4 /*yield*/, provider.ensureCustomProperties.attach(propertyCtx, a.data)];
-                    case 1:
-                        _b.sent();
-                        _b.label = 2;
-                    case 2:
-                        repr = provider.factory((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.volume.themes), provider.getParams);
-                        repr.setTheme(theme_1.Theme.create(plugin.representation.volume.themes, { volume: a.data }, params));
-                        props = params.type.params || {};
-                        return [4 /*yield*/, repr.createOrUpdate(props, a.data).runInContext(ctx)];
-                    case 3:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Volume.Representation3D({ repr: repr, sourceData: a.data }, { label: provider.label, description: VolumeRepresentation3DHelpers.getDescription(props) })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Volume Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var oldProvider, props;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (newParams.type.name !== oldParams.type.name) {
-                            oldProvider = plugin.representation.volume.registry.get(oldParams.type.name);
-                            (_a = oldProvider.ensureCustomProperties) === null || _a === void 0 ? void 0 : _a.detach(a.data);
-                            return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Recreate];
-                        }
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams.type.params);
-                        b.data.repr.setTheme(theme_1.Theme.create(plugin.representation.volume.themes, { volume: a.data }, newParams));
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, a.data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        b.data.sourceData = a.data;
-                        b.description = VolumeRepresentation3DHelpers.getDescription(props);
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    }
-});
-exports.VolumeRepresentation3D = VolumeRepresentation3D;
-var ShapeRepresentation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'shape-representation-3d',
-    display: '3D Representation',
-    from: objects_1.PluginStateObject.Shape.Provider,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function (a, ctx) {
-        return a ? a.data.params : base_1.BaseGeometry.Params;
-    }
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Shape Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, repr;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, param_definition_1.ParamDefinition.getDefaultValues(a.data.params)), params);
-                        repr = (0, representation_1.ShapeRepresentation)(a.data.getShape, a.data.geometryUtils);
-                        return [4 /*yield*/, repr.createOrUpdate(props, a.data.data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: a.data }, { label: a.data.label })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Shape Representation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, a.data.data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = a.data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    }
-});
-exports.ShapeRepresentation3D = ShapeRepresentation3D;
-var ModelUnitcell3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'model-unitcell-3d',
-    display: 'Model Unit Cell',
-    from: objects_1.PluginStateObject.Molecule.Model,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, unitcell_1.UnitcellParams)); }
-})({
-    isApplicable: function (a) { return !!symmetry_1.ModelSymmetry.Provider.get(a.data); },
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Model Unit Cell', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var symmetry, data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        symmetry = symmetry_1.ModelSymmetry.Provider.get(a.data);
-                        if (!symmetry)
-                            return [2 /*return*/, mol_state_1.StateObject.Null];
-                        data = (0, unitcell_1.getUnitcellData)(a.data, symmetry, params);
-                        repr = (0, unitcell_1.UnitcellRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return unitcell_1.UnitcellParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Unit Cell", description: symmetry.spacegroup.name })];
-                }
-            });
-        }); });
-    },
-    update: function (_a) {
-        var _this = this;
-        var a = _a.a, b = _a.b, newParams = _a.newParams;
-        return mol_task_1.Task.create('Model Unit Cell', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var symmetry, props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        symmetry = symmetry_1.ModelSymmetry.Provider.get(a.data);
-                        if (!symmetry)
-                            return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Null];
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, unitcell_1.getUnitcellData)(a.data, symmetry, props);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    }
-});
-exports.ModelUnitcell3D = ModelUnitcell3D;
-var StructureBoundingBox3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-bounding-box-3d',
-    display: 'Bounding Box',
-    from: objects_1.PluginStateObject.Molecule.Structure,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: (0, tslib_1.__assign)({ radius: param_definition_1.ParamDefinition.Numeric(0.05, { min: 0.01, max: 4, step: 0.01 }, { isEssential: true }), color: param_definition_1.ParamDefinition.Color(names_1.ColorNames.red, { isEssential: true }) }, mesh_1.Mesh.Params)
-})({
-    canAutoUpdate: function () {
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Bounding Box', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var repr;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        repr = (0, representation_1.ShapeRepresentation)(function (_, data, __, shape) {
-                            var mesh = (0, shape_1.getBoxMesh)(data.box, data.radius, shape === null || shape === void 0 ? void 0 : shape.geometry);
-                            return shape_2.Shape.create('Bouding Box', data, mesh, function () { return data.color; }, function () { return 1; }, function () { return 'Bounding Box'; });
-                        }, mesh_1.Mesh.Utils);
-                        return [4 /*yield*/, repr.createOrUpdate(params, { box: a.data.boundary.box, radius: params.radius, color: params.color }).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: a.data }, { label: "Bounding Box" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Bounding Box', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, b.data.repr.createOrUpdate(newParams, { box: a.data.boundary.box, radius: newParams.radius, color: newParams.color }).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = a.data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    }
-});
-exports.StructureBoundingBox3D = StructureBoundingBox3D;
-var StructureSelectionsDistance3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-distance-3d',
-    display: '3D Distance',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, distance_1.DistanceParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Distance', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getDistanceDataFromStructureSelections)(a.data);
-                        repr = (0, distance_1.DistanceRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return distance_1.DistanceParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Distance" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Structure Distance', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, helpers_2.getDistanceDataFromStructureSelections)(a.data);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsDistance3D = StructureSelectionsDistance3D;
-var StructureSelectionsAngle3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-angle-3d',
-    display: '3D Angle',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, angle_1.AngleParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Angle', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getAngleDataFromStructureSelections)(a.data);
-                        repr = (0, angle_1.AngleRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return angle_1.AngleParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Angle" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Structure Angle', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, helpers_2.getAngleDataFromStructureSelections)(a.data);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsAngle3D = StructureSelectionsAngle3D;
-var StructureSelectionsDihedral3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-dihedral-3d',
-    display: '3D Dihedral',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, dihedral_1.DihedralParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Dihedral', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getDihedralDataFromStructureSelections)(a.data);
-                        repr = (0, dihedral_1.DihedralRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return dihedral_1.DihedralParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Dihedral" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Structure Dihedral', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, helpers_2.getDihedralDataFromStructureSelections)(a.data);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsDihedral3D = StructureSelectionsDihedral3D;
-var StructureSelectionsLabel3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-label-3d',
-    display: '3D Label',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, label_1.LabelParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Label', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getLabelDataFromStructureSelections)(a.data);
-                        repr = (0, label_1.LabelRepresentation)((0, 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();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Label" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        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 (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, 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();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsLabel3D = StructureSelectionsLabel3D;
-var StructureSelectionsOrientation3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-orientation-3d',
-    display: '3D Orientation',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, orientation_1.OrientationParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Orientation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getOrientationDataFromStructureSelections)(a.data);
-                        repr = (0, orientation_1.OrientationRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return orientation_1.OrientationParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Orientation" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Structure Orientation', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, helpers_2.getOrientationDataFromStructureSelections)(a.data);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsOrientation3D = StructureSelectionsOrientation3D;
-var StructureSelectionsPlane3D = objects_1.PluginStateTransform.BuiltIn({
-    name: 'structure-selections-plane-3d',
-    display: '3D Plane',
-    from: objects_1.PluginStateObject.Molecule.Structure.Selections,
-    to: objects_1.PluginStateObject.Shape.Representation3D,
-    params: function () { return ((0, tslib_1.__assign)({}, plane_1.PlaneParams)); }
-})({
-    canAutoUpdate: function (_a) {
-        var oldParams = _a.oldParams, newParams = _a.newParams;
-        return true;
-    },
-    apply: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, params = _a.params;
-        return mol_task_1.Task.create('Structure Plane', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var data, repr;
-            var _a;
-            return (0, tslib_1.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        data = (0, helpers_2.getPlaneDataFromStructureSelections)(a.data);
-                        repr = (0, plane_1.PlaneRepresentation)((0, tslib_1.__assign)({ webgl: (_a = plugin.canvas3d) === null || _a === void 0 ? void 0 : _a.webgl }, plugin.representation.structure.themes), function () { return plane_1.PlaneParams; });
-                        return [4 /*yield*/, repr.createOrUpdate(params, data).runInContext(ctx)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/, new objects_1.PluginStateObject.Shape.Representation3D({ repr: repr, sourceData: data }, { label: "Plane" })];
-                }
-            });
-        }); });
-    },
-    update: function (_a, plugin) {
-        var _this = this;
-        var a = _a.a, b = _a.b, oldParams = _a.oldParams, newParams = _a.newParams;
-        return mol_task_1.Task.create('Structure Plane', function (ctx) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-            var props, data;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, b.data.repr.props), newParams);
-                        data = (0, helpers_2.getPlaneDataFromStructureSelections)(a.data);
-                        return [4 /*yield*/, b.data.repr.createOrUpdate(props, data).runInContext(ctx)];
-                    case 1:
-                        _a.sent();
-                        b.data.sourceData = data;
-                        return [2 /*return*/, mol_state_1.StateTransformer.UpdateResult.Updated];
-                }
-            });
-        }); });
-    },
-});
-exports.StructureSelectionsPlane3D = StructureSelectionsPlane3D;
-//# sourceMappingURL=representation.js.map