molstar 3.0.0-dev.6 → 3.0.0-dev.7

package/lib/commonjs/extensions/anvil/behavior.d.ts

@@ -32,6 +32,10 @@ declare const MembraneOrientation3D: StateTransformer<PluginStateObject.Molecule
         roughness: number;
         bumpiness: number;
     }>;
+    clip: PD.Normalize<{
+        variant: any;
+        objects: any;
+    }>;
     sectorOpacity: number;
     doubleSided: boolean;
     flipSided: boolean;

package/lib/commonjs/extensions/anvil/representation.d.ts

@@ -27,6 +27,16 @@ declare const BilayerPlanesParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type BilayerPlanesParams = typeof BilayerPlanesParams;
 export declare type BilayerPlanesProps = PD.Values<BilayerPlanesParams>;
@@ -44,6 +54,16 @@ declare const BilayerRimsParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type BilayerRimsParams = typeof BilayerRimsParams;
 export declare type BilayerRimsProps = PD.Values<BilayerRimsParams>;
@@ -62,6 +82,16 @@ export declare const MembraneOrientationParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
     sectorOpacity: PD.Numeric;
     doubleSided: PD.BooleanParam;
     flipSided: PD.BooleanParam;
@@ -88,6 +118,16 @@ export declare function getMembraneOrientationParams(ctx: ThemeRegistryContext,
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
     sectorOpacity: PD.Numeric;
     doubleSided: PD.BooleanParam;
     flipSided: PD.BooleanParam;
@@ -114,6 +154,16 @@ export declare const MembraneOrientationRepresentationProvider: StructureReprese
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
     sectorOpacity: PD.Numeric;
     doubleSided: PD.BooleanParam;
     flipSided: PD.BooleanParam;

package/lib/commonjs/extensions/cellpack/representation.d.ts

@@ -52,6 +52,16 @@ export declare const MBParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type MBParams = typeof MBParams;
 export declare type UnitcellProps = PD.Values<MBParams>;

package/lib/commonjs/extensions/dnatco/confal-pyramids/representation.d.ts

@@ -26,6 +26,16 @@ export declare const ConfalPyramidsParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type ConfalPyramidsParams = typeof ConfalPyramidsParams;
 export declare function getConfalPyramidsParams(ctx: ThemeRegistryContext, structure: Structure): {
@@ -45,6 +55,16 @@ export declare function getConfalPyramidsParams(ctx: ThemeRegistryContext, struc
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type ConfalPyramidsRepresentation = StructureRepresentation<ConfalPyramidsParams>;
 export declare function ConfalPyramidsRepresentation(ctx: RepresentationContext, getParams: RepresentationParamsGetter<Structure, ConfalPyramidsParams>): ConfalPyramidsRepresentation;
@@ -65,4 +85,14 @@ export declare const ConfalPyramidsRepresentationProvider: StructureRepresentati
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 }, "confal-pyramids">;

package/lib/commonjs/extensions/rcsb/assembly-symmetry/behavior.d.ts

@@ -33,6 +33,10 @@ declare const AssemblySymmetry3D: StateTransformer<PluginStateObject.Molecule.St
         roughness: number;
         bumpiness: number;
     }>;
+    clip: PD.Normalize<{
+        variant: any;
+        objects: any;
+    }>;
     axesColor: PD.NamedParams<PD.Normalize<{
         colorValue: any;
     }>, "uniform"> | PD.NamedParams<PD.Normalize<unknown>, "byOrder">;

package/lib/commonjs/extensions/rcsb/assembly-symmetry/representation.d.ts

@@ -25,6 +25,16 @@ export declare const AssemblySymmetryParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
     axesColor: PD.Mapped<PD.NamedParams<PD.Normalize<{
         colorValue: Color;
     }>, "uniform"> | PD.NamedParams<PD.Normalize<unknown>, "byOrder">>;

package/lib/commonjs/extensions/rcsb/validation-report/representation.d.ts

@@ -40,6 +40,16 @@ export declare const IntraUnitClashParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type IntraUnitClashParams = typeof IntraUnitClashParams;
 export declare function IntraUnitClashVisual(materialId: number): UnitsVisual<IntraUnitClashParams>;
@@ -72,6 +82,16 @@ export declare const InterUnitClashParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type InterUnitClashParams = typeof InterUnitClashParams;
 export declare function InterUnitClashVisual(materialId: number): ComplexVisual<InterUnitClashParams>;
@@ -105,6 +125,16 @@ export declare const ClashesParams: {
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type ClashesParams = typeof ClashesParams;
 export declare function getClashesParams(ctx: ThemeRegistryContext, structure: Structure): {
@@ -137,6 +167,16 @@ export declare function getClashesParams(ctx: ThemeRegistryContext, structure: S
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 };
 export declare type ClashesRepresentation = StructureRepresentation<ClashesParams>;
 export declare function ClashesRepresentation(ctx: RepresentationContext, getParams: RepresentationParamsGetter<Structure, ClashesParams>): ClashesRepresentation;
@@ -170,4 +210,14 @@ export declare const ClashesRepresentationProvider: StructureRepresentationProvi
         roughness: number;
         bumpiness: number;
     }>>;
+    clip: PD.Group<PD.Normalize<{
+        variant: import("../../../mol-util/clip").Clip.Variant;
+        objects: PD.Normalize<{
+            type: any;
+            invert: any;
+            position: any;
+            rotation: any;
+            scale: any;
+        }>[];
+    }>>;
 }, ValidationReport.Tag.Clashes>;

package/lib/commonjs/mol-canvas3d/canvas3d.d.ts

@@ -107,10 +107,6 @@ export declare const Canvas3DParams: {
         }>[];
         ambientColor: import("../mol-util/color").Color;
         ambientIntensity: number;
-        clip: PD.Normalize<{
-            variant: any;
-            objects: any;
-        }>;
     }>>;
     trackball: PD.Group<PD.Normalize<{
         noScroll: boolean;
@@ -169,6 +165,7 @@ export declare const Canvas3DParams: {
             bumpAmplitude: any;
             quality: any;
             material: any;
+            clip: any;
         }>, "on">;
     }>>;
 };
