molstar 3.2.0 → 3.4.0

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

@@ -77,7 +77,7 @@ var DownloadScreenshotControls = /** @class */ (function (_super) {
         var _this = this;
         var _a;
         var hasClipboardApi = !!((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.write);
-        return _jsxs("div", { children: [this.state.showPreview && _jsxs("div", __assign({ className: 'msp-image-preview' }, { children: [_jsx(ScreenshotPreview, { plugin: this.plugin }, void 0), _jsx(CropControls, { plugin: this.plugin }, void 0)] }), void 0), _jsxs("div", __assign({ className: 'msp-flex-row' }, { children: [!this.state.imageData && _jsx(Button, __assign({ icon: CopySvg, onClick: hasClipboardApi ? this.copy : this.copyImg, disabled: this.state.isDisabled }, { children: "Copy" }), void 0), this.state.imageData && _jsx(Button, __assign({ onClick: function () { return _this.setState({ imageData: void 0 }); }, disabled: this.state.isDisabled }, { children: "Clear" }), void 0), _jsx(Button, __assign({ icon: GetAppSvg, onClick: this.download, disabled: this.state.isDisabled }, { children: "Download" }), void 0)] }), void 0), this.state.imageData && _jsxs("div", __assign({ className: 'msp-row msp-copy-image-wrapper' }, { children: [_jsx("div", { children: "Right click below + Copy Image" }, void 0), _jsx("img", { src: this.state.imageData, style: { width: '100%', height: 32, display: 'block' } }, void 0)] }), void 0), _jsx(ScreenshotParams, { plugin: this.plugin, isDisabled: this.state.isDisabled }, void 0), _jsxs(ExpandGroup, __assign({ header: 'State' }, { children: [_jsx(StateExportImportControls, { onAction: this.props.close }, void 0), _jsx(ExpandGroup, __assign({ header: 'Save Options', initiallyExpanded: false, noOffset: true }, { children: _jsx(LocalStateSnapshotParams, {}, void 0) }), void 0)] }), void 0)] }, void 0);
+        return _jsxs("div", { children: [this.state.showPreview && _jsxs("div", __assign({ className: 'msp-image-preview' }, { children: [_jsx(ScreenshotPreview, { plugin: this.plugin }), _jsx(CropControls, { plugin: this.plugin })] })), _jsxs("div", __assign({ className: 'msp-flex-row' }, { children: [!this.state.imageData && _jsx(Button, __assign({ icon: CopySvg, onClick: hasClipboardApi ? this.copy : this.copyImg, disabled: this.state.isDisabled }, { children: "Copy" })), this.state.imageData && _jsx(Button, __assign({ onClick: function () { return _this.setState({ imageData: void 0 }); }, disabled: this.state.isDisabled }, { children: "Clear" })), _jsx(Button, __assign({ icon: GetAppSvg, onClick: this.download, disabled: this.state.isDisabled }, { children: "Download" }))] })), this.state.imageData && _jsxs("div", __assign({ className: 'msp-row msp-copy-image-wrapper' }, { children: [_jsx("div", { children: "Right click below + Copy Image" }), _jsx("img", { src: this.state.imageData, style: { width: '100%', height: 32, display: 'block' } })] })), _jsx(ScreenshotParams, { plugin: this.plugin, isDisabled: this.state.isDisabled }), _jsxs(ExpandGroup, __assign({ header: 'State' }, { children: [_jsx(StateExportImportControls, { onAction: this.props.close }), _jsx(ExpandGroup, __assign({ header: 'Save Options', initiallyExpanded: false, noOffset: true }, { children: _jsx(LocalStateSnapshotParams, {}) }))] }))] });
     };
     return DownloadScreenshotControls;
 }(PluginUIComponent));
