molstar 3.0.0-dev.3 → 3.0.0-dev.7

package/lib/mol-plugin-ui/controls/parameters.js

@@ -1,13 +1,14 @@
 import { __assign, __extends, __spreadArray } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Copyright (c) 2018-2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * 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>
  */
 import * as React from 'react';
 import { Mat4, Vec3 } from '../../mol-math/linear-algebra';
+import { Asset } from '../../mol-util/assets';
 import { Color } from '../../mol-util/color';
 import { ColorListOptions, ColorListOptionsScale, ColorListOptionsSet, getColorListFromName } from '../../mol-util/color/lists';
 import { memoize1, memoizeLatest } from '../../mol-util/memoize';
@@ -18,11 +19,10 @@ import { PluginUIComponent } from '../base';
 import { ActionMenu } from './action-menu';
 import { ColorOptions, ColorValueOption, CombinedColorControl } from './color';
 import { Button, ControlGroup, ControlRow, ExpandGroup, IconButton, TextInput, ToggleButton } from './common';
-import { Icon, HelpOutlineSvg, CheckSvg, ClearSvg, BookmarksOutlinedSvg, MoreHorizSvg, ArrowDropDownSvg, ArrowRightSvg, ArrowDownwardSvg, ArrowUpwardSvg, DeleteOutlinedSvg, TuneSvg } from './icons';
+import { ArrowDownwardSvg, ArrowDropDownSvg, ArrowRightSvg, ArrowUpwardSvg, BookmarksOutlinedSvg, CheckSvg, ClearSvg, DeleteOutlinedSvg, HelpOutlineSvg, Icon, MoreHorizSvg } from './icons';
 import { legendFor } from './legend';
 import { LineGraphComponent } from './line-graph/line-graph-component';
 import { Slider, Slider2 } from './slider';