@@ -258,10 +255,6 @@ export declare const DefaultCanvas3DParams: PD.Values<{
         }>[];
         ambientColor: import("../mol-util/color").Color;
         ambientIntensity: number;
-        clip: PD.Normalize<{
-            variant: any;
-            objects: any;
-        }>;
     }>>;
     trackball: PD.Group<PD.Normalize<{
         noScroll: boolean;
@@ -320,6 +313,7 @@ export declare const DefaultCanvas3DParams: PD.Values<{
             bumpAmplitude: any;
             quality: any;
             material: any;
+            clip: any;
         }>, "on">;
     }>>;
 }>;

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

@@ -38,6 +38,7 @@ var helper_1 = require("./helper/helper");
 var passes_1 = require("./passes/passes");
 var mol_util_1 = require("../mol-util");
 var marking_1 = require("./passes/marking");
+var render_item_1 = require("../mol-gl/webgl/render-item");
 exports.Canvas3DParams = {
     camera: param_definition_1.ParamDefinition.Group({
         mode: param_definition_1.ParamDefinition.Select('perspective', param_definition_1.ParamDefinition.arrayToOptions(['perspective', 'orthographic']), { label: 'Camera' }),
@@ -202,7 +203,7 @@ var Canvas3D;
         var width = 128;
         var height = 128;
         updateViewport();
-        var scene = scene_1.Scene.create(webgl);
+        var scene = scene_1.Scene.create(webgl, passes.draw.wboitEnabled ? render_item_1.GraphicsRenderVariantsWboit : render_item_1.GraphicsRenderVariantsBlended);
         var camera = new camera_1.Camera({
             position: linear_algebra_1.Vec3.create(0, 0, 100),
             mode: p.camera.mode,

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

@@ -18,6 +18,7 @@ var names_1 = require("../../mol-util/color/names");
 var sphere_2 = require("../../mol-geo/primitive/sphere");
 var mol_util_1 = require("../../mol-util");
 var geometry_2 = require("../../mol-geo/geometry/geometry");
+var render_item_1 = require("../../mol-gl/webgl/render-item");
 exports.DebugHelperParams = {
     sceneBoundingSpheres: param_definition_1.ParamDefinition.Boolean(false, { description: 'Show full scene bounding spheres.' }),
     visibleSceneBoundingSpheres: param_definition_1.ParamDefinition.Boolean(false, { description: 'Show visible scene bounding spheres.' }),
@@ -28,7 +29,7 @@ var BoundingSphereHelper = /** @class */ (function () {
     function BoundingSphereHelper(ctx, parent, props) {
         this.objectsData = new Map();
         this.instancesData = new Map();
-        this.scene = scene_1.Scene.create(ctx);
+        this.scene = scene_1.Scene.create(ctx, render_item_1.GraphicsRenderVariantsBlended);
         this.parent = parent;
         this._props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, param_definition_1.ParamDefinition.getDefaultValues(exports.DebugHelperParams)), props);
     }
@@ -151,6 +152,6 @@ var objectMaterialId = (0, render_object_1.getNextMaterialId)();
 var instanceMaterialId = (0, render_object_1.getNextMaterialId)();
 function createBoundingSphereRenderObject(mesh, color, materialId, transform) {
     var values = mesh_1.Mesh.Utils.createValuesSimple(mesh, { alpha: 0.1, doubleSided: false }, color, 1, transform);
-    return (0, render_object_1.createRenderObject)('mesh', values, { disposed: false, visible: true, alphaFactor: 1, pickable: false, colorOnly: false, opaque: false, writeDepth: false, noClip: false }, materialId);
+    return (0, render_object_1.createRenderObject)('mesh', values, { disposed: false, visible: true, alphaFactor: 1, pickable: false, colorOnly: false, opaque: false, writeDepth: false }, materialId);
 }
 //# sourceMappingURL=bounding-sphere-helper.js.map

package/lib/commonjs/mol-canvas3d/helper/camera-helper.d.ts

@@ -30,6 +30,10 @@ export declare const CameraHelperParams: {
             roughness: number;
             bumpiness: number;
         }>;
+        clip: PD.Normalize<{
+            variant: any;
+            objects: any;
+        }>;
     }>, "on">>;
 };
 export declare type CameraHelperParams = typeof CameraHelperParams;

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

@@ -14,6 +14,7 @@ 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");
@@ -55,7 +56,7 @@ var CameraHelper = /** @class */ (function () {
             }
             return changed;
         };
-        this.scene = scene_1.Scene.create(webgl);
+        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);
@@ -70,7 +71,6 @@ var CameraHelper = /** @class */ (function () {
                     _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.renderObject.state.noClip = true;
                     _this.scene.add(_this.renderObject);
                     _this.scene.commit();
                     linear_algebra_1.Vec3.set(_this.camera.position, 0, 0, params.scale * 200);

package/lib/commonjs/mol-canvas3d/helper/handle-helper.d.ts

@@ -32,6 +32,10 @@ export declare const HandleHelperParams: {
             roughness: number;
             bumpiness: number;
         }>;
+        clip: PD.Normalize<{
+            variant: any;
+            objects: any;
+        }>;
     }>, "on">>;
 };
 export declare type HandleHelperParams = typeof HandleHelperParams;

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

@@ -23,6 +23,7 @@ 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', {
@@ -55,7 +56,7 @@ var HandleHelper = /** @class */ (function () {
             }
             return changed;
         };
-        this.scene = scene_1.Scene.create(webgl);
+        this.scene = scene_1.Scene.create(webgl, render_item_1.GraphicsRenderVariantsBlended);
         this.setProps(props);
     }
     HandleHelper.prototype.getBoundingSphere = function (out, instanceId) {
@@ -75,7 +76,6 @@ var HandleHelper = /** @class */ (function () {
                     _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.renderObject.state.noClip = true;
                     _this.scene.add(_this.renderObject);
                     _this.scene.commit();
                     p.handle.params = (0, tslib_1.__assign)({}, props.handle.params);

package/lib/commonjs/mol-canvas3d/helper/helper.d.ts

@@ -37,6 +37,7 @@ export declare const HelperParams: {
             bumpAmplitude: any;
             quality: any;
             material: any;
+            clip: any;
         }>, "on">;
     }>>;
 };
@@ -68,6 +69,7 @@ export declare const DefaultHelperProps: PD.Values<{
             bumpAmplitude: any;
             quality: any;
             material: any;
+            clip: any;
         }>, "on">;
     }>>;
 }>;

package/lib/commonjs/mol-canvas3d/passes/image.d.ts

@@ -63,6 +63,7 @@ export declare const ImageParams: {
             bumpAmplitude: any;
             quality: any;
             material: any;
+            clip: any;
         }>, "on">;
     }>>;
 };

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

