molstar 3.0.0 → 3.0.1

package/lib/commonjs/mol-canvas3d/helper/camera-helper.js

@@ -1,217 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
- *
- * @author Alexander Rose <alexander.rose@weirdbyte.de>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCameraAxesLoci = exports.CameraHelper = exports.CameraHelperParams = void 0;
-var tslib_1 = require("tslib");
-var immer_1 = (0, tslib_1.__importDefault)(require("immer"));
-var interval_1 = require("../../mol-data/int/interval");
-var cylinder_1 = require("../../mol-geo/geometry/mesh/builder/cylinder");
-var sphere_1 = require("../../mol-geo/geometry/mesh/builder/sphere");
-var mesh_1 = require("../../mol-geo/geometry/mesh/mesh");
-var mesh_builder_1 = require("../../mol-geo/geometry/mesh/mesh-builder");
-var scene_1 = require("../../mol-gl/scene");
-var render_item_1 = require("../../mol-gl/webgl/render-item");
-var geometry_1 = require("../../mol-math/geometry");
-var linear_algebra_1 = require("../../mol-math/linear-algebra");
-var loci_1 = require("../../mol-model/loci");
-var shape_1 = require("../../mol-model/shape");
-var visual_1 = require("../../mol-repr/visual");
-var names_1 = require("../../mol-util/color/names");
-var marker_action_1 = require("../../mol-util/marker-action");
-var param_definition_1 = require("../../mol-util/param-definition");
-var camera_1 = require("../camera");
-// TODO add scale line/grid
-var AxesParams = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params), { alpha: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params.alpha), { defaultValue: 0.51 }), ignoreLight: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params.ignoreLight), { defaultValue: true }), colorX: param_definition_1.ParamDefinition.Color(names_1.ColorNames.red, { isEssential: true }), colorY: param_definition_1.ParamDefinition.Color(names_1.ColorNames.green, { isEssential: true }), colorZ: param_definition_1.ParamDefinition.Color(names_1.ColorNames.blue, { isEssential: true }), scale: param_definition_1.ParamDefinition.Numeric(0.33, { min: 0.1, max: 2, step: 0.1 }, { isEssential: true }) });
-exports.CameraHelperParams = {
-    axes: param_definition_1.ParamDefinition.MappedStatic('on', {
-        on: param_definition_1.ParamDefinition.Group(AxesParams),
-        off: param_definition_1.ParamDefinition.Group({})
-    }, { cycle: true, description: 'Show camera orientation axes' }),
-};
-var CameraHelper = /** @class */ (function () {
-    function CameraHelper(webgl, props) {
-        var _this = this;
-        if (props === void 0) { props = {}; }
-        this.webgl = webgl;
-        this.props = {
-            axes: { name: 'off', params: {} }
-        };
-        this.eachGroup = function (loci, apply) {
-            if (!_this.renderObject)
-                return false;
-            if (!isCameraAxesLoci(loci))
-                return false;
-            var changed = false;
-            var groupCount = _this.renderObject.values.uGroupCount.ref.value;
-            var elements = loci.elements;
-            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
-                var _a = elements_1[_i], groupId = _a.groupId, instanceId = _a.instanceId;
-                var idx = instanceId * groupCount + groupId;
-                if (apply(interval_1.Interval.ofSingleton(idx)))
-                    changed = true;
-            }
-            return changed;
-        };
-        this.scene = scene_1.Scene.create(webgl, render_item_1.GraphicsRenderVariantsBlended);
-        this.camera = new camera_1.Camera();
-        linear_algebra_1.Vec3.set(this.camera.up, 0, 1, 0);
-        linear_algebra_1.Vec3.set(this.camera.target, 0, 0, 0);
-        this.setProps(props);
-    }
-    CameraHelper.prototype.setProps = function (props) {
-        var _this = this;
-        this.props = (0, immer_1.default)(this.props, function (p) {
-            if (props.axes !== undefined) {
-                p.axes.name = props.axes.name;
-                if (props.axes.name === 'on') {
-                    _this.scene.clear();
-                    var params = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props.axes.params), { scale: props.axes.params.scale * _this.webgl.pixelRatio });
-                    _this.renderObject = createAxesRenderObject(params);
-                    _this.scene.add(_this.renderObject);
-                    _this.scene.commit();
-                    linear_algebra_1.Vec3.set(_this.camera.position, 0, 0, params.scale * 200);
-                    linear_algebra_1.Mat4.lookAt(_this.camera.view, _this.camera.position, _this.camera.target, _this.camera.up);
-                    p.axes.params = (0, tslib_1.__assign)({}, props.axes.params);
-                }
-            }
-        });
-    };
-    Object.defineProperty(CameraHelper.prototype, "isEnabled", {
-        get: function () {
-            return this.props.axes.name === 'on';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CameraHelper.prototype.getLoci = function (pickingId) {
-        var objectId = pickingId.objectId, groupId = pickingId.groupId, instanceId = pickingId.instanceId;
-        if (!this.renderObject || objectId !== this.renderObject.id || groupId === 0 /* None */)
-            return loci_1.EmptyLoci;
-        return CameraAxesLoci(this, groupId, instanceId);
-    };
-    CameraHelper.prototype.mark = function (loci, action) {
-        if (!marker_action_1.MarkerActions.is(marker_action_1.MarkerActions.Highlighting, action))
-            return false;
-        if (!isCameraAxesLoci(loci))
-            return false;
-        if (loci.data !== this)
-            return false;
-        return visual_1.Visual.mark(this.renderObject, loci, action, this.eachGroup);
-    };
-    CameraHelper.prototype.update = function (camera) {
-        if (!this.renderObject)
-            return;
-        updateCamera(this.camera, camera.viewport, camera.viewOffset);
-        linear_algebra_1.Mat4.extractRotation(this.scene.view, camera.view);
-        var r = this.renderObject.values.boundingSphere.ref.value.radius;
-        linear_algebra_1.Mat4.setTranslation(this.scene.view, linear_algebra_1.Vec3.create(-camera.viewport.width / 2 + r, -camera.viewport.height / 2 + r, 0));
-    };
-    return CameraHelper;
-}());
-exports.CameraHelper = CameraHelper;
-function getAxisLabel(axis) {
-    switch (axis) {
-        case 1 /* X */: return 'X Axis';
-        case 2 /* Y */: return 'Y Axis';
-        case 3 /* Z */: return 'Z Axis';
-        case 4 /* XY */: return 'XY Plane';
-        case 5 /* XZ */: return 'XZ Plane';
-        case 6 /* YZ */: return 'YZ Plane';
-        default: return 'Axes';
-    }
-}
-function CameraAxesLoci(cameraHelper, groupId, instanceId) {
-    return (0, loci_1.DataLoci)('camera-axes', cameraHelper, [{ groupId: groupId, instanceId: instanceId }], void 0 /** bounding sphere */, function () { return getAxisLabel(groupId); });
-}
-function isCameraAxesLoci(x) {
-    return x.kind === 'data-loci' && x.tag === 'camera-axes';
-}
-exports.isCameraAxesLoci = isCameraAxesLoci;
-function updateCamera(camera, viewport, viewOffset) {
-    var near = camera.near, far = camera.far;
-    var fullLeft = -viewport.width / 2;
-    var fullRight = viewport.width / 2;
-    var fullTop = viewport.height / 2;
-    var fullBottom = -viewport.height / 2;
-    var dx = (fullRight - fullLeft) / 2;
-    var dy = (fullTop - fullBottom) / 2;
-    var cx = (fullRight + fullLeft) / 2;
-    var cy = (fullTop + fullBottom) / 2;
-    var left = cx - dx;
-    var right = cx + dx;
-    var top = cy + dy;
-    var bottom = cy - dy;
-    if (viewOffset.enabled) {
-        var scaleW = (fullRight - fullLeft) / viewOffset.width;
-        var scaleH = (fullTop - fullBottom) / viewOffset.height;
-        left += scaleW * viewOffset.offsetX;
-        right = left + scaleW * viewOffset.width;
-        top -= scaleH * viewOffset.offsetY;
-        bottom = top - scaleH * viewOffset.height;
-    }
-    linear_algebra_1.Mat4.ortho(camera.projection, left, right, top, bottom, near, far);
-}
-function createAxesMesh(scale, mesh) {
-    var state = mesh_builder_1.MeshBuilder.createState(512, 256, mesh);
-    var radius = 0.075 * scale;
-    var x = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitX, scale);
-    var y = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitY, scale);
-    var z = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitZ, scale);
-    var cylinderProps = { radiusTop: radius, radiusBottom: radius, radialSegments: 32 };
-    state.currentGroup = 0 /* None */;
-    (0, sphere_1.addSphere)(state, linear_algebra_1.Vec3.origin, radius, 2);
-    state.currentGroup = 1 /* X */;
-    (0, sphere_1.addSphere)(state, x, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, x, 1, cylinderProps);
-    state.currentGroup = 2 /* Y */;
-    (0, sphere_1.addSphere)(state, y, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, y, 1, cylinderProps);
-    state.currentGroup = 3 /* Z */;
-    (0, sphere_1.addSphere)(state, z, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, z, 1, cylinderProps);
-    linear_algebra_1.Vec3.scale(x, x, 0.5);
-    linear_algebra_1.Vec3.scale(y, y, 0.5);
-    linear_algebra_1.Vec3.scale(z, z, 0.5);
-    state.currentGroup = 4 /* XY */;
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, x, y);
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, y, x);
-    var xy = linear_algebra_1.Vec3.add((0, linear_algebra_1.Vec3)(), x, y);
-    mesh_builder_1.MeshBuilder.addTriangle(state, xy, x, y);
-    mesh_builder_1.MeshBuilder.addTriangle(state, xy, y, x);
-    state.currentGroup = 5 /* XZ */;
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, x, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, z, x);
-    var xz = linear_algebra_1.Vec3.add((0, linear_algebra_1.Vec3)(), x, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, xz, x, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, xz, z, x);
-    state.currentGroup = 6 /* YZ */;
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, y, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, linear_algebra_1.Vec3.origin, z, y);
-    var yz = linear_algebra_1.Vec3.add((0, linear_algebra_1.Vec3)(), y, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, yz, y, z);
-    mesh_builder_1.MeshBuilder.addTriangle(state, yz, z, y);
-    return mesh_builder_1.MeshBuilder.getMesh(state);
-}
-function getAxesShape(props, shape) {
-    var scale = 100 * props.scale;
-    var mesh = createAxesMesh(scale, shape === null || shape === void 0 ? void 0 : shape.geometry);
-    mesh.setBoundingSphere(geometry_1.Sphere3D.create(linear_algebra_1.Vec3.create(scale / 2, scale / 2, scale / 2), scale + scale / 4));
-    var getColor = function (groupId) {
-        switch (groupId) {
-            case 1: return props.colorX;
-            case 2: return props.colorY;
-            case 3: return props.colorZ;
-            default: return names_1.ColorNames.grey;
-        }
-    };
-    return shape_1.Shape.create('axes', {}, mesh, getColor, function () { return 1; }, function () { return ''; });
-}
-function createAxesRenderObject(props) {
-    var shape = getAxesShape(props);
-    return shape_1.Shape.createRenderObject(shape, props);
-}
-//# sourceMappingURL=camera-helper.js.map