@@ -86,7 +86,7 @@ function ScreenshotParams(_a) {
     var plugin = _a.plugin, isDisabled = _a.isDisabled;
     var helper = plugin.helpers.viewportScreenshot;
     var values = useBehavior(helper.behaviors.values);
-    return _jsx(ParameterControls, { params: helper.params, values: values, onChangeValues: function (v) { return helper.behaviors.values.next(v); }, isDisabled: isDisabled }, void 0);
+    return _jsx(ParameterControls, { params: helper.params, values: values, onChangeValues: function (v) { return helper.behaviors.values.next(v); }, isDisabled: isDisabled });
 }
 function CropControls(_a) {
     var plugin = _a.plugin;
@@ -95,6 +95,5 @@ function CropControls(_a) {
     useBehavior(helper === null || helper === void 0 ? void 0 : helper.behaviors.relativeCrop);
     if (!helper)
         return null;
-    return _jsxs("div", __assign({ style: { width: '100%', height: '24px', marginTop: '8px' } }, { children: [_jsx(ToggleButton, { icon: CropOrginalSvg, title: 'Auto-crop', inline: true, isSelected: cropParams.auto, style: { background: 'transparent', float: 'left', width: 'auto', height: '24px', lineHeight: '24px' }, toggle: function () { return helper.toggleAutocrop(); }, label: 'Auto-crop ' + (cropParams.auto ? 'On' : 'Off') }, void 0), !cropParams.auto && _jsx(Button, { icon: CropSvg, title: 'Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.autocrop(); } }, void 0), !cropParams.auto && !helper.isFullFrame && _jsx(Button, { icon: CropFreeSvg, title: 'Reset Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.resetCrop(); } }, void 0)] }), void 0);
+    return _jsxs("div", __assign({ style: { width: '100%', height: '24px', marginTop: '8px' } }, { children: [_jsx(ToggleButton, { icon: CropOrginalSvg, title: 'Auto-crop', inline: true, isSelected: cropParams.auto, style: { background: 'transparent', float: 'left', width: 'auto', height: '24px', lineHeight: '24px' }, toggle: function () { return helper.toggleAutocrop(); }, label: 'Auto-crop ' + (cropParams.auto ? 'On' : 'Off') }), !cropParams.auto && _jsx(Button, { icon: CropSvg, title: 'Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.autocrop(); } }), !cropParams.auto && !helper.isFullFrame && _jsx(Button, { icon: CropFreeSvg, title: 'Reset Crop', style: { background: 'transparent', float: 'right', height: '24px', lineHeight: '24px', width: '24px', padding: '0' }, onClick: function () { return helper.resetCrop(); } })] }));
 }
-//# sourceMappingURL=screenshot.js.map

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

@@ -33,7 +33,7 @@ var SimpleSettingsControl = /** @class */ (function (_super) {
     SimpleSettingsControl.prototype.render = function () {
         if (!this.plugin.canvas3d)
             return null;
-        return _jsxs(_Fragment, { children: [_jsx(ParameterMappingControl, { mapping: SimpleSettingsMapping }, void 0), _jsx(ViewportHelpContent, {}, void 0)] }, void 0);
+        return _jsxs(_Fragment, { children: [_jsx(ParameterMappingControl, { mapping: SimpleSettingsMapping }), _jsx(ViewportHelpContent, {})] });
     };
     return SimpleSettingsControl;
 }(PluginUIComponent));
@@ -149,4 +149,3 @@ var SimpleSettingsMapping = ParamMapping({
         });
     }
 });
-//# sourceMappingURL=simple-settings.js.map

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

@@ -63,16 +63,15 @@ var ViewportControls = /** @class */ (function (_super) {
     };
     ViewportControls.prototype.icon = function (icon, onClick, title, isOn) {
         if (isOn === void 0) { isOn = true; }
-        return _jsx(IconButton, { svg: icon, toggleState: isOn, onClick: onClick, title: title, style: { background: 'transparent' } }, void 0);
+        return _jsx(IconButton, { svg: icon, toggleState: isOn, onClick: onClick, title: title, style: { background: 'transparent' } });
     };
     ViewportControls.prototype.render = function () {
-        return _jsxs("div", __assign({ className: 'msp-viewport-controls', onMouseMove: this.onMouseMove }, { children: [_jsxs("div", __assign({ className: 'msp-viewport-controls-buttons' }, { children: [_jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }, void 0), this.icon(AutorenewSvg, this.resetCamera, 'Reset Camera')] }, void 0), _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }, void 0), this.icon(CameraOutlinedSvg, this.toggleScreenshotExpanded, 'Screenshot / State Snapshot', this.state.isScreenshotExpanded)] }, void 0), _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }, void 0), this.plugin.config.get(PluginConfig.Viewport.ShowControls) && this.icon(BuildOutlinedSvg, this.toggleControls, 'Toggle Controls Panel', this.plugin.layout.state.showControls), this.plugin.config.get(PluginConfig.Viewport.ShowExpand) && this.icon(FullscreenSvg, this.toggleExpanded, 'Toggle Expanded Viewport', this.plugin.layout.state.isExpanded), this.plugin.config.get(PluginConfig.Viewport.ShowSettings) && this.icon(TuneSvg, this.toggleSettingsExpanded, 'Settings / Controls Info', this.state.isSettingsExpanded)] }, void 0), this.plugin.config.get(PluginConfig.Viewport.ShowSelectionMode) && _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }, void 0), _jsx(ToggleSelectionModeButton, {}, void 0)] }, void 0)] }), void 0), this.state.isScreenshotExpanded && _jsx("div", __assign({ className: 'msp-viewport-controls-panel' }, { children: _jsx(ControlGroup, __assign({ header: 'Screenshot / State', title: 'Click to close.', initialExpanded: true, hideExpander: true, hideOffset: true, onHeaderClick: this.toggleScreenshotExpanded, topRightIcon: CloseSvg, noTopMargin: true, childrenClassName: 'msp-viewport-controls-panel-controls' }, { children: _jsx(DownloadScreenshotControls, { close: this.toggleScreenshotExpanded }, void 0) }), void 0) }), void 0), this.state.isSettingsExpanded && _jsx("div", __assign({ className: 'msp-viewport-controls-panel' }, { children: _jsx(ControlGroup, __assign({ header: 'Settings / Controls Info', title: 'Click to close.', initialExpanded: true, hideExpander: true, hideOffset: true, onHeaderClick: this.toggleSettingsExpanded, topRightIcon: CloseSvg, noTopMargin: true, childrenClassName: 'msp-viewport-controls-panel-controls' }, { children: _jsx(SimpleSettingsControl, {}, void 0) }), void 0) }), void 0)] }), void 0);
+        return _jsxs("div", __assign({ className: 'msp-viewport-controls', onMouseMove: this.onMouseMove }, { children: [_jsxs("div", __assign({ className: 'msp-viewport-controls-buttons' }, { children: [_jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }), this.icon(AutorenewSvg, this.resetCamera, 'Reset Camera')] }), _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }), this.icon(CameraOutlinedSvg, this.toggleScreenshotExpanded, 'Screenshot / State Snapshot', this.state.isScreenshotExpanded)] }), _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }), this.plugin.config.get(PluginConfig.Viewport.ShowControls) && this.icon(BuildOutlinedSvg, this.toggleControls, 'Toggle Controls Panel', this.plugin.layout.state.showControls), this.plugin.config.get(PluginConfig.Viewport.ShowExpand) && this.icon(FullscreenSvg, this.toggleExpanded, 'Toggle Expanded Viewport', this.plugin.layout.state.isExpanded), this.plugin.config.get(PluginConfig.Viewport.ShowSettings) && this.icon(TuneSvg, this.toggleSettingsExpanded, 'Settings / Controls Info', this.state.isSettingsExpanded)] }), this.plugin.config.get(PluginConfig.Viewport.ShowSelectionMode) && _jsxs("div", { children: [_jsx("div", { className: 'msp-semi-transparent-background' }), _jsx(ToggleSelectionModeButton, {})] })] })), this.state.isScreenshotExpanded && _jsx("div", __assign({ className: 'msp-viewport-controls-panel' }, { children: _jsx(ControlGroup, __assign({ header: 'Screenshot / State', title: 'Click to close.', initialExpanded: true, hideExpander: true, hideOffset: true, onHeaderClick: this.toggleScreenshotExpanded, topRightIcon: CloseSvg, noTopMargin: true, childrenClassName: 'msp-viewport-controls-panel-controls' }, { children: _jsx(DownloadScreenshotControls, { close: this.toggleScreenshotExpanded }) })) })), this.state.isSettingsExpanded && _jsx("div", __assign({ className: 'msp-viewport-controls-panel' }, { children: _jsx(ControlGroup, __assign({ header: 'Settings / Controls Info', title: 'Click to close.', initialExpanded: true, hideExpander: true, hideOffset: true, onHeaderClick: this.toggleSettingsExpanded, topRightIcon: CloseSvg, noTopMargin: true, childrenClassName: 'msp-viewport-controls-panel-controls' }, { children: _jsx(SimpleSettingsControl, {}) })) }))] }));
     };
     return ViewportControls;
 }(PluginUIComponent));
 export { ViewportControls };
 export var Logo = function () {
-    return _jsx("a", { className: 'msp-logo', href: 'https://molstar.org', target: '_blank' }, void 0);
+    return _jsx("a", { className: 'msp-logo', href: 'https://molstar.org', target: '_blank' });
 };