@@ -46,29 +46,29 @@ var PickPass = /** @class */ (function () {
             this.depthPickTarget.setSize(this.pickWidth, this.pickHeight);
         }
     };
-    PickPass.prototype.renderVariant = function (renderer, camera, scene, helper, variant) {
+    PickPass.prototype.renderVariant = function (renderer, camera, scene, helper, variant, pickType) {
         var depth = this.drawPass.depthTexturePrimitives;
         renderer.clear(false);
         renderer.update(camera);
-        renderer.renderPick(scene.primitives, camera, variant, null);
-        renderer.renderPick(scene.volumes, camera, variant, depth);
-        renderer.renderPick(helper.handle.scene, camera, variant, null);
+        renderer.renderPick(scene.primitives, camera, variant, null, pickType);
+        renderer.renderPick(scene.volumes, camera, variant, depth, pickType);
+        renderer.renderPick(helper.handle.scene, camera, variant, null, pickType);
         if (helper.camera.isEnabled) {
             helper.camera.update(camera);
             renderer.update(helper.camera.camera);
-            renderer.renderPick(helper.camera.scene, helper.camera.camera, variant, null);
+            renderer.renderPick(helper.camera.scene, helper.camera.camera, variant, null, pickType);
         }
     };
     PickPass.prototype.render = function (renderer, camera, scene, helper) {
         this.objectPickTarget.bind();
-        this.renderVariant(renderer, camera, scene, helper, 'pickObject');
+        this.renderVariant(renderer, camera, scene, helper, 'pick', 1 /* Object */);
         this.instancePickTarget.bind();
-        this.renderVariant(renderer, camera, scene, helper, 'pickInstance');
+        this.renderVariant(renderer, camera, scene, helper, 'pick', 2 /* Instance */);
         this.groupPickTarget.bind();
-        this.renderVariant(renderer, camera, scene, helper, 'pickGroup');
+        this.renderVariant(renderer, camera, scene, helper, 'pick', 3 /* Group */);
         // printTexture(this.webgl, this.groupPickTarget.texture, { id: 'group' })
         this.depthPickTarget.bind();
-        this.renderVariant(renderer, camera, scene, helper, 'depth');
+        this.renderVariant(renderer, camera, scene, helper, 'depth', 0 /* None */);
     };
     return PickPass;
 }());

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

