molstar 4.3.0 → 4.4.1

package/lib/commonjs/mol-plugin-ui/controls/legend.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableLegend = exports.ScaleLegend = exports.legendFor = void 0;
+exports.TableLegend = exports.ScaleLegend = void 0;
+exports.legendFor = legendFor;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -20,7 +21,6 @@ function legendFor(legend) {
             return void 0;
     }
 }
-exports.legendFor = legendFor;
 class ScaleLegend extends React.PureComponent {
     render() {
         const { legend } = this.props;

package/lib/commonjs/mol-plugin-ui/controls/parameters.d.ts

@@ -107,7 +107,7 @@ export declare class LineGraphControl extends React.PureComponent<ParamProps<PD.
     private pointToLabel;
     onHover: (point?: Vec2) => void;
     onDrag: (point: Vec2) => void;
-    onChange: (value: PD.LineGraph['defaultValue']) => void;
+    onChange: (value: PD.LineGraph["defaultValue"]) => void;
     toggleExpanded: (e: React.MouseEvent<HTMLButtonElement>) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
@@ -196,7 +196,7 @@ export declare class ColorListControl extends React.PureComponent<ParamProps<PD.
 }> {
     state: {
         showHelp: boolean;
-        show: "presets" | "edit" | undefined;
+        show: "edit" | "presets" | undefined;
     };
     protected update(value: PD.ColorList['defaultValue']): void;
     toggleEdit: () => void;
@@ -215,7 +215,7 @@ export declare class OffsetColorListControl extends React.PureComponent<ParamPro
 }> {
     state: {
         showHelp: boolean;
-        show: "presets" | "edit" | undefined;
+        show: "edit" | "presets" | undefined;
     };
     protected update(value: PD.ColorList['defaultValue']): void;
     toggleEdit: () => void;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScriptControl = exports.ConvertedControl = exports.ConditionedControl = exports.ObjectListControl = exports.MappedControl = exports.GroupControl = exports.MultiSelectControl = exports.FileListControl = exports.FileControl = exports.UrlControl = exports.Mat4Control = exports.Vec3Control = exports.OffsetColorListControl = exports.ColorListControl = exports.ColorControl = exports.BoundedIntervalControl = exports.IntervalControl = exports.ValueRefControl = exports.SelectControl = exports.PureSelectControl = exports.TextControl = exports.NumberRangeControl = exports.NumberInputControl = exports.LineGraphControl = exports.BoolControl = exports.SimpleParam = exports.ToggleParamHelpButton = exports.ParamHelp = exports.ParameterMappingControl = exports.ParameterControls = void 0;
+exports.ScriptControl = exports.ConvertedControl = exports.ConditionedControl = exports.ObjectListControl = exports.MappedControl = exports.GroupControl = exports.MultiSelectControl = exports.FileListControl = exports.FileControl = exports.UrlControl = exports.Mat4Control = exports.Vec3Control = exports.OffsetColorListControl = exports.ColorListControl = exports.ColorControl = exports.BoundedIntervalControl = exports.IntervalControl = exports.ValueRefControl = exports.SelectControl = exports.PureSelectControl = exports.TextControl = exports.NumberRangeControl = exports.NumberInputControl = exports.LineGraphControl = exports.BoolControl = exports.SimpleParam = exports.ParamHelp = exports.ParameterMappingControl = exports.ParameterControls = void 0;
+exports.ToggleParamHelpButton = ToggleParamHelpButton;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -221,7 +222,6 @@ function renderSimple(options) {
 function ToggleParamHelpButton({ show, toggle, title }) {
     return (0, jsx_runtime_1.jsx)("button", { className: 'msp-help msp-btn-link msp-btn-icon msp-control-group-expander', onClick: toggle, title: title || `${show ? 'Hide' : 'Show'} help`, style: { background: 'transparent', textAlign: 'left', padding: '0' }, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { svg: icons_1.HelpOutlineSvg }) });
 }
-exports.ToggleParamHelpButton = ToggleParamHelpButton;
 class SimpleParam extends React.PureComponent {
     constructor() {
         super(...arguments);

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultStructureTools = exports.CustomStructureControls = exports.LociLabels = exports.SelectionViewportControls = exports.AnimationViewportControls = exports.ViewportSnapshotDescription = exports.StateSnapshotViewportControls = exports.TrajectoryViewportControls = void 0;
+exports.DefaultStructureTools = exports.CustomStructureControls = exports.LociLabels = exports.SelectionViewportControls = exports.AnimationViewportControls = exports.StateSnapshotViewportControls = exports.TrajectoryViewportControls = void 0;
+exports.ViewportSnapshotDescription = ViewportSnapshotDescription;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -186,9 +187,8 @@ function ViewportSnapshotDescription() {
     const e = plugin.managers.snapshot.getEntry(current);
     if (!((_a = e === null || e === void 0 ? void 0 : e.description) === null || _a === void 0 ? void 0 : _a.trim()))
         return null;
-    return (0, jsx_runtime_1.jsx)("div", { className: 'msp-snapshot-description-wrapper', children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { skipHtml: true, components: { a: MarkdownAnchor }, children: e.description }) });
+    return (0, jsx_runtime_1.jsx)("div", { id: 'snapinfo', className: 'msp-snapshot-description-wrapper', children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { skipHtml: true, components: { a: MarkdownAnchor }, children: e.description }) });
 }
-exports.ViewportSnapshotDescription = ViewportSnapshotDescription;
 function MarkdownAnchor({ href, children, element }) {
     const plugin = React.useContext(base_1.PluginReactContext);
     if (!href)

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

@@ -5,7 +5,7 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBehavior = void 0;
+exports.useBehavior = useBehavior;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const rxjs_1 = require("rxjs");
@@ -38,4 +38,3 @@ const _useBehavior = !!react_1.default.useSyncExternalStore
 function useBehavior(s) {
     return _useBehavior(s);
 }
-exports.useBehavior = useBehavior;

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

@@ -6,7 +6,7 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPluginUI = void 0;
+exports.createPluginUI = createPluginUI;
 const react_1 = require("react");
 const plugin_1 = require("./plugin");
 const context_1 = require("./context");
@@ -27,4 +27,3 @@ async function createPluginUI(options) {
     }
     return ctx;
 }
-exports.createPluginUI = createPluginUI;

package/lib/commonjs/mol-plugin-ui/left-panel.d.ts

@@ -4,7 +4,6 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
-/// <reference types="react" />
 import { LeftPanelTabName } from '../mol-plugin/layout';
 import { PluginUIComponent } from './base';
 export declare class CustomImportControls extends PluginUIComponent<{

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Log = exports.DefaultViewport = exports.ControlsWrapper = exports.PluginContextContainer = exports.Plugin = void 0;
+exports.Log = exports.DefaultViewport = exports.ControlsWrapper = exports.PluginContextContainer = void 0;
+exports.Plugin = Plugin;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
@@ -23,7 +24,6 @@ function Plugin({ plugin }) {
     }
     return (0, jsx_runtime_1.jsx)(PluginInitWrapper, { plugin: plugin });
 }
-exports.Plugin = Plugin;
 function PluginInitWrapper({ plugin }) {
     const [state, setState] = React.useState({ kind: 'pending' });
     React.useEffect(() => {
@@ -207,9 +207,10 @@ class ControlsWrapper extends base_1.PluginUIComponent {
 exports.ControlsWrapper = ControlsWrapper;
 class DefaultViewport extends base_1.PluginUIComponent {
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const VPControls = ((_b = (_a = this.plugin.spec.components) === null || _a === void 0 ? void 0 : _a.viewport) === null || _b === void 0 ? void 0 : _b.controls) || viewport_1.ViewportControls;
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(viewport_1.Viewport, {}), (0, jsx_runtime_1.jsxs)("div", { className: 'msp-viewport-top-left-controls', children: [(0, jsx_runtime_1.jsx)(controls_1.AnimationViewportControls, {}), (0, jsx_runtime_1.jsx)(controls_1.TrajectoryViewportControls, {}), (0, jsx_runtime_1.jsx)(controls_1.StateSnapshotViewportControls, {}), (0, jsx_runtime_1.jsx)(controls_1.ViewportSnapshotDescription, {})] }), (0, jsx_runtime_1.jsx)(controls_1.SelectionViewportControls, {}), (0, jsx_runtime_1.jsx)(VPControls, {}), (0, jsx_runtime_1.jsx)(task_1.BackgroundTaskProgress, {}), (0, jsx_runtime_1.jsxs)("div", { className: 'msp-highlight-toast-wrapper', children: [(0, jsx_runtime_1.jsx)(controls_1.LociLabels, {}), (0, jsx_runtime_1.jsx)(toast_1.Toasts, {})] })] });
+        const SnapshotDescription = ((_d = (_c = this.plugin.spec.components) === null || _c === void 0 ? void 0 : _c.viewport) === null || _d === void 0 ? void 0 : _d.snapshotDescription) || controls_1.ViewportSnapshotDescription;
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(viewport_1.Viewport, {}), (0, jsx_runtime_1.jsxs)("div", { className: 'msp-viewport-top-left-controls', children: [(0, jsx_runtime_1.jsx)(controls_1.AnimationViewportControls, {}), (0, jsx_runtime_1.jsx)(controls_1.TrajectoryViewportControls, {}), (0, jsx_runtime_1.jsx)(controls_1.StateSnapshotViewportControls, {}), (0, jsx_runtime_1.jsx)(SnapshotDescription, {})] }), (0, jsx_runtime_1.jsx)(controls_1.SelectionViewportControls, {}), (0, jsx_runtime_1.jsx)(VPControls, {}), (0, jsx_runtime_1.jsx)(task_1.BackgroundTaskProgress, {}), (0, jsx_runtime_1.jsxs)("div", { className: 'msp-highlight-toast-wrapper', children: [(0, jsx_runtime_1.jsx)(controls_1.LociLabels, {}), (0, jsx_runtime_1.jsx)(toast_1.Toasts, {})] })] });
     }
 }
 exports.DefaultViewport = DefaultViewport;

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