-import { Asset } from '../../mol-util/assets';
 var ParameterControls = /** @class */ (function (_super) {
     __extends(ParameterControls, _super);
     function ParameterControls() {
@@ -1026,11 +1026,16 @@ var GroupControl = /** @class */ (function (_super) {
     GroupControl.prototype.change = function (value) {
         this.props.onChange({ name: this.props.name, param: this.props.param, value: value });
     };
-    GroupControl.prototype.presets = function () {
+    GroupControl.prototype.pivotedPresets = function () {
         if (!this.props.param.presets)
             return null;
         var label = this.props.param.label || camelCaseToWords(this.props.name);
-        return _jsxs("div", __assign({ className: 'msp-control-group-wrapper' }, { children: [_jsx("div", __assign({ className: 'msp-control-group-header' }, { children: _jsxs("button", __assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [_jsx(Icon, { svg: TuneSvg }, void 0), label, " Presets"] }), void 0) }), void 0), this.state.showPresets && _jsx(ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset }, void 0)] }), void 0);
+        return _jsxs("div", __assign({ className: 'msp-control-group-wrapper' }, { children: [_jsx("div", __assign({ className: 'msp-control-group-header' }, { children: _jsxs("button", __assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [_jsx(Icon, { svg: BookmarksOutlinedSvg }, void 0), label, " Presets"] }), void 0) }), void 0), this.state.showPresets && _jsx(ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset }, void 0)] }), void 0);
+    };
+    GroupControl.prototype.presets = function () {
+        if (!this.props.param.presets)
+            return null;
+        return _jsxs(_Fragment, { children: [_jsx("div", __assign({ className: 'msp-control-group-presets-wrapper' }, { children: _jsx("div", __assign({ className: 'msp-control-group-header' }, { children: _jsxs("button", __assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleShowPresets }, { children: [_jsx(Icon, { svg: BookmarksOutlinedSvg }, void 0), "Presets"] }), void 0) }), void 0) }), void 0), this.state.showPresets && _jsx(ActionMenu, { items: this.presetItems(this.props.param), onSelect: this.onSelectPreset }, void 0)] }, void 0);
     };
     GroupControl.prototype.pivoted = function () {
         var key = this.props.param.pivot;
@@ -1047,7 +1052,7 @@ var GroupControl = /** @class */ (function (_super) {
             if (k !== key)
                 filtered[k] = params[k];
         }
-        return _jsxs("div", __assign({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, _jsx(IconButton, { svg: MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" }, void 0), _jsxs("div", __assign({ className: 'msp-control-offset' }, { children: [this.presets(), _jsx(ParameterControls, { params: filtered, onEnter: this.props.onEnter, values: this.props.value, onChange: this.onChangeParam, isDisabled: this.props.isDisabled }, void 0)] }), void 0)] }), void 0);
+        return _jsxs("div", __assign({ className: 'msp-mapped-parameter-group' }, { children: [ctrl, _jsx(IconButton, { svg: MoreHorizSvg, onClick: this.toggleExpanded, toggleState: this.state.isExpanded, title: "More Options" }, void 0), _jsxs("div", __assign({ className: 'msp-control-offset' }, { children: [this.pivotedPresets(), _jsx(ParameterControls, { params: filtered, onEnter: this.props.onEnter, values: this.props.value, onChange: this.onChangeParam, isDisabled: this.props.isDisabled }, void 0)] }), void 0)] }), void 0);
     };
     GroupControl.prototype.render = function () {
         var params = this.props.param.params;
@@ -1064,7 +1069,7 @@ var GroupControl = /** @class */ (function (_super) {
         if (this.props.param.isFlat) {
             return controls;
         }
-        return _jsxs("div", __assign({ className: 'msp-control-group-wrapper' }, { children: [_jsx("div", __assign({ className: 'msp-control-group-header' }, { children: _jsxs("button", __assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleExpanded }, { children: [_jsx(Icon, { svg: this.state.isExpanded ? ArrowDropDownSvg : ArrowRightSvg }, void 0), label] }), void 0) }), void 0), this.state.isExpanded && _jsxs("div", __assign({ className: 'msp-control-offset' }, { children: [this.presets(), controls] }), void 0)] }), void 0);
+        return _jsxs("div", __assign({ className: 'msp-control-group-wrapper', style: { position: 'relative' } }, { children: [_jsx("div", __assign({ className: 'msp-control-group-header' }, { children: _jsxs("button", __assign({ className: 'msp-btn msp-form-control msp-btn-block', onClick: this.toggleExpanded }, { children: [_jsx(Icon, { svg: this.state.isExpanded ? ArrowDropDownSvg : ArrowRightSvg }, void 0), label] }), void 0) }), void 0), this.presets(), this.state.isExpanded && _jsx("div", __assign({ className: 'msp-control-offset' }, { children: controls }), void 0)] }), void 0);
     };
     return GroupControl;
 }(React.PureComponent));

package/lib/mol-plugin-ui/hooks/use-behavior.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-21 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author David Sehnal <david.sehnal@gmail.com>
  */

package/lib/mol-plugin-ui/hooks/use-behavior.js

@@ -1,33 +1,24 @@
 /**
- * Copyright (c) 2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-21 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author David Sehnal <david.sehnal@gmail.com>
  */
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 // eslint-disable-next-line
 export function useBehavior(s) {
-    var _a = useState(s === null || s === void 0 ? void 0 : s.value), value = _a[0], setValue = _a[1];
+    var _a = useState({}), next = _a[1];
+    var current = useRef();
+    current.current = s === null || s === void 0 ? void 0 : s.value;
     useEffect(function () {
         if (!s) {
-            if (value !== void 0)
-                setValue(void 0);
             return;
         }
-        var fst = true;
         var sub = s.subscribe(function (v) {
-            if (fst) {
-                fst = false;
-                if (v !== value)
-                    setValue(v);
-            }
-            else
-                setValue(v);
+            if (current.current !== v)
+                next({});
         });
-        return function () {
-            sub.unsubscribe();
-        };
-        // eslint-disable-next-line
+        return function () { return sub.unsubscribe(); };
     }, [s]);
-    return value;
+    return s === null || s === void 0 ? void 0 : s.value;
 }
 //# sourceMappingURL=use-behavior.js.map

package/lib/mol-plugin-ui/index.d.ts

@@ -1,11 +1,11 @@
 /**
- * Copyright (c) 2018-2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * 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>
  */
 import { PluginUIContext } from './context';
 import { PluginUISpec } from './spec';
-export declare function createPlugin(target: HTMLElement, spec?: PluginUISpec): PluginUIContext;
-/** Returns the instance of the plugin after all behaviors have been initialized */
-export declare function createPluginAsync(target: HTMLElement, spec?: PluginUISpec): Promise<PluginUIContext>;
+export declare function createPluginUI(target: HTMLElement, spec?: PluginUISpec, options?: {
+    onBeforeUIRender?: (ctx: PluginUIContext) => (Promise<void> | void);
+}): Promise<PluginUIContext>;

package/lib/mol-plugin-ui/index.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * 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>
@@ -10,25 +10,23 @@ import * as ReactDOM from 'react-dom';
 import { Plugin } from './plugin';
 import { PluginUIContext } from './context';
 import { DefaultPluginUISpec } from './spec';
-export function createPlugin(target, spec) {
-    var ctx = new PluginUIContext(spec || DefaultPluginUISpec());
-    ctx.init();
-    ReactDOM.render(React.createElement(Plugin, { plugin: ctx }), target);
-    return ctx;
-}
-/** Returns the instance of the plugin after all behaviors have been initialized */
-export function createPluginAsync(target, spec) {
+export function createPluginUI(target, spec, options) {
     return __awaiter(this, void 0, void 0, function () {
-        var ctx, init;
+        var ctx;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     ctx = new PluginUIContext(spec || DefaultPluginUISpec());
-                    init = ctx.init();
-                    ReactDOM.render(React.createElement(Plugin, { plugin: ctx }), target);
-                    return [4 /*yield*/, init];
+                    return [4 /*yield*/, ctx.init()];
                 case 1:
                     _a.sent();
+                    if (!(options === null || options === void 0 ? void 0 : options.onBeforeUIRender)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, options.onBeforeUIRender(ctx)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    ReactDOM.render(React.createElement(Plugin, { plugin: ctx }), target);
                     return [2 /*return*/, ctx];
             }
         });

package/lib/mol-plugin-ui/plugin.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2020 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * 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>

package/lib/mol-plugin-ui/plugin.js

@@ -10,6 +10,10 @@ import { BackgroundTaskProgress, OverlayTaskProgress } from './task';
 import { Toasts } from './toast';
 import { Viewport, ViewportControls } from './viewport';
 import { PluginCommands } from '../mol-plugin/commands';
+import { OpenFiles } from '../mol-plugin-state/actions/file';
+import { Asset } from '../mol-util/assets';
+import { BehaviorSubject } from 'rxjs';
+import { useBehavior } from './hooks/use-behavior';
 var Plugin = /** @class */ (function (_super) {
     __extends(Plugin, _super);
     function Plugin() {
@@ -41,29 +45,44 @@ var Layout = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onDrop = function (ev) {
             ev.preventDefault();
-            var file;
+            var files = [];
             if (ev.dataTransfer.items) {
                 // Use DataTransferItemList interface to access the file(s)
                 for (var i = 0; i < ev.dataTransfer.items.length; i++) {
                     if (ev.dataTransfer.items[i].kind !== 'file')
                         continue;
-                    file = ev.dataTransfer.items[i].getAsFile();
-                    break;
+                    var file = ev.dataTransfer.items[i].getAsFile();
+                    if (file)
+                        files.push(file);
                 }
             }
             else {
-                file = ev.dataTransfer.files[0];
+                for (var i = 0; i < ev.dataTransfer.files.length; i++) {
+                    var file = ev.dataTransfer.files[0];
+                    if (file)
+                        files.push(file);
+                }
+            }
+            var sessions = files.filter(function (f) {
+                var fn = f.name.toLowerCase();
+                return fn.endsWith('.molx') || fn.endsWith('.molj');
+            });
+            if (sessions.length > 0) {
+                PluginCommands.State.Snapshots.OpenFile(_this.plugin, { file: sessions[0] });
             }
-            if (!file)
-                return;
-            var fn = (file === null || file === void 0 ? void 0 : file.name.toLowerCase()) || '';
-            if (fn.endsWith('molx') || fn.endsWith('molj')) {
-                PluginCommands.State.Snapshots.OpenFile(_this.plugin, { file: file });
+            else {
+                _this.plugin.runTask(_this.plugin.state.data.applyAction(OpenFiles, {
+                    files: files.map(function (f) { return Asset.File(f); }),
+                    format: { name: 'auto', params: {} },
+                    visuals: true
+                }));
             }
         };
         _this.onDragOver = function (ev) {
             ev.preventDefault();
         };
+        _this.showDragOverlay = new BehaviorSubject(false);
+        _this.onDragEnter = function () { return _this.showDragOverlay.next(true); };
         return _this;
     }
     Layout.prototype.componentDidMount = function () {
@@ -119,10 +138,57 @@ var Layout = /** @class */ (function (_super) {
         var layout = this.plugin.layout.state;
         var controls = ((_a = this.plugin.spec.components) === null || _a === void 0 ? void 0 : _a.controls) || {};
         var viewport = ((_c = (_b = this.plugin.spec.components) === null || _b === void 0 ? void 0 : _b.viewport) === null || _c === void 0 ? void 0 : _c.view) || DefaultViewport;
-        return _jsx("div", __assign({ className: 'msp-plugin', onDrop: this.onDrop, onDragOver: this.onDragOver }, { children: _jsxs("div", __assign({ className: this.layoutClassName }, { children: [_jsxs("div", __assign({ className: this.layoutVisibilityClassName }, { children: [this.region('main', viewport), layout.showControls && controls.top !== 'none' && this.region('top', controls.top || SequenceView), layout.showControls && controls.left !== 'none' && this.region('left', controls.left || LeftPanelControls), layout.showControls && controls.right !== 'none' && this.region('right', controls.right || ControlsWrapper), layout.showControls && controls.bottom !== 'none' && this.region('bottom', controls.bottom || Log)] }), void 0), !((_d = this.plugin.spec.components) === null || _d === void 0 ? void 0 : _d.hideTaskOverlay) && _jsx(OverlayTaskProgress, {}, void 0)] }), void 0) }), void 0);
+        return _jsx("div", __assign({ className: 'msp-plugin' }, { children: _jsxs("div", __assign({ className: this.layoutClassName, onDragEnter: this.onDragEnter }, { children: [_jsxs("div", __assign({ className: this.layoutVisibilityClassName }, { children: [this.region('main', viewport), layout.showControls && controls.top !== 'none' && this.region('top', controls.top || SequenceView), layout.showControls && controls.left !== 'none' && this.region('left', controls.left || LeftPanelControls), layout.showControls && controls.right !== 'none' && this.region('right', controls.right || ControlsWrapper), layout.showControls && controls.bottom !== 'none' && this.region('bottom', controls.bottom || Log)] }), void 0), !((_d = this.plugin.spec.components) === null || _d === void 0 ? void 0 : _d.hideTaskOverlay) && _jsx(OverlayTaskProgress, {}, void 0), _jsx(DragOverlay, { plugin: this.plugin, showDragOverlay: this.showDragOverlay }, void 0)] }), void 0) }), void 0);
     };
     return Layout;
 }(PluginUIComponent));
+function dropFiles(ev, plugin, showDragOverlay) {
+    ev.preventDefault();
+    ev.stopPropagation();
+    showDragOverlay.next(false);
+    var files = [];
+    if (ev.dataTransfer.items) {
+        // Use DataTransferItemList interface to access the file(s)
+        for (var i = 0; i < ev.dataTransfer.items.length; i++) {
+            if (ev.dataTransfer.items[i].kind !== 'file')
+                continue;
+            var file = ev.dataTransfer.items[i].getAsFile();
+            if (file)
+                files.push(file);
+        }
+    }
+    else {
+        for (var i = 0; i < ev.dataTransfer.files.length; i++) {
+            var file = ev.dataTransfer.files[0];
+            if (file)
+                files.push(file);
+        }
+    }
+    var sessions = files.filter(function (f) {
+        var fn = f.name.toLowerCase();
+        return fn.endsWith('.molx') || fn.endsWith('.molj');
+    });
+    if (sessions.length > 0) {
+        PluginCommands.State.Snapshots.OpenFile(plugin, { file: sessions[0] });
+    }
+    else {
+        plugin.runTask(plugin.state.data.applyAction(OpenFiles, {
+            files: files.map(function (f) { return Asset.File(f); }),
+            format: { name: 'auto', params: {} },
+            visuals: true
+        }));
+    }
+}
+function DragOverlay(_a) {
+    var plugin = _a.plugin, showDragOverlay = _a.showDragOverlay;
+    var show = useBehavior(showDragOverlay);
+    var preventDrag = function (e) {
+        e.dataTransfer.dropEffect = 'copy';
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    return _jsx("div", __assign({ className: 'msp-drag-drop-overlay', style: { display: show ? 'flex' : 'none' }, onDragEnter: preventDrag, onDragOver: preventDrag, onDragLeave: function () { return showDragOverlay.next(false); }, onDrop: function (e) { return dropFiles(e, plugin, showDragOverlay); } }, { children: "Load File(s)" }), void 0);
+}
 var ControlsWrapper = /** @class */ (function (_super) {
     __extends(ControlsWrapper, _super);
     function ControlsWrapper() {

package/lib/mol-plugin-ui/skin/base/components/misc.scss

@@ -529,6 +529,18 @@
     }
 }
 
+.msp-control-group-presets-wrapper {
+    position: absolute;
+    right: 0;
+    top: 0;
+    .msp-control-group-header {
+        background: transparent;
+    }
+    button {
+        background: transparent !important;
+    }
+}
+
 .msp-parameter-matrix {
     input {
         flex: 1 1 auto;
@@ -614,4 +626,19 @@
 .msp-list-unstyled {
     padding-left: 0;
     list-style: none;
+}
+
+.msp-drag-drop-overlay {
+    border: 12px dashed $font-color;
+    background: rgba(0, 0, 0, 0.36);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    font-size: 48px;
+    font-weight: bold;
 }

package/lib/mol-plugin-ui/viewport/simple-settings.js

@@ -58,7 +58,7 @@ var SimpleSettingsParams = {
         outline: Canvas3DParams.postprocessing.params.outline,
         fog: Canvas3DParams.cameraFog,
     }, { isFlat: true }),
-    clipping: PD.Group(__assign(__assign({}, Canvas3DParams.cameraClipping.params), Canvas3DParams.renderer.params.clip.params), { pivot: 'radius' }),
+    clipping: PD.Group(__assign({}, Canvas3DParams.cameraClipping.params), { pivot: 'radius' }),
     layout: PD.MultiSelect([], PD.objectToOptions(LayoutOptions)),
 };
 var SimpleSettingsMapping = ParamMapping({
@@ -108,7 +108,7 @@ var SimpleSettingsMapping = ParamMapping({
                 outline: canvas.postprocessing.outline,
                 fog: canvas.cameraFog,
             },
-            clipping: __assign(__assign({}, canvas.cameraClipping), canvas.renderer.clip)
+            clipping: __assign({}, canvas.cameraClipping)
         };
     },
     update: function (s, props) {
@@ -125,10 +125,6 @@ var SimpleSettingsMapping = ParamMapping({
             radius: s.clipping.radius,
             far: s.clipping.far,
         };
-        canvas.renderer.clip = {
-            variant: s.clipping.variant,
-            objects: s.clipping.objects,
-        };
         props.layout = s.layout;
     },
     apply: function (props, ctx) {

package/lib/mol-repr/shape/loci/angle.d.ts

@@ -38,6 +38,17 @@ export declare const AngleParams: {
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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;
+        }>[];
     }>>;
     ignoreLight: PD.BooleanParam;
     sectorOpacity: PD.Numeric;
@@ -47,6 +58,8 @@ export declare const AngleParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    bumpFrequency: PD.Numeric;
+    bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;
     linesSize: PD.Numeric;
     dashLength: PD.Numeric;

package/lib/mol-repr/shape/loci/common.d.ts

@@ -38,6 +38,17 @@ export declare const LociLabelTextParams: {
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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 LociLabelTextParams = typeof LociLabelTextParams;

package/lib/mol-repr/shape/loci/dihedral.d.ts

@@ -38,6 +38,17 @@ export declare const DihedralParams: {
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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;
+        }>[];
     }>>;
     ignoreLight: PD.BooleanParam;
     sectorOpacity: PD.Numeric;
@@ -47,6 +58,8 @@ export declare const DihedralParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    bumpFrequency: PD.Numeric;
+    bumpAmplitude: PD.Numeric;
     lineSizeAttenuation: PD.BooleanParam;
     linesSize: PD.Numeric;
     dashLength: PD.Numeric;

package/lib/mol-repr/shape/loci/distance.d.ts

@@ -39,6 +39,17 @@ export declare const DistanceParams: {
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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;
+        }>[];
     }>>;
     lineSizeAttenuation: PD.BooleanParam;
     linesColor: PD.Color;

package/lib/mol-repr/shape/loci/label.d.ts

@@ -42,6 +42,17 @@ export declare const LabelParams: {
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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 LabelParams = typeof LabelParams;

package/lib/mol-repr/shape/loci/orientation.d.ts

@@ -19,11 +19,24 @@ export declare const OrientationParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    bumpFrequency: PD.Numeric;
+    bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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 OrientationParams = typeof OrientationParams;

package/lib/mol-repr/shape/loci/plane.d.ts

@@ -18,11 +18,24 @@ export declare const PlaneParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    bumpFrequency: PD.Numeric;
+    bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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 PlaneParams = typeof PlaneParams;

package/lib/mol-repr/shape/model/unitcell.d.ts

@@ -21,11 +21,24 @@ export declare const UnitcellParams: {
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
     xrayShaded: PD.BooleanParam;
+    bumpFrequency: PD.Numeric;
+    bumpAmplitude: PD.Numeric;
     alpha: PD.Numeric;
     quality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
     material: PD.Group<PD.Normalize<{
         metalness: number;
         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 UnitcellParams = typeof UnitcellParams;