@@ -34,7 +34,7 @@ function getOutlinesRenderable(ctx, depthTexture) {
 }
 var SsaoSchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tDepth: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), uSamples: (0, schema_1.UniformSpec)('v3[]'), dNSamples: (0, schema_1.DefineSpec)('number'), uProjection: (0, schema_1.UniformSpec)('m4'), uInvProjection: (0, schema_1.UniformSpec)('m4'), uBounds: (0, schema_1.UniformSpec)('v4'), uTexSize: (0, schema_1.UniformSpec)('v2'), uRadius: (0, schema_1.UniformSpec)('f'), uBias: (0, schema_1.UniformSpec)('f') });
 function getSsaoRenderable(ctx, depthTexture) {
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tDepth: mol_util_1.ValueCell.create(depthTexture), uSamples: mol_util_1.ValueCell.create([0.0, 0.0, 1.0]), dNSamples: mol_util_1.ValueCell.create(1), uProjection: mol_util_1.ValueCell.create(linear_algebra_1.Mat4.identity()), uInvProjection: mol_util_1.ValueCell.create(linear_algebra_1.Mat4.identity()), uBounds: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(ctx.gl.drawingBufferWidth, ctx.gl.drawingBufferHeight)), uRadius: mol_util_1.ValueCell.create(8.0), uBias: mol_util_1.ValueCell.create(0.025) });
+    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tDepth: mol_util_1.ValueCell.create(depthTexture), uSamples: mol_util_1.ValueCell.create([0.0, 0.0, 1.0]), dNSamples: mol_util_1.ValueCell.create(32), uProjection: mol_util_1.ValueCell.create(linear_algebra_1.Mat4.identity()), uInvProjection: mol_util_1.ValueCell.create(linear_algebra_1.Mat4.identity()), uBounds: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(ctx.gl.drawingBufferWidth, ctx.gl.drawingBufferHeight)), uRadius: mol_util_1.ValueCell.create(8.0), uBias: mol_util_1.ValueCell.create(0.025) });
     var schema = (0, tslib_1.__assign)({}, SsaoSchema);
     var shaderCode = (0, shader_code_1.ShaderCode)('ssao', quad_vert_1.quad_vert, ssao_frag_1.ssao_frag);
     var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', shaderCode, schema, values);