-export var Viewport = function () { return _jsx(ViewportCanvas, { logo: Logo }, void 0); };
-//# sourceMappingURL=viewport.js.map
+export var Viewport = function () { return _jsx(ViewportCanvas, { logo: Logo }); };

package/lib/mol-repr/representation.js

@@ -378,4 +378,3 @@ var Representation;
     }
     Representation.fromRenderObject = fromRenderObject;
 })(Representation || (Representation = {}));
-//# sourceMappingURL=representation.js.map

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

@@ -169,4 +169,3 @@ function getTextShape(ctx, data, props, shape) {
 export function AngleRepresentation(ctx, getParams) {
     return Representation.createMulti('Angle', ctx, getParams, Representation.StateBuilder, AngleVisuals);
 }
-//# sourceMappingURL=angle.js.map

package/lib/mol-repr/shape/loci/common.js

@@ -14,4 +14,3 @@ export var MeasurementRepresentationCommonTextParams = {
     textSize: PD.Numeric(0.5, { min: 0.1, max: 10, step: 0.1 }, { isEssential: true }),
 };
 export var LociLabelTextParams = __assign(__assign(__assign({}, Text.Params), MeasurementRepresentationCommonTextParams), { borderWidth: PD.Numeric(0.2, { min: 0, max: 0.5, step: 0.01 }) });
-//# sourceMappingURL=common.js.map

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

@@ -250,4 +250,3 @@ function getTextShape(ctx, data, props, shape) {
 export function DihedralRepresentation(ctx, getParams) {
     return Representation.createMulti('Dihedral', ctx, getParams, Representation.StateBuilder, DihedralVisuals);
 }
-//# sourceMappingURL=dihedral.js.map

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

@@ -89,4 +89,3 @@ function getTextShape(ctx, data, props, shape) {
 export function DistanceRepresentation(ctx, getParams) {
     return Representation.createMulti('Distance', ctx, getParams, Representation.StateBuilder, DistanceVisuals);
 }
-//# sourceMappingURL=distance.js.map

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

@@ -58,4 +58,3 @@ function getTextShape(ctx, data, props, shape) {
 export function LabelRepresentation(ctx, getParams) {
     return Representation.createMulti('Label', ctx, getParams, Representation.StateBuilder, LabelVisuals);
 }
-//# sourceMappingURL=label.js.map

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

@@ -96,4 +96,3 @@ export function OrientationRepresentation(ctx, getParams) {
     repr.setState({ markerActions: MarkerActions.Highlighting });
     return repr;
 }
-//# sourceMappingURL=orientation.js.map

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

@@ -54,4 +54,3 @@ export function PlaneRepresentation(ctx, getParams) {
     repr.setState({ markerActions: MarkerActions.Highlighting });
     return repr;
 }
-//# sourceMappingURL=plane.js.map

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

@@ -73,4 +73,3 @@ export function getUnitcellData(model, symmetry, props) {
 export function UnitcellRepresentation(ctx, getParams) {
     return Representation.createMulti('Unit Cell', ctx, getParams, Representation.StateBuilder, UnitcellVisuals);
 }
-//# sourceMappingURL=unitcell.js.map

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

@@ -268,4 +268,3 @@ function eachShapeGroup(loci, shape, apply) {
     }
     return changed;
 }
-//# sourceMappingURL=representation.js.map

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

@@ -175,4 +175,3 @@ export function ComplexRepresentation(label, ctx, getParams, visualCtor) {
         destroy: destroy
     };
 }
-//# sourceMappingURL=complex-representation.js.map

package/lib/mol-repr/structure/complex-visual.js

@@ -312,4 +312,3 @@ export function ComplexTextureMeshVisual(builder, materialId) {
                 state.createGeometry = true;
         }, geometryUtils: TextureMesh.Utils }), materialId);
 }