@@ -5,9 +5,8 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderReact18 = void 0;
+exports.renderReact18 = renderReact18;
 const client_1 = require("react-dom/client");
 function renderReact18(element, target) {
     (0, client_1.createRoot)(target).render(element);
 }
-exports.renderReact18 = renderReact18;

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

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SequenceView = exports.getStructureOptions = exports.getOperatorOptions = exports.getChainOptions = exports.getModelEntityOptions = exports.getSequenceWrapper = exports.splitModelEntityId = exports.opKey = void 0;
+exports.SequenceView = void 0;
+exports.opKey = opKey;
+exports.splitModelEntityId = splitModelEntityId;
+exports.getSequenceWrapper = getSequenceWrapper;
+exports.getModelEntityOptions = getModelEntityOptions;
+exports.getChainOptions = getChainOptions;
+exports.getOperatorOptions = getOperatorOptions;
+exports.getStructureOptions = getStructureOptions;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -36,12 +43,10 @@ function opKey(l) {
     const spgrOp = structure_1.StructureProperties.unit.spgrOp(l);
     return `${ids.sort().join(',')}|${ncs}|${hkl}|${spgrOp}`;
 }
-exports.opKey = opKey;
 function splitModelEntityId(modelEntityId) {
     const [modelIdx, entityId] = modelEntityId.split('|');
     return [parseInt(modelIdx), entityId];
 }
