npm - molstar - Versions diffs - 3.0.2 → 3.3.0 - Mend

molstar 3.0.2 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2351) hide show

package/lib/mol-plugin-state/manager/interactivity.js CHANGED Viewed

@@ -261,4 +261,3 @@ var InteractivityManager = /** @class */ (function (_super) {
     }(LociMarkManager));
     InteractivityManager.LociSelectManager = LociSelectManager;
 })(InteractivityManager || (InteractivityManager = {}));
-//# sourceMappingURL=interactivity.js.map

package/lib/mol-plugin-state/manager/loci-label.js CHANGED Viewed

@@ -89,4 +89,3 @@ var LociLabelManager = /** @class */ (function () {
     return LociLabelManager;
 }());
 export { LociLabelManager };
-//# sourceMappingURL=loci-label.js.map

package/lib/mol-plugin-state/manager/snapshots.js CHANGED Viewed

@@ -370,4 +370,3 @@ var PluginStateSnapshotManager = /** @class */ (function (_super) {
     }
     PluginStateSnapshotManager.isStateSnapshot = isStateSnapshot;
 })(PluginStateSnapshotManager || (PluginStateSnapshotManager = {}));
-//# sourceMappingURL=snapshots.js.map

package/lib/mol-plugin-state/manager/structure/component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2019-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-2022 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>
@@ -60,6 +60,7 @@ declare namespace StructureComponentManager {
     const OptionsParams: {
         showHydrogens: PD.BooleanParam;
         visualQuality: PD.Select<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest">;
+        ignoreLight: PD.BooleanParam;
         materialStyle: PD.Group<PD.Normalize<{
             metalness: number;
             roughness: number;

package/lib/mol-plugin-state/manager/structure/component.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2019-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2019-2022 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>
@@ -76,6 +76,7 @@ var StructureComponentManager = /** @class */ (function (_super) {
                                     _a.sent();
                                     return [4 /*yield*/, this.plugin.state.updateBehavior(StructureFocusRepresentation, function (p) {
                                             p.ignoreHydrogens = !options.showHydrogens;
+                                            p.ignoreLight = options.ignoreLight;
                                             p.material = options.materialStyle;
                                             p.clip = options.clipObjects;
                                         })];
@@ -94,17 +95,18 @@ var StructureComponentManager = /** @class */ (function (_super) {
         });
     };
     StructureComponentManager.prototype.updateReprParams = function (update, component) {
-        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
         var ignoreHydrogens = !showHydrogens;
         for (var _i = 0, _b = component.representations; _i < _b.length; _i++) {
             var r = _b[_i];
             if (r.cell.transform.transformer !== StructureRepresentation3D)
                 continue;
             var params = r.cell.transform.params;
-            if (!!params.type.params.ignoreHydrogens !== ignoreHydrogens || params.type.params.quality !== quality || !shallowEqual(params.type.params.material, material) || !PD.areEqual(Clip.Params, params.type.params.clip, clip)) {
+            if (!!params.type.params.ignoreHydrogens !== ignoreHydrogens || params.type.params.quality !== quality || params.type.params.ignoreLight !== ignoreLight || !shallowEqual(params.type.params.material, material) || !PD.areEqual(Clip.Params, params.type.params.clip, clip)) {
                 update.to(r.cell).update(function (old) {
                     old.type.params.ignoreHydrogens = ignoreHydrogens;
                     old.type.params.quality = quality;
+                    old.type.params.ignoreLight = ignoreLight;
                     old.type.params.material = material;
                     old.type.params.clip = clip;
                 });
@@ -378,9 +380,9 @@ var StructureComponentManager = /** @class */ (function (_super) {
         var _this = this;
         if (components.length === 0)
             return;
-        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+        var _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
         var ignoreHydrogens = !showHydrogens;
-        var typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, material: material, clip: clip };
+        var typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, ignoreLight: ignoreLight, material: material, clip: clip };
         return this.plugin.dataTransaction(function () { return __awaiter(_this, void 0, void 0, function () {
             var _i, components_9, component;
             return __generator(this, function (_a) {
@@ -441,16 +443,16 @@ var StructureComponentManager = /** @class */ (function (_super) {
             var _this = this;
             return __generator(this, function (_a) {
                 return [2 /*return*/, this.plugin.dataTransaction(function () { return __awaiter(_this, void 0, void 0, function () {
-                        var xs, _a, showHydrogens, quality, material, clip, ignoreHydrogens, typeParams, componentKey, _i, xs_1, s, component;
+                        var xs, _a, showHydrogens, quality, ignoreLight, material, clip, ignoreHydrogens, typeParams, componentKey, _i, xs_1, s, component;
                         return __generator(this, function (_b) {
                             switch (_b.label) {
                                 case 0:
                                     xs = structures || this.currentStructures;
                                     if (xs.length === 0)
                                         return [2 /*return*/];
-                                    _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, material = _a.materialStyle, clip = _a.clipObjects;
+                                    _a = this.state.options, showHydrogens = _a.showHydrogens, quality = _a.visualQuality, ignoreLight = _a.ignoreLight, material = _a.materialStyle, clip = _a.clipObjects;
                                     ignoreHydrogens = !showHydrogens;
-                                    typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, material: material, clip: clip };
+                                    typeParams = { ignoreHydrogens: ignoreHydrogens, quality: quality, ignoreLight: ignoreLight, material: material, clip: clip };
                                     componentKey = UUID.create22();
                                     _i = 0, xs_1 = xs;
                                     _b.label = 1;
@@ -625,6 +627,7 @@ var StructureComponentManager = /** @class */ (function (_super) {
     StructureComponentManager.OptionsParams = {
         showHydrogens: PD.Boolean(true, { description: 'Toggle display of hydrogen atoms in representations' }),
         visualQuality: PD.Select('auto', VisualQualityOptions, { description: 'Control the visual/rendering quality of representations' }),
+        ignoreLight: PD.Boolean(false, { description: 'Ignore light for stylized rendering of representtions' }),
         materialStyle: Material.getParam(),
         clipObjects: PD.Group(Clip.Params),
         interactions: PD.Group(InteractionsProvider.defaultParams, { label: 'Non-covalent Interactions' }),
@@ -678,4 +681,3 @@ var StructureComponentManager = /** @class */ (function (_super) {
         return PD.Select(types[0][0], types, { label: label });
     }
 })(StructureComponentManager || (StructureComponentManager = {}));
-//# sourceMappingURL=component.js.map

package/lib/mol-plugin-state/manager/structure/focus.js CHANGED Viewed

@@ -170,4 +170,3 @@ var StructureFocusManager = /** @class */ (function (_super) {
     return StructureFocusManager;
 }(StatefulPluginComponent));
 export { StructureFocusManager };
-//# sourceMappingURL=focus.js.map

package/lib/mol-plugin-state/manager/structure/hierarchy-state.js CHANGED Viewed

@@ -248,4 +248,3 @@ function doPreOrder(tree, state) {
     _doPreOrder(ctx, tree.root);
     return ctx.state;
 }
-//# sourceMappingURL=hierarchy-state.js.map

package/lib/mol-plugin-state/manager/structure/hierarchy.js CHANGED Viewed

@@ -344,4 +344,3 @@ export { StructureHierarchyManager };
     }
     StructureHierarchyManager.getSelectedStructuresDescription = getSelectedStructuresDescription;
 })(StructureHierarchyManager || (StructureHierarchyManager = {}));
-//# sourceMappingURL=hierarchy.js.map

package/lib/mol-plugin-state/manager/structure/measurement.js CHANGED Viewed

@@ -370,4 +370,3 @@ var StructureMeasurementManager = /** @class */ (function (_super) {
     };
     return StructureMeasurementManager;
 }(StatefulPluginComponent));
-//# sourceMappingURL=measurement.js.map

package/lib/mol-plugin-state/manager/structure/selection.js CHANGED Viewed

@@ -550,4 +550,3 @@ function getElementRange(structure, ref, ext) {
             indices: OrderedSet.ofRange(min, max)
         }]);
 }
-//# sourceMappingURL=selection.js.map

package/lib/mol-plugin-state/manager/volume/hierarchy-state.js CHANGED Viewed

@@ -125,4 +125,3 @@ function doPreOrder(tree, state) {
     _doPreOrder(ctx, tree.root);
     return ctx.state;
 }
-//# sourceMappingURL=hierarchy-state.js.map

package/lib/mol-plugin-state/manager/volume/hierarchy.js CHANGED Viewed

@@ -139,4 +139,3 @@ export { VolumeHierarchyManager };
     }
     VolumeHierarchyManager.getRepresentationTypes = getRepresentationTypes;
 })(VolumeHierarchyManager || (VolumeHierarchyManager = {}));
-//# sourceMappingURL=hierarchy.js.map

package/lib/mol-plugin-state/objects.js CHANGED Viewed

@@ -264,4 +264,3 @@ export var PluginStateTransform;
     PluginStateTransform.CreateBuiltIn = StateTransformer.factory('ms-plugin');
     PluginStateTransform.BuiltIn = StateTransformer.builderFactory('ms-plugin');
 })(PluginStateTransform || (PluginStateTransform = {}));
-//# sourceMappingURL=objects.js.map

package/lib/mol-plugin-state/transforms/data.js CHANGED Viewed

@@ -600,4 +600,3 @@ var LazyVolume = PluginStateTransform.BuiltIn({
         }); });
     }
 });
-//# sourceMappingURL=data.js.map

package/lib/mol-plugin-state/transforms/helpers.js CHANGED Viewed

@@ -31,4 +31,3 @@ export function getOrientationDataFromStructureSelections(s) {
 export function getPlaneDataFromStructureSelections(s) {
     return { locis: s.map(function (v) { return v.loci; }) };
 }
-//# sourceMappingURL=helpers.js.map

package/lib/mol-plugin-state/transforms/misc.js CHANGED Viewed

@@ -51,4 +51,3 @@ var CreateGroup = PluginStateTransform.BuiltIn({
 //         return new SO.Data.String(`Model: ${model.label}`, { label: model.label });
 //     }
 // });
-//# sourceMappingURL=misc.js.map

package/lib/mol-plugin-state/transforms/model.js CHANGED Viewed

@@ -1282,4 +1282,3 @@ var ShapeFromPly = PluginStateTransform.BuiltIn({
         }); });
     }
 });
-//# sourceMappingURL=model.js.map

package/lib/mol-plugin-state/transforms/representation.js CHANGED Viewed

@@ -1324,4 +1324,3 @@ var StructureSelectionsPlane3D = PluginStateTransform.BuiltIn({
         }); });
     },
 });
-//# sourceMappingURL=representation.js.map

package/lib/mol-plugin-state/transforms/shape.js CHANGED Viewed

@@ -65,4 +65,3 @@ export function getBoxMesh(box, radius, oldMesh) {
     mesh.setBoundingSphere(Sphere3D.create(center, sphereRadius));
     return mesh;
 }
-//# sourceMappingURL=shape.js.map

package/lib/mol-plugin-state/transforms/volume.js CHANGED Viewed

@@ -231,4 +231,3 @@ var AssignColorVolume = PluginStateTransform.BuiltIn({
         }); });
     }
 });