-//# sourceMappingURL=complex-visual.js.map

package/lib/mol-repr/structure/params.js

@@ -30,4 +30,3 @@ export var StructureLinesParams = __assign({}, Lines.Params);
 export var StructureTextParams = __assign({}, Text.Params);
 export var StructureDirectVolumeParams = __assign({}, DirectVolume.Params);
 export var StructureTextureMeshParams = __assign({}, TextureMesh.Params);
-//# sourceMappingURL=params.js.map

package/lib/mol-repr/structure/registry.js

@@ -52,4 +52,3 @@ export { StructureRepresentationRegistry };
         'spacefill': SpacefillRepresentationProvider,
     };
 })(StructureRepresentationRegistry || (StructureRepresentationRegistry = {}));
-//# sourceMappingURL=registry.js.map

package/lib/mol-repr/structure/representation/backbone.js

@@ -44,4 +44,3 @@ export var BackboneRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'uniform' },
     isApplicable: function (structure) { return structure.polymerResidueCount > 0; },
 });
-//# sourceMappingURL=backbone.js.map

package/lib/mol-repr/structure/representation/ball-and-stick.js

@@ -43,4 +43,3 @@ export var BallAndStickRepresentationProvider = StructureRepresentationProvider(
         return oldProps.includeParent !== newProps.includeParent;
     }
 });
-//# sourceMappingURL=ball-and-stick.js.map

package/lib/mol-repr/structure/representation/carbohydrate.js

@@ -38,4 +38,3 @@ export var CarbohydrateRepresentationProvider = StructureRepresentationProvider(
         return structure.models.some(function (m) { return Model.hasCarbohydrate(m); });
     }
 });
-//# sourceMappingURL=carbohydrate.js.map

package/lib/mol-repr/structure/representation/cartoon.js

@@ -88,4 +88,3 @@ export var CartoonRepresentationProvider = StructureRepresentationProvider({
         }
     }
 });