package/lib/commonjs/mol-canvas3d/helper/handle-helper.js

@@ -1,184 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
- *
- * @author Alexander Rose <alexander.rose@weirdbyte.de>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHandleLoci = exports.HandleGroup = exports.HandleHelper = exports.HandleHelperParams = void 0;
-var tslib_1 = require("tslib");
-var scene_1 = require("../../mol-gl/scene");
-var mesh_builder_1 = require("../../mol-geo/geometry/mesh/mesh-builder");
-var linear_algebra_1 = require("../../mol-math/linear-algebra");
-var sphere_1 = require("../../mol-geo/geometry/mesh/builder/sphere");
-var mesh_1 = require("../../mol-geo/geometry/mesh/mesh");
-var names_1 = require("../../mol-util/color/names");
-var cylinder_1 = require("../../mol-geo/geometry/mesh/builder/cylinder");
-var mol_util_1 = require("../../mol-util");
-var geometry_1 = require("../../mol-math/geometry");
-var param_definition_1 = require("../../mol-util/param-definition");
-var immer_1 = (0, tslib_1.__importDefault)(require("immer"));
-var shape_1 = require("../../mol-model/shape");
-var loci_1 = require("../../mol-model/loci");
-var marker_action_1 = require("../../mol-util/marker-action");
-var visual_1 = require("../../mol-repr/visual");
-var int_1 = require("../../mol-data/int");
-var render_item_1 = require("../../mol-gl/webgl/render-item");
-var HandleParams = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params), { alpha: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params.alpha), { defaultValue: 1 }), ignoreLight: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, mesh_1.Mesh.Params.ignoreLight), { defaultValue: true }), colorX: param_definition_1.ParamDefinition.Color(names_1.ColorNames.red, { isEssential: true }), colorY: param_definition_1.ParamDefinition.Color(names_1.ColorNames.green, { isEssential: true }), colorZ: param_definition_1.ParamDefinition.Color(names_1.ColorNames.blue, { isEssential: true }), scale: param_definition_1.ParamDefinition.Numeric(0.33, { min: 0.1, max: 2, step: 0.1 }, { isEssential: true }) });
-exports.HandleHelperParams = {
-    handle: param_definition_1.ParamDefinition.MappedStatic('off', {
-        on: param_definition_1.ParamDefinition.Group(HandleParams),
-        off: param_definition_1.ParamDefinition.Group({})
-    }, { cycle: true, description: 'Show handle tool' }),
-};
-var HandleHelper = /** @class */ (function () {
-    function HandleHelper(webgl, props) {
-        var _this = this;
-        if (props === void 0) { props = {}; }
-        this.webgl = webgl;
-        this.props = {
-            handle: { name: 'off', params: {} }
-        };
-        this._transform = (0, linear_algebra_1.Mat4)();
-        this.eachGroup = function (loci, apply) {
-            if (!_this.renderObject)
-                return false;
-            if (!isHandleLoci(loci))
-                return false;
-            var changed = false;
-            var groupCount = _this.renderObject.values.uGroupCount.ref.value;
-            var elements = loci.elements;
-            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
-                var _a = elements_1[_i], groupId = _a.groupId, instanceId = _a.instanceId;
-                var idx = instanceId * groupCount + groupId;
-                if (apply(int_1.Interval.ofSingleton(idx)))
-                    changed = true;
-            }
-            return changed;
-        };
-        this.scene = scene_1.Scene.create(webgl, render_item_1.GraphicsRenderVariantsBlended);
-        this.setProps(props);
-    }
-    HandleHelper.prototype.getBoundingSphere = function (out, instanceId) {
-        if (this.renderObject) {
-            geometry_1.Sphere3D.copy(out, this.renderObject.values.invariantBoundingSphere.ref.value);
-            linear_algebra_1.Mat4.fromArray(this._transform, this.renderObject.values.aTransform.ref.value, instanceId * 16);
-            geometry_1.Sphere3D.transform(out, out, this._transform);
-        }
-        return out;
-    };
-    HandleHelper.prototype.setProps = function (props) {
-        var _this = this;
-        this.props = (0, immer_1.default)(this.props, function (p) {
-            if (props.handle !== undefined) {
-                p.handle.name = props.handle.name;
-                if (props.handle.name === 'on') {
-                    _this.scene.clear();
-                    var params = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props.handle.params), { scale: props.handle.params.scale * _this.webgl.pixelRatio });
-                    _this.renderObject = createHandleRenderObject(params);
-                    _this.scene.add(_this.renderObject);
-                    _this.scene.commit();
-                    p.handle.params = (0, tslib_1.__assign)({}, props.handle.params);
-                }
-            }
-        });
-    };
-    Object.defineProperty(HandleHelper.prototype, "isEnabled", {
-        get: function () {
-            return this.props.handle.name === 'on';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    // TODO could be a lists of position/rotation if we want to show more than one handle tool,
-    //      they would be distingishable by their instanceId
-    HandleHelper.prototype.update = function (camera, position, rotation) {
-        if (!this.renderObject)
-            return;
-        linear_algebra_1.Mat4.setTranslation(this.renderObject.values.aTransform.ref.value, position);
-        linear_algebra_1.Mat4.fromMat3(this.renderObject.values.aTransform.ref.value, rotation);
-        // TODO make invariant to camera scaling by adjusting renderObject transform
-        mol_util_1.ValueCell.update(this.renderObject.values.aTransform, this.renderObject.values.aTransform.ref.value);
-        this.scene.update([this.renderObject], true);
-    };
-    HandleHelper.prototype.getLoci = function (pickingId) {
-        var objectId = pickingId.objectId, groupId = pickingId.groupId, instanceId = pickingId.instanceId;
-        if (!this.renderObject || objectId !== this.renderObject.id)
-            return loci_1.EmptyLoci;
-        return HandleLoci(this, groupId, instanceId);
-    };
-    HandleHelper.prototype.mark = function (loci, action) {
-        if (!marker_action_1.MarkerActions.is(marker_action_1.MarkerActions.Highlighting, action))
-            return false;
-        if (!isHandleLoci(loci))
-            return false;
-        if (loci.data !== this)
-            return false;
-        return visual_1.Visual.mark(this.renderObject, loci, action, this.eachGroup);
-    };
-    return HandleHelper;
-}());
-exports.HandleHelper = HandleHelper;
-function createHandleMesh(scale, mesh) {
-    var state = mesh_builder_1.MeshBuilder.createState(512, 256, mesh);
-    var radius = 0.05 * scale;
-    var x = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitX, scale);
-    var y = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitY, scale);
-    var z = linear_algebra_1.Vec3.scale((0, linear_algebra_1.Vec3)(), linear_algebra_1.Vec3.unitZ, scale);
-    var cylinderProps = { radiusTop: radius, radiusBottom: radius, radialSegments: 32 };
-    state.currentGroup = exports.HandleGroup.TranslateScreenXY;
-    (0, sphere_1.addSphere)(state, linear_algebra_1.Vec3.origin, radius * 3, 2);
-    state.currentGroup = exports.HandleGroup.TranslateObjectX;
-    (0, sphere_1.addSphere)(state, x, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, x, 1, cylinderProps);
-    state.currentGroup = exports.HandleGroup.TranslateObjectY;
-    (0, sphere_1.addSphere)(state, y, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, y, 1, cylinderProps);
-    state.currentGroup = exports.HandleGroup.TranslateObjectZ;
-    (0, sphere_1.addSphere)(state, z, radius, 2);
-    (0, cylinder_1.addCylinder)(state, linear_algebra_1.Vec3.origin, z, 1, cylinderProps);
-    // TODO add more helper geometries for the other HandleGroup options
-    // TODO add props to create subset of geometries
-    return mesh_builder_1.MeshBuilder.getMesh(state);
-}
-exports.HandleGroup = {
-    None: 0,
-    TranslateScreenXY: 1,
-    // TranslateScreenZ: 2,
-    TranslateObjectX: 3,
-    TranslateObjectY: 4,
-    TranslateObjectZ: 5,
-    // TranslateObjectXY: 6,
-    // TranslateObjectXZ: 7,
-    // TranslateObjectYZ: 8,
-    // RotateScreenZ: 9,
-    // RotateObjectX: 10,
-    // RotateObjectY: 11,
-    // RotateObjectZ: 12,
-};
-function HandleLoci(handleHelper, groupId, instanceId) {
-    return (0, loci_1.DataLoci)('handle', handleHelper, [{ groupId: groupId, instanceId: instanceId }], function (boundingSphere) { return handleHelper.getBoundingSphere(boundingSphere, instanceId); }, function () { return "Handle Helper | Group Id ".concat(groupId, " | Instance Id ").concat(instanceId); });
-}
-function isHandleLoci(x) {
-    return x.kind === 'data-loci' && x.tag === 'handle';
-}
-exports.isHandleLoci = isHandleLoci;
-function getHandleShape(props, shape) {
-    var scale = 10 * props.scale;
-    var mesh = createHandleMesh(scale, shape === null || shape === void 0 ? void 0 : shape.geometry);
-    mesh.setBoundingSphere(geometry_1.Sphere3D.create(linear_algebra_1.Vec3.create(scale / 2, scale / 2, scale / 2), scale + scale / 4));
-    var getColor = function (groupId) {
-        switch (groupId) {
-            case exports.HandleGroup.TranslateObjectX: return props.colorX;
-            case exports.HandleGroup.TranslateObjectY: return props.colorY;
-            case exports.HandleGroup.TranslateObjectZ: return props.colorZ;
-            default: return names_1.ColorNames.grey;
-        }
-    };
-    return shape_1.Shape.create('handle', {}, mesh, getColor, function () { return 1; }, function () { return ''; });
-}
-function createHandleRenderObject(props) {
-    var shape = getHandleShape(props);
-    return shape_1.Shape.createRenderObject(shape, props);
-}
-//# sourceMappingURL=handle-helper.js.map