-//# sourceMappingURL=volume.js.map

package/lib/mol-plugin-state/transforms.js CHANGED Viewed

@@ -17,4 +17,3 @@ export var StateTransforms = {
     Representation: Representation,
     Shape: Shape
 };
-//# sourceMappingURL=transforms.js.map

package/lib/mol-plugin-ui/base.js CHANGED Viewed

@@ -98,4 +98,3 @@ var CollapsableControls = /** @class */ (function (_super) {
     return CollapsableControls;
 }(PluginUIComponent));
 export { CollapsableControls };
-//# sourceMappingURL=base.js.map

package/lib/mol-plugin-ui/context.js CHANGED Viewed

@@ -29,4 +29,3 @@ var PluginUIContext = /** @class */ (function (_super) {
     return PluginUIContext;
 }(PluginContext));
 export { PluginUIContext };
-//# sourceMappingURL=context.js.map

package/lib/mol-plugin-ui/controls/action-menu.js CHANGED Viewed

@@ -243,4 +243,3 @@ function collectItems(items, target) {
     }
     return target;
 }
-//# sourceMappingURL=action-menu.js.map

package/lib/mol-plugin-ui/controls/color.js CHANGED Viewed

@@ -92,4 +92,3 @@ var DefaultColorSwatchMap = (function () {
 export function ColorValueOption(color) {
     return !DefaultColorSwatchMap.has(color) ? _jsx("option", __assign({ value: color, style: { background: "".concat(Color.toStyle(color)) } }, { children: Color.toRgbString(color) }), Color.toHexString(color)) : null;
 }
-//# sourceMappingURL=color.js.map

package/lib/mol-plugin-ui/controls/common.js CHANGED Viewed

@@ -245,4 +245,3 @@ export function ControlRow(props) {
         className += ' ' + props.className;
     return _jsxs("div", __assign({ className: className }, { children: [_jsx("span", __assign({ className: 'msp-control-row-label', title: props.title }, { children: props.label }), void 0), _jsx("div", __assign({ className: 'msp-control-row-ctrl' }, { children: props.control }), void 0), props.children] }), void 0);
 }
-//# sourceMappingURL=common.js.map

package/lib/mol-plugin-ui/controls/icons.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2020 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 David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
@@ -23,6 +23,7 @@ export declare function CubeSendSvg(): JSX.Element;
 export declare function CursorDefaultOutlineSvg(): JSX.Element;
 export declare function FileOutlineSvg(): JSX.Element;
 export declare function PencilRulerSvg(): JSX.Element;
+export declare function MagicWandSvg(): JSX.Element;
 export declare function AccountTreeOutlinedSvg(): JSX.Element;
 export declare function AddSvg(): JSX.Element;
 export declare function ArrowDownwardSvg(): JSX.Element;

package/lib/mol-plugin-ui/controls/icons.js CHANGED Viewed

@@ -20,9 +20,9 @@ var _Molecule = _jsx("svg", __assign({ width: '17px', height: '17px', viewBox: '
 export function MoleculeSvg() { return _Molecule; }
 // The following icons are adapted from https://materialdesignicons.com/ and
 // licensed with https://github.com/Templarian/MaterialDesign/blob/master/LICENSE
-var _CubeOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" }, void 0) }), void 0);
+var _CubeOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z' }, void 0) }), void 0);
 export function CubeOutlineSvg() { return _CubeOutline; }
-var _CubeScan = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z" }, void 0) }), void 0);
+var _CubeScan = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z' }, void 0) }), void 0);
 export function CubeScanSvg() { return _CubeScan; }
 var _CubeSend = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" }, void 0) }), void 0);
 export function CubeSendSvg() { return _CubeSend; }
@@ -30,8 +30,10 @@ var _CursorDefaultOutline = _jsx("svg", __assign({ width: '24px', height: '24px'
 export function CursorDefaultOutlineSvg() { return _CursorDefaultOutline; }
 var _FileOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { fill: 'currentColor', d: 'M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z' }, void 0) }), void 0);
 export function FileOutlineSvg() { return _FileOutline; }
-var _PencilRuler = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z" }, void 0) }), void 0);
+var _PencilRuler = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z' }, void 0) }), void 0);
 export function PencilRulerSvg() { return _PencilRuler; }
+var _MagicWand = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { fill: 'currentColor', d: 'M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z' }, void 0) }), void 0);
+export function MagicWandSvg() { return _MagicWand; }
 // The following icons are adapted from https://material-ui.com/components/material-icons/ and
 // licensed with https://github.com/mui-org/material-ui/blob/master/LICENSE
 var _AccountTreeOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z' }, void 0) }), void 0);