-//# sourceMappingURL=cartoon.js.map

package/lib/mol-repr/structure/representation/ellipsoid.js

@@ -42,4 +42,3 @@ export var EllipsoidRepresentationProvider = StructureRepresentationProvider({
         return oldProps.includeParent !== newProps.includeParent;
     }
 });
-//# sourceMappingURL=ellipsoid.js.map

package/lib/mol-repr/structure/representation/gaussian-surface.js

@@ -34,4 +34,3 @@ export var GaussianSurfaceRepresentationProvider = StructureRepresentationProvid
     defaultSizeTheme: { name: 'physical' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=gaussian-surface.js.map

package/lib/mol-repr/structure/representation/gaussian-volume.js

@@ -32,4 +32,3 @@ export var GaussianVolumeRepresentationProvider = StructureRepresentationProvide
     defaultSizeTheme: { name: 'physical' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=gaussian-volume.js.map

package/lib/mol-repr/structure/representation/label.js

@@ -32,4 +32,3 @@ export var LabelRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'physical' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=label.js.map

package/lib/mol-repr/structure/representation/line.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */

package/lib/mol-repr/structure/representation/line.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
@@ -20,7 +20,7 @@ var LineVisuals = {
     'element-point': function (ctx, getParams) { return UnitsRepresentation('Points', ctx, getParams, ElementPointVisual); },
     'element-cross': function (ctx, getParams) { return UnitsRepresentation('Crosses', ctx, getParams, ElementCrossVisual); },
 };
-export var LineParams = __assign(__assign(__assign(__assign(__assign({}, IntraUnitBondLineParams), InterUnitBondLineParams), ElementPointParams), ElementCrossParams), { multipleBonds: PD.Select('offset', PD.arrayToOptions(['off', 'symmetric', 'offset'])), includeParent: PD.Boolean(false), sizeFactor: PD.Numeric(3, { min: 0.01, max: 10, step: 0.01 }), unitKinds: getUnitKindsParam(['atomic']), visuals: PD.MultiSelect(['intra-bond', 'inter-bond', 'element-point', 'element-cross'], PD.objectToOptions(LineVisuals)) });
+export var LineParams = __assign(__assign(__assign(__assign(__assign({}, IntraUnitBondLineParams), InterUnitBondLineParams), ElementPointParams), ElementCrossParams), { multipleBonds: PD.Select('offset', PD.arrayToOptions(['off', 'symmetric', 'offset'])), includeParent: PD.Boolean(false), sizeFactor: PD.Numeric(2, { min: 0.01, max: 10, step: 0.01 }), unitKinds: getUnitKindsParam(['atomic']), visuals: PD.MultiSelect(['intra-bond', 'inter-bond', 'element-point', 'element-cross'], PD.objectToOptions(LineVisuals)) });
 export function getLineParams(ctx, structure) {
     var params = PD.clone(LineParams);
     params.pointStyle.defaultValue = 'circle';
@@ -46,4 +46,3 @@ export var LineRepresentationProvider = StructureRepresentationProvider({
         return oldProps.includeParent !== newProps.includeParent;
     }
 });
-//# sourceMappingURL=line.js.map

package/lib/mol-repr/structure/representation/molecular-surface.js

@@ -33,4 +33,3 @@ export var MolecularSurfaceRepresentationProvider = StructureRepresentationProvi
     defaultSizeTheme: { name: 'physical' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=molecular-surface.js.map

package/lib/mol-repr/structure/representation/orientation.js

@@ -31,4 +31,3 @@ export var OrientationRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'uniform' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=orientation.js.map

package/lib/mol-repr/structure/representation/point.js

@@ -30,4 +30,3 @@ export var PointRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'uniform' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=point.js.map

package/lib/mol-repr/structure/representation/putty.js

@@ -46,4 +46,3 @@ export var PuttyRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'uncertainty' },
     isApplicable: function (structure) { return structure.polymerResidueCount > 0; },
 });
-//# sourceMappingURL=putty.js.map

package/lib/mol-repr/structure/representation/spacefill.js

@@ -35,4 +35,3 @@ export var SpacefillRepresentationProvider = StructureRepresentationProvider({
     defaultSizeTheme: { name: 'physical' },
     isApplicable: function (structure) { return structure.elementCount > 0; }
 });
-//# sourceMappingURL=spacefill.js.map

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

@@ -22,4 +22,3 @@ export { ComplexRepresentation } from './complex-representation';
 export { ComplexVisual } from './complex-visual';
 export { UnitsRepresentation } from './units-representation';
 export { UnitsVisual } from './units-visual';
-//# sourceMappingURL=representation.js.map

package/lib/mol-repr/structure/units-representation.js