@@ -42,7 +42,7 @@ function getSsaoRenderable(ctx, depthTexture) {
 }
 var SsaoBlurSchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tSsaoDepth: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), uTexSize: (0, schema_1.UniformSpec)('v2'), uKernel: (0, schema_1.UniformSpec)('f[]'), dOcclusionKernelSize: (0, schema_1.DefineSpec)('number'), uBlurDirectionX: (0, schema_1.UniformSpec)('f'), uBlurDirectionY: (0, schema_1.UniformSpec)('f'), uMaxPossibleViewZDiff: (0, schema_1.UniformSpec)('f'), uNear: (0, schema_1.UniformSpec)('f'), uFar: (0, schema_1.UniformSpec)('f'), uBounds: (0, schema_1.UniformSpec)('v4'), dOrthographic: (0, schema_1.DefineSpec)('number') });
 function getSsaoBlurRenderable(ctx, ssaoDepthTexture, direction) {
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tSsaoDepth: mol_util_1.ValueCell.create(ssaoDepthTexture), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(ssaoDepthTexture.getWidth(), ssaoDepthTexture.getHeight())), uKernel: mol_util_1.ValueCell.create([0.0]), dOcclusionKernelSize: mol_util_1.ValueCell.create(1), uBlurDirectionX: mol_util_1.ValueCell.create(direction === 'horizontal' ? 1 : 0), uBlurDirectionY: mol_util_1.ValueCell.create(direction === 'vertical' ? 1 : 0), uMaxPossibleViewZDiff: mol_util_1.ValueCell.create(0.5), uNear: mol_util_1.ValueCell.create(0.0), uFar: mol_util_1.ValueCell.create(10000.0), uBounds: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), dOrthographic: mol_util_1.ValueCell.create(0) });
+    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tSsaoDepth: mol_util_1.ValueCell.create(ssaoDepthTexture), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(ssaoDepthTexture.getWidth(), ssaoDepthTexture.getHeight())), uKernel: mol_util_1.ValueCell.create([0.0]), dOcclusionKernelSize: mol_util_1.ValueCell.create(15), uBlurDirectionX: mol_util_1.ValueCell.create(direction === 'horizontal' ? 1 : 0), uBlurDirectionY: mol_util_1.ValueCell.create(direction === 'vertical' ? 1 : 0), uMaxPossibleViewZDiff: mol_util_1.ValueCell.create(0.5), uNear: mol_util_1.ValueCell.create(0.0), uFar: mol_util_1.ValueCell.create(10000.0), uBounds: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), dOrthographic: mol_util_1.ValueCell.create(0) });
     var schema = (0, tslib_1.__assign)({}, SsaoBlurSchema);
     var shaderCode = (0, shader_code_1.ShaderCode)('ssao_blur', quad_vert_1.quad_vert, ssao_blur_frag_1.ssaoBlur_frag);
     var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', shaderCode, schema, values);