@@ -149,4 +151,3 @@ export var SelectionModeSvg = CursorDefaultOutlineSvg;
 export var SuperposeAtomsSvg = ScatterPlotSvg;
 export var SuperposeChainsSvg = LinearScaleSvg;
 export var SuperpositionSvg = FlipToFrontSvg;
-//# sourceMappingURL=icons.js.map

package/lib/mol-plugin-ui/controls/legend.js CHANGED Viewed

@@ -45,4 +45,3 @@ var TableLegend = /** @class */ (function (_super) {
     return TableLegend;
 }(React.PureComponent));
 export { TableLegend };
-//# sourceMappingURL=legend.js.map

package/lib/mol-plugin-ui/controls/line-graph/line-graph-component.js CHANGED Viewed

@@ -305,4 +305,3 @@ var LineGraphComponent = /** @class */ (function (_super) {
     return LineGraphComponent;
 }(React.Component));
 export { LineGraphComponent };
-//# sourceMappingURL=line-graph-component.js.map

package/lib/mol-plugin-ui/controls/line-graph/point-component.js CHANGED Viewed

@@ -32,4 +32,3 @@ var PointComponent = /** @class */ (function (_super) {
     return PointComponent;
 }(React.Component));
 export { PointComponent };
-//# sourceMappingURL=point-component.js.map

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