package/lib/commonjs/mol-canvas3d/helper/helper.js

@@ -1,33 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
- *
- * @author Alexander Rose <alexander.rose@weirdbyte.de>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Helper = exports.DefaultHelperProps = exports.HelperParams = void 0;
-var tslib_1 = require("tslib");
-var param_definition_1 = require("../../mol-util/param-definition");
-var bounding_sphere_helper_1 = require("./bounding-sphere-helper");
-var camera_helper_1 = require("./camera-helper");
-var handle_helper_1 = require("./handle-helper");
-exports.HelperParams = {
-    debug: param_definition_1.ParamDefinition.Group(bounding_sphere_helper_1.DebugHelperParams),
-    camera: param_definition_1.ParamDefinition.Group({
-        helper: param_definition_1.ParamDefinition.Group(camera_helper_1.CameraHelperParams)
-    }),
-    handle: param_definition_1.ParamDefinition.Group(handle_helper_1.HandleHelperParams),
-};
-exports.DefaultHelperProps = param_definition_1.ParamDefinition.getDefaultValues(exports.HelperParams);
-var Helper = /** @class */ (function () {
-    function Helper(webgl, scene, props) {
-        if (props === void 0) { props = {}; }
-        var p = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, exports.DefaultHelperProps), props);
-        this.debug = new bounding_sphere_helper_1.BoundingSphereHelper(webgl, scene, p.debug);
-        this.camera = new camera_helper_1.CameraHelper(webgl, p.camera.helper);
-        this.handle = new handle_helper_1.HandleHelper(webgl, p.handle);
-    }
-    return Helper;
-}());
-exports.Helper = Helper;
-//# sourceMappingURL=helper.js.map