@@ -402,4 +402,3 @@ export function UnitsRepresentation(label, ctx, getParams, visualCtor) {
         destroy: destroy
     };
 }
-//# sourceMappingURL=units-representation.js.map

package/lib/mol-repr/structure/units-visual.js

@@ -389,4 +389,3 @@ export function UnitsTextureMeshVisual(builder, materialId) {
                 state.createGeometry = true;
         }, geometryUtils: TextureMesh.Utils }), materialId);
 }
-//# sourceMappingURL=units-visual.js.map

package/lib/mol-repr/structure/visual/bond-inter-unit-cylinder.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */

package/lib/mol-repr/structure/visual/bond-inter-unit-cylinder.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
@@ -142,20 +142,30 @@ function createInterUnitBondCylinderImpostors(ctx, structure, theme, props, cyli
     if (!structure.interUnitBonds.edgeCount)
         return Cylinders.createEmpty(cylinders);
     var builderProps = getInterUnitBondCylinderBuilderProps(structure, theme, props);
-    var m = createLinkCylinderImpostors(ctx, builderProps, props, cylinders);
-    var child = structure.child;
-    var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * props.sizeFactor);
-    m.setBoundingSphere(sphere);
-    return m;
+    var _a = createLinkCylinderImpostors(ctx, builderProps, props, cylinders), c = _a.cylinders, boundingSphere = _a.boundingSphere;
+    if (boundingSphere) {
+        c.setBoundingSphere(boundingSphere);
+    }
+    else if (c.cylinderCount > 0) {
+        var child = structure.child;
+        var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * props.sizeFactor);
+        c.setBoundingSphere(sphere);
+    }
+    return c;
 }
 function createInterUnitBondCylinderMesh(ctx, structure, theme, props, mesh) {
     if (!structure.interUnitBonds.edgeCount)
         return Mesh.createEmpty(mesh);
     var builderProps = getInterUnitBondCylinderBuilderProps(structure, theme, props);
-    var m = createLinkCylinderMesh(ctx, builderProps, props, mesh);
-    var child = structure.child;
-    var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * props.sizeFactor);
-    m.setBoundingSphere(sphere);
+    var _a = createLinkCylinderMesh(ctx, builderProps, props, mesh), m = _a.mesh, boundingSphere = _a.boundingSphere;
+    if (boundingSphere) {
+        m.setBoundingSphere(boundingSphere);
+    }
+    else if (m.triangleCount > 0) {
+        var child = structure.child;
+        var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * props.sizeFactor);
+        m.setBoundingSphere(sphere);
+    }
     return m;
 }
 export var InterUnitBondCylinderParams = __assign(__assign(__assign(__assign({}, ComplexMeshParams), ComplexCylindersParams), BondCylinderParams), { sizeFactor: PD.Numeric(0.3, { min: 0, max: 10, step: 0.01 }), sizeAspectRatio: PD.Numeric(2 / 3, { min: 0, max: 3, step: 0.01 }), tryUseImpostor: PD.Boolean(true), includeParent: PD.Boolean(false) });
@@ -238,4 +248,3 @@ export function InterUnitBondCylinderMeshVisual(materialId) {
         }
     }, materialId);
 }
-//# sourceMappingURL=bond-inter-unit-cylinder.js.map

package/lib/mol-repr/structure/visual/bond-inter-unit-line.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */

package/lib/mol-repr/structure/visual/bond-inter-unit-line.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
@@ -96,10 +96,15 @@ function createInterUnitBondLines(ctx, structure, theme, props, lines) {
         },
         ignore: makeInterBondIgnoreTest(structure, props)
     };
-    var l = createLinkLines(ctx, builderProps, props, lines);
-    var child = structure.child;
-    var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * props.sizeFactor);
-    l.setBoundingSphere(sphere);
+    var _a = createLinkLines(ctx, builderProps, props, lines), l = _a.lines, boundingSphere = _a.boundingSphere;
+    if (boundingSphere) {
+        l.setBoundingSphere(boundingSphere);
+    }
+    else if (l.lineCount > 0) {
+        var child = structure.child;
+        var sphere = Sphere3D.expand(Sphere3D(), (child !== null && child !== void 0 ? child : structure).boundary.sphere, 1 * sizeFactor);
+        l.setBoundingSphere(sphere);
+    }
     return l;
 }
 export var InterUnitBondLineParams = __assign(__assign(__assign({}, ComplexLinesParams), BondLineParams), { includeParent: PD.Boolean(false) });
@@ -129,4 +134,3 @@ export function InterUnitBondLineVisual(materialId) {
         }
     }, materialId);
 }
-//# sourceMappingURL=bond-inter-unit-line.js.map

package/lib/mol-repr/structure/visual/bond-intra-unit-cylinder.d.ts

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