@@ -1328,4 +1328,3 @@ var ScriptControl = /** @class */ (function (_super) {
     return ScriptControl;
 }(SimpleParam));
 export { ScriptControl };
-//# sourceMappingURL=parameters.js.map

package/lib/mol-plugin-ui/controls/screenshot.js CHANGED Viewed

@@ -254,4 +254,3 @@ function getViewportFrame(srcWidth, srcHeight, w, h) {
         return { x: 0, y: Math.round((h - t) / 2), width: w, height: Math.round(t) };
     }
 }
-//# sourceMappingURL=screenshot.js.map

package/lib/mol-plugin-ui/controls/slider.js CHANGED Viewed

@@ -618,4 +618,3 @@ var SliderBase = /** @class */ (function (_super) {
     return SliderBase;
 }(React.Component));
 export { SliderBase };
-//# sourceMappingURL=slider.js.map

package/lib/mol-plugin-ui/controls.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2018-2020 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 David Sehnal <david.sehnal@gmail.com>
  * @author Alexander Rose <alexander.rose@weirdbyte.de>

package/lib/mol-plugin-ui/controls.js CHANGED Viewed

@@ -14,6 +14,7 @@ import { StructureSourceControls } from './structure/source';
 import { VolumeStreamingControls, VolumeSourceControls } from './structure/volume';
 import { PluginConfig } from '../mol-plugin/config';
 import { StructureSuperpositionControls } from './structure/superposition';