package/lib/commonjs/mol-canvas3d/passes/fxaa.js

@@ -1,94 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
- *
- * @author Alexander Rose <alexander.rose@weirdbyte.de>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FxaaPass = exports.FxaaParams = void 0;
-var tslib_1 = require("tslib");
-var util_1 = require("../../mol-gl/compute/util");
-var renderable_1 = require("../../mol-gl/renderable");
-var schema_1 = require("../../mol-gl/renderable/schema");
-var shader_code_1 = require("../../mol-gl/shader-code");
-var render_item_1 = require("../../mol-gl/webgl/render-item");
-var linear_algebra_1 = require("../../mol-math/linear-algebra");
-var mol_util_1 = require("../../mol-util");
-var param_definition_1 = require("../../mol-util/param-definition");
-var quad_vert_1 = require("../../mol-gl/shader/quad.vert");
-var fxaa_frag_1 = require("../../mol-gl/shader/fxaa.frag");
-exports.FxaaParams = {
-    edgeThresholdMin: param_definition_1.ParamDefinition.Numeric(0.0312, { min: 0.0312, max: 0.0833, step: 0.0001 }, { description: 'Trims the algorithm from processing darks.' }),
-    edgeThresholdMax: param_definition_1.ParamDefinition.Numeric(0.063, { min: 0.063, max: 0.333, step: 0.001 }, { description: 'The minimum amount of local contrast required to apply algorithm.' }),
-    iterations: param_definition_1.ParamDefinition.Numeric(12, { min: 0, max: 16, step: 1 }, { description: 'Number of edge exploration steps.' }),
-    subpixelQuality: param_definition_1.ParamDefinition.Numeric(0.30, { min: 0.00, max: 1.00, step: 0.01 }, { description: 'Choose the amount of sub-pixel aliasing removal.' }),
-};
-var FxaaPass = /** @class */ (function () {
-    function FxaaPass(webgl, input) {
-        this.webgl = webgl;
-        this.renderable = getFxaaRenderable(webgl, input);
-    }
-    FxaaPass.prototype.updateState = function (viewport) {
-        var _a = this.webgl, gl = _a.gl, state = _a.state;
-        state.enable(gl.SCISSOR_TEST);
-        state.disable(gl.BLEND);
-        state.disable(gl.DEPTH_TEST);
-        state.depthMask(false);
-        var x = viewport.x, y = viewport.y, width = viewport.width, height = viewport.height;
-        gl.viewport(x, y, width, height);
-        gl.scissor(x, y, width, height);
-        state.clearColor(0, 0, 0, 1);
-        gl.clear(gl.COLOR_BUFFER_BIT);
-    };
-    FxaaPass.prototype.setSize = function (width, height) {
-        mol_util_1.ValueCell.update(this.renderable.values.uTexSizeInv, linear_algebra_1.Vec2.set(this.renderable.values.uTexSizeInv.ref.value, 1 / width, 1 / height));
-    };
-    FxaaPass.prototype.update = function (input, props) {
-        var values = this.renderable.values;
-        var edgeThresholdMin = props.edgeThresholdMin, edgeThresholdMax = props.edgeThresholdMax, iterations = props.iterations, subpixelQuality = props.subpixelQuality;
-        var needsUpdate = false;
-        if (values.tColor.ref.value !== input) {
-            mol_util_1.ValueCell.update(this.renderable.values.tColor, input);
-            needsUpdate = true;
-        }
-        if (values.dEdgeThresholdMin.ref.value !== edgeThresholdMin)
-            needsUpdate = true;
-        mol_util_1.ValueCell.updateIfChanged(values.dEdgeThresholdMin, edgeThresholdMin);
-        if (values.dEdgeThresholdMax.ref.value !== edgeThresholdMax)
-            needsUpdate = true;
-        mol_util_1.ValueCell.updateIfChanged(values.dEdgeThresholdMax, edgeThresholdMax);
-        if (values.dIterations.ref.value !== iterations)
-            needsUpdate = true;
-        mol_util_1.ValueCell.updateIfChanged(values.dIterations, iterations);
-        if (values.dSubpixelQuality.ref.value !== subpixelQuality)
-            needsUpdate = true;
-        mol_util_1.ValueCell.updateIfChanged(values.dSubpixelQuality, subpixelQuality);
-        if (needsUpdate) {
-            this.renderable.update();
-        }
-    };
-    FxaaPass.prototype.render = function (viewport, target) {
-        if (target) {
-            target.bind();
-        }
-        else {
-            this.webgl.unbindFramebuffer();
-        }
-        this.updateState(viewport);
-        this.renderable.render();
-    };
-    return FxaaPass;
-}());
-exports.FxaaPass = FxaaPass;
-//
-var FxaaSchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tColor: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'linear'), uTexSizeInv: (0, schema_1.UniformSpec)('v2'), dEdgeThresholdMin: (0, schema_1.DefineSpec)('number'), dEdgeThresholdMax: (0, schema_1.DefineSpec)('number'), dIterations: (0, schema_1.DefineSpec)('number'), dSubpixelQuality: (0, schema_1.DefineSpec)('number') });
-var FxaaShaderCode = (0, shader_code_1.ShaderCode)('fxaa', quad_vert_1.quad_vert, fxaa_frag_1.fxaa_frag);
-function getFxaaRenderable(ctx, colorTexture) {
-    var width = colorTexture.getWidth();
-    var height = colorTexture.getHeight();
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tColor: mol_util_1.ValueCell.create(colorTexture), uTexSizeInv: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(1 / width, 1 / height)), dEdgeThresholdMin: mol_util_1.ValueCell.create(0.0312), dEdgeThresholdMax: mol_util_1.ValueCell.create(0.125), dIterations: mol_util_1.ValueCell.create(12), dSubpixelQuality: mol_util_1.ValueCell.create(0.3) });
-    var schema = (0, tslib_1.__assign)({}, FxaaSchema);
-    var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', FxaaShaderCode, schema, values);
-    return (0, renderable_1.createComputeRenderable)(renderItem, values);
-}
-//# sourceMappingURL=fxaa.js.map