package/lib/mol-repr/structure/visual/bond-intra-unit-cylinder.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2018-2022 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>
@@ -62,11 +62,15 @@ function getIntraUnitBondCylinderBuilderProps(unit, structure, theme, props) {
         return theme.size.size(locE) * sizeFactor;
     };
     var _a = unit.rings, elementRingIndices = _a.elementRingIndices, elementAromaticRingIndices = _a.elementAromaticRingIndices;
+    var deloTriplets = aromaticBonds ? unit.resonance.delocalizedTriplets : undefined;
     return {
         linkCount: edgeCount * 2,
         referencePosition: function (edgeIndex) {
             var _a, _b;
             var aI = a[edgeIndex], bI = b[edgeIndex];
+            var rI = deloTriplets === null || deloTriplets === void 0 ? void 0 : deloTriplets.getThirdElement(aI, bI);
+            if (rI !== undefined)
+                return pos(elements[rI], vRef);
             if (aI > bI)
                 _a = [bI, aI], aI = _a[0], bI = _a[1];
             if (offset[aI + 1] - offset[aI] === 1)
@@ -129,9 +133,12 @@ function getIntraUnitBondCylinderBuilderProps(unit, structure, theme, props) {
                     if (arCount === 2) {
                         return 8 /* MirroredAromatic */;
                     }
-                    else {
+                    else if (arCount === 1 || (deloTriplets === null || deloTriplets === void 0 ? void 0 : deloTriplets.getThirdElement(aI, bI))) {
                         return 7 /* Aromatic */;
                     }
+                    else {
+                        // case for bonds between two aromatic rings
+                    }
                 }
             }
             return (o !== 2 || mbOff) ? 0 /* Solid */ :
@@ -155,9 +162,14 @@ function createIntraUnitBondCylinderImpostors(ctx, unit, structure, theme, props
     if (child && !childUnit)
         return Cylinders.createEmpty(cylinders);
     var builderProps = getIntraUnitBondCylinderBuilderProps(unit, structure, theme, props);
-    var c = createLinkCylinderImpostors(ctx, builderProps, props, cylinders);
-    var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * props.sizeFactor);
-    c.setBoundingSphere(sphere);
+    var _a = createLinkCylinderImpostors(ctx, builderProps, props, cylinders), c = _a.cylinders, boundingSphere = _a.boundingSphere;
+    if (boundingSphere) {
+        c.setBoundingSphere(boundingSphere);
+    }
+    else if (c.cylinderCount > 0) {
+        var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * props.sizeFactor);
+        c.setBoundingSphere(sphere);
+    }
     return c;
 }
 function createIntraUnitBondCylinderMesh(ctx, unit, structure, theme, props, mesh) {
@@ -170,9 +182,14 @@ function createIntraUnitBondCylinderMesh(ctx, unit, structure, theme, props, mes
     if (child && !childUnit)
         return Mesh.createEmpty(mesh);
     var builderProps = getIntraUnitBondCylinderBuilderProps(unit, structure, theme, props);
-    var m = createLinkCylinderMesh(ctx, builderProps, props, mesh);
-    var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * props.sizeFactor);
-    m.setBoundingSphere(sphere);
+    var _a = createLinkCylinderMesh(ctx, builderProps, props, mesh), m = _a.mesh, boundingSphere = _a.boundingSphere;
+    if (boundingSphere) {
+        m.setBoundingSphere(boundingSphere);
+    }
+    else if (m.triangleCount > 0) {
+        var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * props.sizeFactor);
+        m.setBoundingSphere(sphere);
+    }
     return m;
 }
 export var IntraUnitBondCylinderParams = __assign(__assign(__assign(__assign({}, UnitsMeshParams), UnitsCylindersParams), BondCylinderParams), { sizeFactor: PD.Numeric(0.3, { min: 0, max: 10, step: 0.01 }), sizeAspectRatio: PD.Numeric(2 / 3, { min: 0, max: 3, step: 0.01 }), tryUseImpostor: PD.Boolean(true), includeParent: PD.Boolean(false) });
@@ -265,4 +282,3 @@ export function IntraUnitBondCylinderMeshVisual(materialId) {
         }
     }, materialId);
 }
-//# sourceMappingURL=bond-intra-unit-cylinder.js.map

package/lib/mol-repr/structure/visual/bond-intra-unit-line.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */

package/lib/mol-repr/structure/visual/bond-intra-unit-line.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2020-2022 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
  */