+import { StructureQuickStylesControls } from './structure/quick-styles';
 var TrajectoryViewportControls = /** @class */ (function (_super) {
     __extends(TrajectoryViewportControls, _super);
     function TrajectoryViewportControls() {
@@ -290,9 +291,8 @@ var DefaultStructureTools = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DefaultStructureTools.prototype.render = function () {
-        return _jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: 'msp-section-header' }, { children: [_jsx(Icon, { svg: BuildSvg }, void 0), "Structure Tools"] }), void 0), _jsx(StructureSourceControls, {}, void 0), _jsx(StructureMeasurementsControls, {}, void 0), _jsx(StructureSuperpositionControls, {}, void 0), _jsx(StructureComponentControls, {}, void 0), this.plugin.config.get(PluginConfig.VolumeStreaming.Enabled) && _jsx(VolumeStreamingControls, {}, void 0), _jsx(VolumeSourceControls, {}, void 0), _jsx(CustomStructureControls, {}, void 0)] }, void 0);
+        return _jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: 'msp-section-header' }, { children: [_jsx(Icon, { svg: BuildSvg }, void 0), "Structure Tools"] }), void 0), _jsx(StructureSourceControls, {}, void 0), _jsx(StructureMeasurementsControls, {}, void 0), _jsx(StructureSuperpositionControls, {}, void 0), _jsx(StructureQuickStylesControls, {}, void 0), _jsx(StructureComponentControls, {}, void 0), this.plugin.config.get(PluginConfig.VolumeStreaming.Enabled) && _jsx(VolumeStreamingControls, {}, void 0), _jsx(VolumeSourceControls, {}, void 0), _jsx(CustomStructureControls, {}, void 0)] }, void 0);
     };
     return DefaultStructureTools;
 }(PluginUIComponent));
 export { DefaultStructureTools };