package/lib/commonjs/mol-canvas3d/passes/marking.js

@@ -1,131 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
- *
- * @author Alexander Rose <alexander.rose@weirdbyte.de>
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkingPass = exports.MarkingParams = void 0;
-var tslib_1 = require("tslib");
-var util_1 = require("../../mol-gl/compute/util");
-var renderable_1 = require("../../mol-gl/renderable");
-var schema_1 = require("../../mol-gl/renderable/schema");
-var shader_code_1 = require("../../mol-gl/shader-code");
-var render_item_1 = require("../../mol-gl/webgl/render-item");
-var linear_algebra_1 = require("../../mol-math/linear-algebra");
-var mol_util_1 = require("../../mol-util");
-var param_definition_1 = require("../../mol-util/param-definition");
-var quad_vert_1 = require("../../mol-gl/shader/quad.vert");
-var overlay_frag_1 = require("../../mol-gl/shader/marking/overlay.frag");
-var color_1 = require("../../mol-util/color");
-var edge_frag_1 = require("../../mol-gl/shader/marking/edge.frag");
-exports.MarkingParams = {
-    enabled: param_definition_1.ParamDefinition.Boolean(true),
-    highlightEdgeColor: param_definition_1.ParamDefinition.Color(color_1.Color.darken(color_1.Color.fromNormalizedRgb(1.0, 0.4, 0.6), 1.0)),
-    selectEdgeColor: param_definition_1.ParamDefinition.Color(color_1.Color.darken(color_1.Color.fromNormalizedRgb(0.2, 1.0, 0.1), 1.0)),
-    edgeScale: param_definition_1.ParamDefinition.Numeric(1, { min: 1, max: 3, step: 1 }, { description: 'Thickness of the edge.' }),
-    ghostEdgeStrength: param_definition_1.ParamDefinition.Numeric(0.3, { min: 0, max: 1, step: 0.1 }, { description: 'Opacity of the hidden edges that are covered by other geometry. When set to 1, one less geometry render pass is done.' }),
-    innerEdgeFactor: param_definition_1.ParamDefinition.Numeric(1.5, { min: 0, max: 3, step: 0.1 }, { description: 'Factor to multiply the inner edge color with - for added contrast.' }),
-};
-var MarkingPass = /** @class */ (function () {
-    function MarkingPass(webgl, width, height) {
-        this.webgl = webgl;
-        this.depthTarget = webgl.createRenderTarget(width, height);
-        this.maskTarget = webgl.createRenderTarget(width, height);
-        this.edgesTarget = webgl.createRenderTarget(width, height);
-        this.edge = getEdgeRenderable(webgl, this.maskTarget.texture);
-        this.overlay = getOverlayRenderable(webgl, this.edgesTarget.texture);
-    }
-    MarkingPass.isEnabled = function (props) {
-        return props.enabled;
-    };
-    MarkingPass.prototype.setEdgeState = function (viewport) {
-        var _a = this.webgl, gl = _a.gl, state = _a.state;
-        state.enable(gl.SCISSOR_TEST);
-        state.enable(gl.BLEND);
-        state.blendFunc(gl.ONE, gl.ONE);
-        state.blendEquation(gl.FUNC_ADD);
-        state.disable(gl.DEPTH_TEST);
-        state.depthMask(false);
-        var x = viewport.x, y = viewport.y, width = viewport.width, height = viewport.height;
-        gl.viewport(x, y, width, height);
-        gl.scissor(x, y, width, height);
-        state.clearColor(0, 0, 0, 0);
-        gl.clear(gl.COLOR_BUFFER_BIT);
-    };
-    MarkingPass.prototype.setOverlayState = function (viewport) {
-        var _a = this.webgl, gl = _a.gl, state = _a.state;
-        state.enable(gl.SCISSOR_TEST);
-        state.enable(gl.BLEND);
-        state.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-        state.blendEquation(gl.FUNC_ADD);
-        state.disable(gl.DEPTH_TEST);
-        state.depthMask(false);
-        var x = viewport.x, y = viewport.y, width = viewport.width, height = viewport.height;
-        gl.viewport(x, y, width, height);
-        gl.scissor(x, y, width, height);
-    };
-    MarkingPass.prototype.setSize = function (width, height) {
-        var w = this.depthTarget.getWidth();
-        var h = this.depthTarget.getHeight();
-        if (width !== w || height !== h) {
-            this.depthTarget.setSize(width, height);
-            this.maskTarget.setSize(width, height);
-            this.edgesTarget.setSize(width, height);
-            mol_util_1.ValueCell.update(this.edge.values.uTexSizeInv, linear_algebra_1.Vec2.set(this.edge.values.uTexSizeInv.ref.value, 1 / width, 1 / height));
-            mol_util_1.ValueCell.update(this.overlay.values.uTexSizeInv, linear_algebra_1.Vec2.set(this.overlay.values.uTexSizeInv.ref.value, 1 / width, 1 / height));
-        }
-    };
-    MarkingPass.prototype.update = function (props) {
-        var highlightEdgeColor = props.highlightEdgeColor, selectEdgeColor = props.selectEdgeColor, edgeScale = props.edgeScale, innerEdgeFactor = props.innerEdgeFactor, ghostEdgeStrength = props.ghostEdgeStrength;
-        var edgeValues = this.edge.values;
-        var _edgeScale = Math.round(edgeScale * this.webgl.pixelRatio);
-        if (edgeValues.dEdgeScale.ref.value !== _edgeScale) {
-            mol_util_1.ValueCell.update(edgeValues.dEdgeScale, _edgeScale);
-            this.edge.update();
-        }
-        var overlayValues = this.overlay.values;
-        mol_util_1.ValueCell.update(overlayValues.uHighlightEdgeColor, color_1.Color.toVec3Normalized(overlayValues.uHighlightEdgeColor.ref.value, highlightEdgeColor));
-        mol_util_1.ValueCell.update(overlayValues.uSelectEdgeColor, color_1.Color.toVec3Normalized(overlayValues.uSelectEdgeColor.ref.value, selectEdgeColor));
-        mol_util_1.ValueCell.update(overlayValues.uInnerEdgeFactor, innerEdgeFactor);
-        mol_util_1.ValueCell.update(overlayValues.uGhostEdgeStrength, ghostEdgeStrength);
-    };
-    MarkingPass.prototype.render = function (viewport, target) {
-        this.edgesTarget.bind();
-        this.setEdgeState(viewport);
-        this.edge.render();
-        if (target) {
-            target.bind();
-        }
-        else {
-            this.webgl.unbindFramebuffer();
-        }
-        this.setOverlayState(viewport);
-        this.overlay.render();
-    };
-    return MarkingPass;
-}());
-exports.MarkingPass = MarkingPass;
-//
-var EdgeSchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tMaskTexture: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'linear'), uTexSizeInv: (0, schema_1.UniformSpec)('v2'), dEdgeScale: (0, schema_1.DefineSpec)('number') });
-var EdgeShaderCode = (0, shader_code_1.ShaderCode)('edge', quad_vert_1.quad_vert, edge_frag_1.edge_frag);
-function getEdgeRenderable(ctx, maskTexture) {
-    var width = maskTexture.getWidth();
-    var height = maskTexture.getHeight();
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tMaskTexture: mol_util_1.ValueCell.create(maskTexture), uTexSizeInv: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(1 / width, 1 / height)), dEdgeScale: mol_util_1.ValueCell.create(1) });
-    var schema = (0, tslib_1.__assign)({}, EdgeSchema);
-    var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', EdgeShaderCode, schema, values);
-    return (0, renderable_1.createComputeRenderable)(renderItem, values);
-}
-//
-var OverlaySchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tEdgeTexture: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'linear'), uTexSizeInv: (0, schema_1.UniformSpec)('v2'), uHighlightEdgeColor: (0, schema_1.UniformSpec)('v3'), uSelectEdgeColor: (0, schema_1.UniformSpec)('v3'), uGhostEdgeStrength: (0, schema_1.UniformSpec)('f'), uInnerEdgeFactor: (0, schema_1.UniformSpec)('f') });
-var OverlayShaderCode = (0, shader_code_1.ShaderCode)('overlay', quad_vert_1.quad_vert, overlay_frag_1.overlay_frag);
-function getOverlayRenderable(ctx, edgeTexture) {
-    var width = edgeTexture.getWidth();
-    var height = edgeTexture.getHeight();
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tEdgeTexture: mol_util_1.ValueCell.create(edgeTexture), uTexSizeInv: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(1 / width, 1 / height)), uHighlightEdgeColor: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec3)()), uSelectEdgeColor: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec3)()), uGhostEdgeStrength: mol_util_1.ValueCell.create(0), uInnerEdgeFactor: mol_util_1.ValueCell.create(0) });
-    var schema = (0, tslib_1.__assign)({}, OverlaySchema);
-    var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', OverlayShaderCode, schema, values);
-    return (0, renderable_1.createComputeRenderable)(renderItem, values);
-}
-//# sourceMappingURL=marking.js.map