-exports.splitModelEntityId = splitModelEntityId;
 function getSequenceWrapper(state, structureSelection) {
     const { structure, modelEntityId, chainGroupId, operatorKey } = state;
     const l = structure_1.StructureElement.Location.create(structure);
@@ -100,7 +105,6 @@ function getSequenceWrapper(state, structureSelection) {
         return 'No sequence available';
     }
 }
-exports.getSequenceWrapper = getSequenceWrapper;
 function getModelEntityOptions(structure, polymersOnly = false) {
     const options = [];
     const l = structure_1.StructureElement.Location.create(structure);
@@ -134,7 +138,6 @@ function getModelEntityOptions(structure, polymersOnly = false) {
         options.push(['', 'No entities']);
     return options;
 }
-exports.getModelEntityOptions = getModelEntityOptions;
 function getChainOptions(structure, modelEntityId) {
     const options = [];
     const l = structure_1.StructureElement.Location.create(structure);
@@ -162,7 +165,6 @@ function getChainOptions(structure, modelEntityId) {
         options.push([-1, 'No chains']);
     return options;
 }
-exports.getChainOptions = getChainOptions;
 function getOperatorOptions(structure, modelEntityId, chainGroupId) {
     const options = [];
     const l = structure_1.StructureElement.Location.create(structure);
@@ -190,7 +192,6 @@ function getOperatorOptions(structure, modelEntityId, chainGroupId) {
         options.push(['', 'No operators']);
     return options;
 }
-exports.getOperatorOptions = getOperatorOptions;
 function getStructureOptions(state) {
     var _a;
     const options = [];
@@ -206,7 +207,6 @@ function getStructureOptions(state) {
         options.push(['', 'No structure']);
     return { options, all };
 }
-exports.getStructureOptions = getStructureOptions;
 const SequenceViewModeParam = param_definition_1.ParamDefinition.Select('single', [['single', 'Chain'], ['polymers', 'Polymers'], ['all', 'Everything']]);
 class SequenceView extends base_1.PluginUIComponent {
     constructor() {

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

@@ -1,10 +1,9 @@
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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>
  */
-/// <reference types="react" />
 import { StateTransformParameters } from '../mol-plugin-ui/state/common';
 import { PluginSpec } from '../mol-plugin/spec';
 import { StateAction, StateTransformer } from '../mol-state';
@@ -14,13 +13,14 @@ interface PluginUISpec extends PluginSpec {
     components?: {
         controls?: PluginUISpec.LayoutControls;
         remoteState?: 'none' | 'default';
-        structureTools?: React.ComponentClass;
+        structureTools?: React.ComponentClass | React.FC;
         viewport?: {
-            view?: React.ComponentClass;
-            controls?: React.ComponentClass;
+            view?: React.ComponentClass | React.FC;
+            controls?: React.ComponentClass | React.FC;
+            snapshotDescription?: React.ComponentClass | React.FC;
         };
         sequenceViewer?: {
-            view?: React.ComponentClass;
+            view?: React.ComponentClass | React.FC;
         };
         hideTaskOverlay?: boolean;
         disableDragOverlay?: boolean;
@@ -28,10 +28,10 @@ interface PluginUISpec extends PluginSpec {
 }
 declare namespace PluginUISpec {
     interface LayoutControls {
-        top?: React.ComponentClass | 'none';
-        left?: React.ComponentClass | 'none';
-        right?: React.ComponentClass | 'none';
-        bottom?: React.ComponentClass | 'none';
+        top?: React.ComponentClass | React.FC | 'none';
+        left?: React.ComponentClass | React.FC | 'none';
+        right?: React.ComponentClass | React.FC | 'none';
+        bottom?: React.ComponentClass | React.FC | 'none';
     }
 }
 export declare const DefaultPluginUISpec: () => PluginUISpec;

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

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2024 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/commonjs/mol-plugin-ui/state/apply-action.d.ts

@@ -37,7 +37,7 @@ declare class ApplyActionControl extends TransformControlBase<ApplyActionControl
     getTransformerId(): import("../../mol-state").StateTransformer.Id;
     getHeader(): "none" | {
         readonly name: string;
-        readonly description?: string | undefined;
+        readonly description?: string;
     };
     canApply(): boolean;
     canAutoApply(): boolean;

package/lib/commonjs/mol-plugin-ui/state/update-transform.d.ts

@@ -30,7 +30,7 @@ declare class UpdateTransformControl extends TransformControlBase<UpdateTransfor
     getTransformerId(): StateTransformer.Id;
     getHeader(): "none" | {
         readonly name: string;
-        readonly description?: string | undefined;
+        readonly description?: string;
     };
     canApply(): boolean;
     applyText(): "Update" | "Nothing to Update";

package/lib/commonjs/mol-plugin-ui/structure/quick-styles.d.ts

@@ -1,7 +1,8 @@
 /**
- * Copyright (c) 2022-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2022-2024 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author David Sehnal <david.sehnal@gmail.com>
  */
 import { CollapsableControls, PurePluginUIComponent } from '../base';
 import { MagicWandSvg } from '../controls/icons';

package/lib/commonjs/mol-plugin-ui/structure/quick-styles.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickStyles = exports.StructureQuickStylesControls = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Copyright (c) 2022-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2022-2024 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author David Sehnal <david.sehnal@gmail.com>
  */
 const representation_preset_1 = require("../../mol-plugin-state/builder/structure/representation-preset");
 const color_1 = require("../../mol-util/color");
@@ -65,6 +66,7 @@ class QuickStyles extends base_1.PurePluginUIComponent {
                             radius: 5,
                             bias: 0.8,
                             blurKernelSize: 15,
+                            blurDepthBias: 0.5,
                             samples: 32,
                             resolutionScale: 1,
                             color: (0, color_1.Color)(0x000000),
@@ -101,6 +103,7 @@ class QuickStyles extends base_1.PurePluginUIComponent {
                                 radius: 5,
                                 bias: 0.8,
                                 blurKernelSize: 15,
+                                blurDepthBias: 0.5,
                                 samples: 32,
                                 resolutionScale: 1,
                                 color: (0, color_1.Color)(0x000000),
@@ -112,7 +115,7 @@ class QuickStyles extends base_1.PurePluginUIComponent {
         }
     }
     render() {
-        return (0, jsx_runtime_1.jsxs)("div", { className: 'msp-flex-row', children: [(0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Applies default representation preset. Set outline and occlusion effects to defaults.', onClick: () => this.default(), style: { width: 'auto' }, children: "Default" }), (0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Applies no representation preset. Enables outline and occlusion effects. Enables ignore-light representation parameter.', onClick: () => this.stylized(), style: { width: 'auto' }, children: "Stylized" }), (0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Applies illustrative representation preset. Enables outline and occlusion effects. Enables ignore-light parameter.', onClick: () => this.illustrative(), style: { width: 'auto' }, children: "Illustrative" })] });
+        return (0, jsx_runtime_1.jsxs)("div", { className: 'msp-flex-row', children: [(0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Applies default representation preset and sets outline and occlusion effects to default', onClick: () => this.default(), style: { width: 'auto' }, children: "Default" }), (0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Applies illustrative representation preset and Stylize it', onClick: () => this.illustrative(), style: { width: 'auto' }, children: "Illustrative" }), (0, jsx_runtime_1.jsx)(common_1.Button, { noOverflow: true, title: 'Does not change representation, enables outline and occlusion effects, enables ignore-light representation parameter', onClick: () => this.stylized(), style: { width: 'auto' }, children: "Stylize Current" })] });
     }
 }
 exports.QuickStyles = QuickStyles;

package/lib/commonjs/mol-plugin-ui/structure/selection.d.ts

@@ -29,8 +29,8 @@ interface StructureSelectionActionsControlsState {
 }
 export declare class StructureSelectionActionsControls extends PluginUIComponent<{}, StructureSelectionActionsControlsState> {
     state: {
-        action: "help" | "theme" | StructureSelectionModifier | "add-component" | undefined;
-        helper: "residue-list" | undefined;
+        action: StructureSelectionActionsControlsState["action"];
+        helper: StructureSelectionActionsControlsState["helper"];
         isEmpty: boolean;
         isBusy: boolean;
         canUndo: boolean;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayTaskProgress = exports.BackgroundTaskProgress = void 0;
+exports.BackgroundTaskProgress = BackgroundTaskProgress;
+exports.OverlayTaskProgress = OverlayTaskProgress;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Copyright (c) 2018 mol* contributors, licensed under MIT, See LICENSE file for more info.
@@ -34,7 +35,6 @@ function BackgroundTaskProgress() {
     }, [plugin]);
     return (0, jsx_runtime_1.jsxs)("div", { className: 'msp-background-tasks', children: [tracked.valueSeq().map(e => (0, jsx_runtime_1.jsx)(ProgressEntry, { event: e }, e.id)), (0, jsx_runtime_1.jsx)(CanvasCommitState, {})] });
 }
-exports.BackgroundTaskProgress = BackgroundTaskProgress;
 function CanvasCommitState() {
     var _a;
     const plugin = (0, react_1.useContext)(base_1.PluginReactContext);
@@ -91,4 +91,3 @@ function OverlayTaskProgress() {
         return null;
     return (0, jsx_runtime_1.jsx)("div", { className: 'msp-overlay-tasks', children: tracked.valueSeq().map(e => (0, jsx_runtime_1.jsx)(ProgressEntry, { event: e }, e.id)) });
 }
-exports.OverlayTaskProgress = OverlayTaskProgress;

package/lib/commonjs/mol-repr/representation.d.ts

@@ -68,7 +68,7 @@ export declare class RepresentationRegistry<D, S extends Representation.State> {
     private _name;
     get default(): {
         name: string;
-        provider: RepresentationProvider<D, any, any, string>;
+        provider: RepresentationProvider<D, any, any>;
     };
     get types(): [string, string][];
     constructor();
@@ -78,11 +78,11 @@ export declare class RepresentationRegistry<D, S extends Representation.State> {
     get<P extends PD.Params>(name: string): RepresentationProvider<D, P, S>;
     get list(): {
         name: string;
-        provider: RepresentationProvider<D, any, any, string>;
+        provider: RepresentationProvider<D, any, any>;
     }[];
     getApplicableList(data: D): {
         name: string;
-        provider: RepresentationProvider<D, any, any, string>;
+        provider: RepresentationProvider<D, any, any>;
     }[];
     getApplicableTypes(data: D): [string, string][];
     clear(): void;

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

@@ -62,6 +62,7 @@ export declare const AngleParams: {
     doubleSided: PD.BooleanParam;
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/commonjs/mol-repr/shape/loci/angle.js

@@ -5,7 +5,8 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AngleRepresentation = exports.AngleParams = void 0;
+exports.AngleParams = void 0;
+exports.AngleRepresentation = AngleRepresentation;
 const loci_1 = require("../../../mol-model/loci");
 const lines_1 = require("../../../mol-geo/geometry/lines/lines");
 const text_1 = require("../../../mol-geo/geometry/text/text");
@@ -192,4 +193,3 @@ function getTextShape(ctx, data, props, shape) {
 function AngleRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Angle', ctx, getParams, representation_2.Representation.StateBuilder, AngleVisuals);
 }
-exports.AngleRepresentation = AngleRepresentation;

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

@@ -62,6 +62,7 @@ export declare const DihedralParams: {
     doubleSided: PD.BooleanParam;
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/commonjs/mol-repr/shape/loci/dihedral.js

@@ -5,7 +5,8 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DihedralRepresentation = exports.DihedralParams = void 0;
+exports.DihedralParams = void 0;
+exports.DihedralRepresentation = DihedralRepresentation;
 const loci_1 = require("../../../mol-model/loci");
 const lines_1 = require("../../../mol-geo/geometry/lines/lines");
 const text_1 = require("../../../mol-geo/geometry/text/text");
@@ -279,4 +280,3 @@ function getTextShape(ctx, data, props, shape) {
 function DihedralRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Dihedral', ctx, getParams, representation_2.Representation.StateBuilder, DihedralVisuals);
 }
-exports.DihedralRepresentation = DihedralRepresentation;

package/lib/commonjs/mol-repr/shape/loci/distance.js

@@ -5,7 +5,8 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DistanceRepresentation = exports.DistanceParams = void 0;
+exports.DistanceParams = void 0;
+exports.DistanceRepresentation = DistanceRepresentation;
 const loci_1 = require("../../../mol-model/loci");
 const lines_1 = require("../../../mol-geo/geometry/lines/lines");
 const text_1 = require("../../../mol-geo/geometry/text/text");
@@ -105,4 +106,3 @@ function getTextShape(ctx, data, props, shape) {
 function DistanceRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Distance', ctx, getParams, representation_2.Representation.StateBuilder, DistanceVisuals);
 }
-exports.DistanceRepresentation = DistanceRepresentation;

package/lib/commonjs/mol-repr/shape/loci/label.js

@@ -6,7 +6,8 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelRepresentation = exports.LabelParams = void 0;
+exports.LabelParams = void 0;
+exports.LabelRepresentation = LabelRepresentation;
 const loci_1 = require("../../../mol-model/loci");
 const text_1 = require("../../../mol-geo/geometry/text/text");
 const param_definition_1 = require("../../../mol-util/param-definition");
@@ -74,4 +75,3 @@ function getTextShape(ctx, data, props, shape) {
 function LabelRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Label', ctx, getParams, representation_2.Representation.StateBuilder, LabelVisuals);
 }
-exports.LabelRepresentation = LabelRepresentation;

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

@@ -18,6 +18,7 @@ export declare const OrientationParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/commonjs/mol-repr/shape/loci/orientation.js

@@ -5,7 +5,8 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OrientationRepresentation = exports.OrientationParams = void 0;
+exports.OrientationParams = void 0;
+exports.OrientationRepresentation = OrientationRepresentation;
 const param_definition_1 = require("../../../mol-util/param-definition");
 const names_1 = require("../../../mol-util/color/names");
 const representation_1 = require("../representation");
@@ -112,4 +113,3 @@ function OrientationRepresentation(ctx, getParams) {
     repr.setState({ markerActions: marker_action_1.MarkerActions.Highlighting });
     return repr;
 }
-exports.OrientationRepresentation = OrientationRepresentation;

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

@@ -17,6 +17,7 @@ export declare const PlaneParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/commonjs/mol-repr/shape/loci/plane.js

@@ -5,7 +5,8 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaneRepresentation = exports.PlaneParams = void 0;
+exports.PlaneParams = void 0;
+exports.PlaneRepresentation = PlaneRepresentation;
 const param_definition_1 = require("../../../mol-util/param-definition");
 const names_1 = require("../../../mol-util/color/names");
 const representation_1 = require("../representation");
@@ -63,4 +64,3 @@ function PlaneRepresentation(ctx, getParams) {
     repr.setState({ markerActions: marker_action_1.MarkerActions.Highlighting });
     return repr;
 }
-exports.PlaneRepresentation = PlaneRepresentation;

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

@@ -20,6 +20,7 @@ export declare const UnitcellParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/commonjs/mol-repr/shape/model/unitcell.js

@@ -5,7 +5,9 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnitcellRepresentation = exports.getUnitcellData = exports.UnitcellParams = void 0;
+exports.UnitcellParams = void 0;
+exports.getUnitcellData = getUnitcellData;
+exports.UnitcellRepresentation = UnitcellRepresentation;
 const structure_1 = require("../../../mol-model/structure");
 const representation_1 = require("../representation");
 const shape_1 = require("../../../mol-model/shape");
@@ -80,8 +82,6 @@ function getUnitcellData(model, symmetry, props) {
     }
     return { symmetry, ref };
 }
-exports.getUnitcellData = getUnitcellData;
 function UnitcellRepresentation(ctx, getParams) {
     return representation_2.Representation.createMulti('Unit Cell', ctx, getParams, representation_2.Representation.StateBuilder, UnitcellVisuals);
 }
-exports.UnitcellRepresentation = UnitcellRepresentation;

package/lib/commonjs/mol-repr/shape/representation.js

@@ -5,7 +5,7 @@
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShapeRepresentation = void 0;
+exports.ShapeRepresentation = ShapeRepresentation;
 const geometry_1 = require("../../mol-geo/geometry/geometry");
 const representation_1 = require("../representation");
 const shape_1 = require("../../mol-model/shape");
@@ -273,7 +273,6 @@ function ShapeRepresentation(getShape, geometryUtils, builder = {}) {
         }
     };
 }
-exports.ShapeRepresentation = ShapeRepresentation;
 function eachShapeGroup(loci, shape, apply) {
     if (!shape_1.ShapeGroup.isLoci(loci))
         return false;

package/lib/commonjs/mol-repr/structure/complex-representation.js

@@ -6,7 +6,7 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComplexRepresentation = void 0;
+exports.ComplexRepresentation = ComplexRepresentation;
 const param_definition_1 = require("../../mol-util/param-definition");
 const representation_1 = require("./representation");
 const representation_2 = require("../representation");
@@ -179,4 +179,3 @@ function ComplexRepresentation(label, ctx, getParams, visualCtor) {
         destroy
     };
 }
-exports.ComplexRepresentation = ComplexRepresentation;