@@ -70,7 +70,7 @@ function getSamples(vectorSamples, nSamples) {
 }
 var PostprocessingSchema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadSchema), { tSsaoDepth: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), tColor: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), tDepth: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), tOutlines: (0, schema_1.TextureSpec)('texture', 'rgba', 'ubyte', 'nearest'), uTexSize: (0, schema_1.UniformSpec)('v2'), dOrthographic: (0, schema_1.DefineSpec)('number'), uNear: (0, schema_1.UniformSpec)('f'), uFar: (0, schema_1.UniformSpec)('f'), uFogNear: (0, schema_1.UniformSpec)('f'), uFogFar: (0, schema_1.UniformSpec)('f'), uFogColor: (0, schema_1.UniformSpec)('v3'), uOutlineColor: (0, schema_1.UniformSpec)('v3'), uTransparentBackground: (0, schema_1.UniformSpec)('b'), uMaxPossibleViewZDiff: (0, schema_1.UniformSpec)('f'), dOcclusionEnable: (0, schema_1.DefineSpec)('boolean'), dOutlineEnable: (0, schema_1.DefineSpec)('boolean'), dOutlineScale: (0, schema_1.DefineSpec)('number'), uOutlineThreshold: (0, schema_1.UniformSpec)('f') });
 function getPostprocessingRenderable(ctx, colorTexture, depthTexture, outlinesTexture, ssaoDepthTexture) {
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tSsaoDepth: mol_util_1.ValueCell.create(ssaoDepthTexture), tColor: mol_util_1.ValueCell.create(colorTexture), tDepth: mol_util_1.ValueCell.create(depthTexture), tOutlines: mol_util_1.ValueCell.create(outlinesTexture), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(colorTexture.getWidth(), colorTexture.getHeight())), dOrthographic: mol_util_1.ValueCell.create(0), uNear: mol_util_1.ValueCell.create(1), uFar: mol_util_1.ValueCell.create(10000), uFogNear: mol_util_1.ValueCell.create(10000), uFogFar: mol_util_1.ValueCell.create(10000), uFogColor: mol_util_1.ValueCell.create(linear_algebra_1.Vec3.create(1, 1, 1)), uOutlineColor: mol_util_1.ValueCell.create(linear_algebra_1.Vec3.create(0, 0, 0)), uTransparentBackground: mol_util_1.ValueCell.create(false), uMaxPossibleViewZDiff: mol_util_1.ValueCell.create(0.5), dOcclusionEnable: mol_util_1.ValueCell.create(false), dOutlineEnable: mol_util_1.ValueCell.create(false), dOutlineScale: mol_util_1.ValueCell.create(1), uOutlineThreshold: mol_util_1.ValueCell.create(0.33) });
+    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tSsaoDepth: mol_util_1.ValueCell.create(ssaoDepthTexture), tColor: mol_util_1.ValueCell.create(colorTexture), tDepth: mol_util_1.ValueCell.create(depthTexture), tOutlines: mol_util_1.ValueCell.create(outlinesTexture), uTexSize: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(colorTexture.getWidth(), colorTexture.getHeight())), dOrthographic: mol_util_1.ValueCell.create(0), uNear: mol_util_1.ValueCell.create(1), uFar: mol_util_1.ValueCell.create(10000), uFogNear: mol_util_1.ValueCell.create(10000), uFogFar: mol_util_1.ValueCell.create(10000), uFogColor: mol_util_1.ValueCell.create(linear_algebra_1.Vec3.create(1, 1, 1)), uOutlineColor: mol_util_1.ValueCell.create(linear_algebra_1.Vec3.create(0, 0, 0)), uTransparentBackground: mol_util_1.ValueCell.create(false), uMaxPossibleViewZDiff: mol_util_1.ValueCell.create(0.5), dOcclusionEnable: mol_util_1.ValueCell.create(true), dOutlineEnable: mol_util_1.ValueCell.create(false), dOutlineScale: mol_util_1.ValueCell.create(1), uOutlineThreshold: mol_util_1.ValueCell.create(0.33) });
     var schema = (0, tslib_1.__assign)({}, PostprocessingSchema);
     var shaderCode = (0, shader_code_1.ShaderCode)('postprocessing', quad_vert_1.quad_vert, postprocessing_frag_1.postprocessing_frag);
     var renderItem = (0, render_item_1.createComputeRenderItem)(ctx, 'triangles', shaderCode, schema, values);

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