-//# sourceMappingURL=controls.js.map

package/lib/mol-plugin-ui/custom/volume.js CHANGED Viewed

@@ -247,4 +247,3 @@ var VolumeStreamingCustomControls = /** @class */ (function (_super) {
     return VolumeStreamingCustomControls;
 }(PluginUIComponent));
 export { VolumeStreamingCustomControls };
-//# sourceMappingURL=volume.js.map

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

@@ -21,4 +21,3 @@ export function useBehavior(s) {
     }, [s]);
     return s === null || s === void 0 ? void 0 : s.value;
 }
-//# sourceMappingURL=use-behavior.js.map

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

@@ -32,4 +32,3 @@ export function createPluginUI(target, spec, options) {
         });
     });
 }
-//# sourceMappingURL=index.js.map

package/lib/mol-plugin-ui/left-panel.js CHANGED Viewed

@@ -150,4 +150,3 @@ var RemoveAllButton = /** @class */ (function (_super) {
     };
     return RemoveAllButton;
 }(PluginUIComponent));
-//# sourceMappingURL=left-panel.js.map

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

@@ -250,4 +250,3 @@ var Log = /** @class */ (function (_super) {
     return Log;
 }(PluginUIComponent));
 export { Log };
-//# sourceMappingURL=plugin.js.map

package/lib/mol-plugin-ui/sequence/chain.js CHANGED Viewed

@@ -82,4 +82,3 @@ var ChainSequenceWrapper = /** @class */ (function (_super) {
     return ChainSequenceWrapper;
 }(SequenceWrapper));
 export { ChainSequenceWrapper };
-//# sourceMappingURL=chain.js.map

package/lib/mol-plugin-ui/sequence/element.js CHANGED Viewed

@@ -83,4 +83,3 @@ var ElementSequenceWrapper = /** @class */ (function (_super) {
     return ElementSequenceWrapper;
 }(SequenceWrapper));
 export { ElementSequenceWrapper };
-//# sourceMappingURL=element.js.map

package/lib/mol-plugin-ui/sequence/hetero.js CHANGED Viewed

@@ -100,4 +100,3 @@ var HeteroSequenceWrapper = /** @class */ (function (_super) {
     return HeteroSequenceWrapper;
 }(SequenceWrapper));
 export { HeteroSequenceWrapper };
-//# sourceMappingURL=hetero.js.map

package/lib/mol-plugin-ui/sequence/polymer.js CHANGED Viewed

@@ -126,4 +126,3 @@ function applyMarkerCoarse(e, action, markerArray, index) {
     });
     return true;
 }
-//# sourceMappingURL=polymer.js.map

package/lib/mol-plugin-ui/sequence/sequence.d.ts CHANGED Viewed

@@ -5,10 +5,10 @@
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 import * as React from 'react';
-import { PluginUIComponent } from '../base';
+import { StructureElement } from '../../mol-model/structure';
 import { ButtonsType, ModifiersKeys } from '../../mol-util/input/input-observer';
+import { PluginUIComponent } from '../base';
 import { SequenceWrapper } from './wrapper';