@@ -41,11 +41,15 @@ function createIntraUnitBondLines(ctx, unit, structure, theme, props, lines) {
     var vRef = Vec3();
     var pos = unit.conformation.invariantPosition;
     var _a = unit.rings, elementRingIndices = _a.elementRingIndices, elementAromaticRingIndices = _a.elementAromaticRingIndices;
+    var deloTriplets = aromaticBonds ? unit.resonance.delocalizedTriplets : undefined;
     var builderProps = {
         linkCount: edgeCount * 2,
         referencePosition: function (edgeIndex) {
             var _a, _b;
             var aI = a[edgeIndex], bI = b[edgeIndex];
+            var rI = deloTriplets === null || deloTriplets === void 0 ? void 0 : deloTriplets.getThirdElement(aI, bI);
+            if (rI !== undefined)
+                return pos(elements[rI], vRef);
             if (aI > bI)
                 _a = [bI, aI], aI = _a[0], bI = _a[1];
             if (offset[aI + 1] - offset[aI] === 1)
@@ -97,9 +101,12 @@ function createIntraUnitBondLines(ctx, unit, structure, theme, props, lines) {
                     if (arCount === 2) {
                         return 8 /* MirroredAromatic */;
                     }
-                    else {
+                    else if (arCount === 1 || (deloTriplets === null || deloTriplets === void 0 ? void 0 : deloTriplets.getThirdElement(aI, bI))) {
                         return 7 /* Aromatic */;
                     }
+                    else {
+                        // case for bonds between two aromatic rings
+                    }
                 }
             }
             return (o !== 2 || mbOff) ? 0 /* Solid */ :
@@ -115,9 +122,14 @@ function createIntraUnitBondLines(ctx, unit, structure, theme, props, lines) {
         },
         ignore: makeIntraBondIgnoreTest(structure, unit, props)
     };
-    var l = createLinkLines(ctx, builderProps, props, lines);
-    var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * sizeFactor);
-    l.setBoundingSphere(sphere);
+    var _b = createLinkLines(ctx, builderProps, props, lines), l = _b.lines, boundingSphere = _b.boundingSphere;
+    if (boundingSphere) {
+        l.setBoundingSphere(boundingSphere);
+    }
+    else if (l.lineCount > 0) {
+        var sphere = Sphere3D.expand(Sphere3D(), (childUnit !== null && childUnit !== void 0 ? childUnit : unit).boundary.sphere, 1 * sizeFactor);
+        l.setBoundingSphere(sphere);
+    }
     return l;
 }
 export var IntraUnitBondLineParams = __assign(__assign(__assign({}, UnitsLinesParams), BondLineParams), { includeParent: PD.Boolean(false) });
@@ -152,4 +164,3 @@ export function IntraUnitBondLineVisual(materialId) {
         }
     }, materialId);
 }
-//# sourceMappingURL=bond-intra-unit-line.js.map

package/lib/mol-repr/structure/visual/carbohydrate-link-cylinder.js

@@ -14,6 +14,7 @@ import { UnitsMeshParams } from '../units-visual';
 import { ParamDefinition as PD } from '../../../mol-util/param-definition';
 import { LocationIterator } from '../../../mol-geo/util/location-iterator';
 import { getAltResidueLociFromId } from './util/common';
+import { Sphere3D } from '../../../mol-math/geometry';
 function createCarbohydrateLinkCylinderMesh(ctx, structure, theme, props, mesh) {
     var _a = structure.carbohydrates, links = _a.links, elements = _a.elements;
     var linkSizeFactor = props.linkSizeFactor;
@@ -34,7 +35,15 @@ function createCarbohydrateLinkCylinderMesh(ctx, structure, theme, props, mesh)
             return theme.size.size(location) * linkSizeFactor;
         },
     };
-    return createLinkCylinderMesh(ctx, builderProps, props, mesh);
+    var _b = createLinkCylinderMesh(ctx, builderProps, props, mesh), m = _b.mesh, boundingSphere = _b.boundingSphere;
+    if (boundingSphere) {
+        m.setBoundingSphere(boundingSphere);
+    }
+    else if (m.triangleCount > 0) {
+        var sphere = Sphere3D.expand(Sphere3D(), structure.boundary.sphere, 1 * linkSizeFactor);
+        m.setBoundingSphere(sphere);
+    }
+    return m;
 }
 export var CarbohydrateLinkParams = __assign(__assign(__assign({}, UnitsMeshParams), LinkCylinderParams), { linkSizeFactor: PD.Numeric(0.3, { min: 0, max: 3, step: 0.01 }) });
 export function CarbohydrateLinkVisual(materialId) {
@@ -106,4 +115,3 @@ function eachCarbohydrateLink(loci, structure, apply) {
     }
     return changed;
 }
-//# sourceMappingURL=carbohydrate-link-cylinder.js.map

package/lib/mol-repr/structure/visual/carbohydrate-symbol-mesh.js

@@ -212,4 +212,3 @@ function eachCarbohydrate(loci, structure, apply) {
     }
     return changed;
 }
-//# sourceMappingURL=carbohydrate-symbol-mesh.js.map