@@ -138,7 +138,7 @@ function getWeightsRenderable(ctx, edgesTexture) {
     var height = edgesTexture.getHeight();
     var areaTexture = (0, texture_1.createTexture)(ctx.gl, ctx.extensions, 'image-uint8', 'rgb', 'ubyte', 'linear');
     var searchTexture = (0, texture_1.createTexture)(ctx.gl, ctx.extensions, 'image-uint8', 'rgba', 'ubyte', 'nearest');
-    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tEdges: mol_util_1.ValueCell.create(edgesTexture), tArea: mol_util_1.ValueCell.create(areaTexture), tSearch: mol_util_1.ValueCell.create(searchTexture), uTexSizeInv: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(1 / width, 1 / height)), uViewport: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), dMaxSearchSteps: mol_util_1.ValueCell.create(8) });
+    var values = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, util_1.QuadValues), { tEdges: mol_util_1.ValueCell.create(edgesTexture), tArea: mol_util_1.ValueCell.create(areaTexture), tSearch: mol_util_1.ValueCell.create(searchTexture), uTexSizeInv: mol_util_1.ValueCell.create(linear_algebra_1.Vec2.create(1 / width, 1 / height)), uViewport: mol_util_1.ValueCell.create((0, linear_algebra_1.Vec4)()), dMaxSearchSteps: mol_util_1.ValueCell.create(16) });
     // Note: loading image textures requires `HTMLImageElement` to be available
     (0, texture_1.loadImageTexture)(getAreaTexture(), values.tArea, areaTexture);
     (0, texture_1.loadImageTexture)(getSearchTexture(), values.tSearch, searchTexture);

package/lib/commonjs/mol-geo/geometry/base.d.ts

@@ -10,6 +10,7 @@ import { LocationIterator } from '../util/location-iterator';
 import { ParamDefinition as PD } from '../../mol-util/param-definition';
 import { TransformData } from './transform-data';
 import { Theme } from '../../mol-theme/theme';