-import { StructureElement } from '../../mol-model/structure';
 declare type SequenceProps = {
     sequenceWrapper: SequenceWrapper.Any;
     sequenceNumberPeriod?: number;

package/lib/mol-plugin-ui/sequence/sequence.js CHANGED Viewed

@@ -7,13 +7,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author David Sehnal <david.sehnal@gmail.com>
  */
 import * as React from 'react';
-import { PluginUIComponent } from '../base';
-import { getButtons, getModifiers, getButton } from '../../mol-util/input/input-observer';
-import { StructureElement, StructureProperties, Unit } from '../../mol-model/structure';
 import { Subject } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
+import { throttleTime } from 'rxjs/operators';
 import { OrderedSet } from '../../mol-data/int';
+import { StructureElement, StructureProperties, Unit } from '../../mol-model/structure';
 import { Representation } from '../../mol-repr/representation';
+import { getButton, getButtons, getModifiers } from '../../mol-util/input/input-observer';
+import { PluginUIComponent } from '../base';
 /** Note, if this is changed, the CSS for `msp-sequence-number` needs adjustment too */
 var MaxSequenceNumberSize = 5;
 // TODO: this is somewhat inefficient and should be done using a canvas.
@@ -132,11 +132,10 @@ var Sequence = /** @class */ (function (_super) {
         var _this = this;
         this.plugin.managers.interactivity.lociHighlights.addProvider(this.lociHighlightProvider);
         this.plugin.managers.interactivity.lociSelects.addProvider(this.lociSelectionProvider);
-        this.subscribe(debounceTime(15)(this.highlightQueue), function (e) {
+        this.subscribe(this.highlightQueue.pipe(throttleTime(3 * 16.666, void 0, { leading: true, trailing: true })), function (e) {
             var loci = _this.getLoci(e.seqIdx < 0 ? void 0 : e.seqIdx);
             _this.hover(loci, e.buttons, e.button, e.modifiers);
         });
-        // this.updateMarker()
     };
     Sequence.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
@@ -276,4 +275,3 @@ var Sequence = /** @class */ (function (_super) {
     return Sequence;
 }(PluginUIComponent));
 export { Sequence };
-//# sourceMappingURL=sequence.js.map

package/lib/mol-plugin-ui/sequence/wrapper.js CHANGED Viewed

@@ -23,4 +23,3 @@ var SequenceWrapper = /** @class */ (function () {
     };
     return SequenceWrapper;
 }());
-//# sourceMappingURL=wrapper.js.map

package/lib/mol-plugin-ui/sequence.js CHANGED Viewed

@@ -381,4 +381,3 @@ function NonEmptySequenceWrapper(_a) {
     var children = _a.children;
     return _jsx("div", __assign({ className: 'msp-sequence-wrapper-non-empty' }, { children: children }), void 0);
 }
-//# sourceMappingURL=sequence.js.map

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

@@ -490,7 +490,7 @@
     }
 }
-.msp-action-menu-options {
+.msp-action-menu-options {
     &-no-header, .msp-control-group-children {
         max-height: 300px;
         overflow: hidden;
@@ -602,10 +602,10 @@
     }
     .msp-slider {
-        > div:first-child() {
+        > div:first-child {
             right: 42px;
         }
-        > div:last-child() {
+        > div:last-child {
             width: 30px;
         }
     }

package/lib/mol-plugin-ui/skin/base/components/viewport.scss CHANGED Viewed

@@ -24,6 +24,7 @@
     right: 0;
     bottom: 0;
     -webkit-user-select: none;
+    user-select: none;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-touch-callout: none;
     touch-action: manipulation;
@@ -71,7 +72,7 @@
     }
 }
-.msp-semi-transparent-background {
+.msp-semi-transparent-background {
     background: $default-background;
     opacity: 0.5;
     position: absolute;
@@ -94,7 +95,7 @@
     .msp-viewport-controls-panel-controls {
         overflow-y: auto;
-        max-height: 400px;
+        max-height: 400px;
     }
 }

package/lib/mol-plugin-ui/spec.js CHANGED Viewed

@@ -11,4 +11,3 @@ import { VolumeStreamingCustomControls } from './custom/volume';
 export var DefaultPluginUISpec = function () { return (__assign(__assign({}, DefaultPluginSpec()), { customParamEditors: [
         [CreateVolumeStreamingBehavior, VolumeStreamingCustomControls]
     ] })); };
-//# sourceMappingURL=spec.js.map

package/lib/mol-plugin-ui/state/actions.js CHANGED Viewed

@@ -45,4 +45,3 @@ var StateObjectActions = /** @class */ (function (_super) {
     return StateObjectActions;
 }(PluginUIComponent));
 export { StateObjectActions };
-//# sourceMappingURL=actions.js.map

package/lib/mol-plugin-ui/state/animation.js CHANGED Viewed

@@ -49,4 +49,3 @@ var AnimationControls = /** @class */ (function (_super) {
     return AnimationControls;
 }(PluginUIComponent));
 export { AnimationControls };
-//# sourceMappingURL=animation.js.map

package/lib/mol-plugin-ui/state/apply-action.js CHANGED Viewed

@@ -53,4 +53,3 @@ var ApplyActionControl = /** @class */ (function (_super) {
     };
     return ApplyActionControl;
 }(TransformControlBase));
-//# sourceMappingURL=apply-action.js.map

package/lib/mol-plugin-ui/state/common.js CHANGED Viewed

@@ -195,4 +195,3 @@ var TransformControlBase = /** @class */ (function (_super) {
     };
     return TransformControlBase;
 }(PurePluginUIComponent));
-//# sourceMappingURL=common.js.map

package/lib/mol-plugin-ui/state/snapshots.js CHANGED Viewed

@@ -343,4 +343,3 @@ var RemoteStateSnapshotList = /** @class */ (function (_super) {
     };
     return RemoteStateSnapshotList;
 }(PurePluginUIComponent));
-//# sourceMappingURL=snapshots.js.map

package/lib/mol-plugin-ui/state/tree.js CHANGED Viewed

@@ -289,4 +289,3 @@ var StateTreeNodeLabel = /** @class */ (function (_super) {
     };
     return StateTreeNodeLabel;
 }(PluginUIComponent));