+import { Clip } from '../../mol-util/clip';
 export declare const VisualQualityInfo: {
     custom: {};
     auto: {};
@@ -48,6 +49,16 @@ export declare namespace BaseGeometry {
             roughness: number;
             bumpiness: number;
         }>>;
+        clip: PD.Group<PD.Normalize<{
+            variant: Clip.Variant;
+            objects: PD.Normalize<{
+                type: any;
+                invert: any;
+                position: any;
+                rotation: any;
+                scale: any;
+            }>[];
+        }>>;
     };
     type Params = typeof Params;
     type Counts = {
@@ -71,6 +82,13 @@ export declare namespace BaseGeometry {
         uRoughness: ValueCell<number, never>;
         uBumpiness: ValueCell<number, never>;
         dLightCount: ValueCell<number, never>;
+        dClipObjectCount: ValueCell<number, never>;
+        dClipVariant: ValueCell<Clip.Variant, never>;
+        uClipObjectType: ValueCell<number[], never>;
+        uClipObjectInvert: ValueCell<boolean[], never>;
+        uClipObjectPosition: ValueCell<number[], never>;
+        uClipObjectRotation: ValueCell<number[], never>;
+        uClipObjectScale: ValueCell<number[], never>;
     };
     function updateValues(values: BaseValues, props: PD.Values<Params>): void;
     function createRenderableState(props?: Partial<PD.Values<Params>>): RenderableState;

package/lib/commonjs/mol-geo/geometry/base.js

@@ -16,6 +16,7 @@ var uniform_1 = require("../../mol-theme/color/uniform");
 var uniform_2 = require("../../mol-theme/size/uniform");
 var interpolate_1 = require("../../mol-math/interpolate");
 var material_1 = require("../../mol-util/material");
+var clip_1 = require("../../mol-util/clip");
 exports.VisualQualityInfo = {
     'custom': {},
     'auto': {},
@@ -76,6 +77,7 @@ var BaseGeometry;
         alpha: param_definition_1.ParamDefinition.Numeric(1, { min: 0, max: 1, step: 0.01 }, { label: 'Opacity', isEssential: true, description: 'How opaque/transparent the representation is rendered.' }),
         quality: param_definition_1.ParamDefinition.Select('auto', exports.VisualQualityOptions, { isEssential: true, description: 'Visual/rendering quality of the representation.' }),
         material: material_1.Material.getParam(),
+        clip: param_definition_1.ParamDefinition.Group(clip_1.Clip.Params),
     };
     function createSimple(colorValue, sizeValue, transform) {
         if (colorValue === void 0) { colorValue = names_1.ColorNames.grey; }
@@ -91,6 +93,7 @@ var BaseGeometry;
     }
     BaseGeometry.createSimple = createSimple;
     function createValues(props, counts) {
+        var clip = clip_1.Clip.getClip(props.clip);
         return {
             alpha: mol_util_1.ValueCell.create(props.alpha),
             uAlpha: mol_util_1.ValueCell.create(props.alpha),
@@ -101,6 +104,13 @@ var BaseGeometry;
             uRoughness: mol_util_1.ValueCell.create(props.material.roughness),
             uBumpiness: mol_util_1.ValueCell.create(props.material.bumpiness),
             dLightCount: mol_util_1.ValueCell.create(1),
+            dClipObjectCount: mol_util_1.ValueCell.create(clip.objects.count),
+            dClipVariant: mol_util_1.ValueCell.create(clip.variant),
+            uClipObjectType: mol_util_1.ValueCell.create(clip.objects.type),
+            uClipObjectInvert: mol_util_1.ValueCell.create(clip.objects.invert),
+            uClipObjectPosition: mol_util_1.ValueCell.create(clip.objects.position),
+            uClipObjectRotation: mol_util_1.ValueCell.create(clip.objects.rotation),
+            uClipObjectScale: mol_util_1.ValueCell.create(clip.objects.scale),
         };
     }
     BaseGeometry.createValues = createValues;
@@ -109,6 +119,14 @@ var BaseGeometry;
         mol_util_1.ValueCell.updateIfChanged(values.uMetalness, props.material.metalness);
         mol_util_1.ValueCell.updateIfChanged(values.uRoughness, props.material.roughness);
         mol_util_1.ValueCell.updateIfChanged(values.uBumpiness, props.material.bumpiness);
+        var clip = clip_1.Clip.getClip(props.clip);
+        mol_util_1.ValueCell.update(values.dClipObjectCount, clip.objects.count);
+        mol_util_1.ValueCell.update(values.dClipVariant, clip.variant);
+        mol_util_1.ValueCell.update(values.uClipObjectType, clip.objects.type);
+        mol_util_1.ValueCell.update(values.uClipObjectInvert, clip.objects.invert);
+        mol_util_1.ValueCell.update(values.uClipObjectPosition, clip.objects.position);
+        mol_util_1.ValueCell.update(values.uClipObjectRotation, clip.objects.rotation);
+        mol_util_1.ValueCell.update(values.uClipObjectScale, clip.objects.scale);
     }
     BaseGeometry.updateValues = updateValues;
     function createRenderableState(props) {
@@ -122,7 +140,6 @@ var BaseGeometry;
             colorOnly: false,
             opaque: opaque,
             writeDepth: opaque,
-            noClip: false,
         };
     }
     BaseGeometry.createRenderableState = createRenderableState;