-//# sourceMappingURL=tree.js.map

package/lib/mol-plugin-ui/state/update-transform.js CHANGED Viewed

@@ -108,4 +108,3 @@ var TransformUpdaterControl = /** @class */ (function (_super) {
     };
     return TransformUpdaterControl;
 }(PluginUIComponent));
-//# sourceMappingURL=update-transform.js.map

package/lib/mol-plugin-ui/structure/components.js CHANGED Viewed

@@ -361,4 +361,3 @@ var StructureRepresentationEntry = /** @class */ (function (_super) {
     };
     return StructureRepresentationEntry;
 }(PurePluginUIComponent));
-//# sourceMappingURL=components.js.map

package/lib/mol-plugin-ui/structure/focus.js CHANGED Viewed

@@ -227,4 +227,3 @@ var StructureFocusControls = /** @class */ (function (_super) {
     return StructureFocusControls;
 }(PluginUIComponent));
 export { StructureFocusControls };
-//# sourceMappingURL=focus.js.map

package/lib/mol-plugin-ui/structure/generic.js CHANGED Viewed

@@ -149,4 +149,3 @@ var GenericEntry = /** @class */ (function (_super) {
     return GenericEntry;
 }(PurePluginUIComponent));
 export { GenericEntry };
-//# sourceMappingURL=generic.js.map

package/lib/mol-plugin-ui/structure/measurements.js CHANGED Viewed

@@ -328,4 +328,3 @@ var MeasurementEntry = /** @class */ (function (_super) {
     };
     return MeasurementEntry;
 }(PurePluginUIComponent));
-//# sourceMappingURL=measurements.js.map