molstar 3.0.2 → 3.1.0

package/lib/mol-plugin-state/builder/structure/representation-preset.d.ts

@@ -13,7 +13,6 @@ import { PluginContext } from '../../../mol-plugin/context';
 import { StateObjectRef, StateObjectSelector } from '../../../mol-state';
 import { StaticStructureComponentType } from '../../helpers/structure-component';
 import { StructureSelectionQueries as Q } from '../../helpers/structure-selection-query';
-import { Color } from '../../../mol-util/color';
 export interface StructureRepresentationPresetProvider<P = any, S extends _Result = _Result> extends PresetProvider<PluginStateObject.Molecule.Structure, P, S> {
 }
 export declare function StructureRepresentationPresetProvider<P, S extends _Result>(repr: StructureRepresentationPresetProvider<P, S>): StructureRepresentationPresetProvider<P, S>;
@@ -30,6 +29,7 @@ export declare namespace StructureRepresentationPresetProvider {
     };
     const CommonParams: {
         ignoreHydrogens: PD.Base<boolean | undefined>;
+        ignoreLight: PD.Base<boolean | undefined>;
         quality: PD.Base<"auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined>;
         theme: PD.Base<PD.Normalize<{
             globalName: "uniform" | "occupancy" | "element-index" | "element-symbol" | "shape-group" | "uncertainty" | "carbohydrate-symbol" | "chain-id" | "operator-name" | "entity-id" | "entity-source" | "molecule-type" | "polymer-id" | "polymer-index" | "residue-name" | "secondary-structure" | "sequence-id" | "unit-index" | "illustrative" | "hydrophobicity" | "model-index" | "operator-hkl" | "partial-charge" | "atom-id" | "volume-value" | undefined;
@@ -50,6 +50,7 @@ export declare namespace StructureRepresentationPresetProvider {
         typeParams: {
             quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest";
             ignoreHydrogens: boolean;
+            ignoreLight: boolean;
         };
         ballAndStickColor: Partial<PD.Values<{
             carbonColor: PD.Mapped<PD.NamedParams<PD.Normalize<unknown>, "element-symbol"> | PD.NamedParams<PD.Normalize<{
@@ -101,125 +102,125 @@ export declare namespace StructureRepresentationPresetProvider {
             saturation: PD.Numeric;
             lightness: PD.Numeric;
             colors: PD.Mapped<PD.NamedParams<PD.Normalize<unknown>, "default"> | PD.NamedParams<PD.Normalize<{
-                H: Color;
-                D: Color;
-                T: Color;
-                HE: Color;
-                LI: Color;
-                BE: Color;
-                B: Color;
-                C: Color;
-                N: Color;
-                O: Color;
-                F: Color;
-                NE: Color;
-                NA: Color;
-                MG: Color;
-                AL: Color;
-                SI: Color;
-                P: Color;
-                S: Color;
-                CL: Color;
-                AR: Color;
-                K: Color;
-                CA: Color;
-                SC: Color;
-                TI: Color;
-                V: Color;
-                CR: Color;
-                MN: Color;
-                FE: Color;
-                CO: Color;
-                NI: Color;
-                CU: Color;
-                ZN: Color;
-                GA: Color;
-                GE: Color;
-                AS: Color;
-                SE: Color;
-                BR: Color;
-                KR: Color;
-                RB: Color;
-                SR: Color;
-                Y: Color;
-                ZR: Color;
-                NB: Color;
-                MO: Color;
-                TC: Color;
-                RU: Color;
-                RH: Color;
-                PD: Color;
-                AG: Color;
-                CD: Color;
-                IN: Color;
-                SN: Color;
-                SB: Color;
-                TE: Color;
-                I: Color;
-                XE: Color;
-                CS: Color;
-                BA: Color;
-                LA: Color;
-                CE: Color;
-                PR: Color;
-                ND: Color;
-                PM: Color;
-                SM: Color;
-                EU: Color;
-                GD: Color;
-                TB: Color;
-                DY: Color;
-                HO: Color;
-                ER: Color;
-                TM: Color;
-                YB: Color;
-                LU: Color;
-                HF: Color;
-                TA: Color;
-                W: Color;
-                RE: Color;
-                OS: Color;
-                IR: Color;
-                PT: Color;
-                AU: Color;
-                HG: Color;
-                TL: Color;
-                PB: Color;
-                BI: Color;
-                PO: Color;
-                AT: Color;
-                RN: Color;
-                FR: Color;
-                RA: Color;
-                AC: Color;
-                TH: Color;
-                PA: Color;
-                U: Color;
-                NP: Color;
-                PU: Color;
-                AM: Color;
-                CM: Color;
-                BK: Color;
-                CF: Color;
-                ES: Color;
-                FM: Color;
-                MD: Color;
-                NO: Color;
-                LR: Color;
-                RF: Color;
-                DB: Color;
-                SG: Color;
-                BH: Color;
-                HS: Color;
-                MT: Color;
-                DS: Color;
-                RG: Color;
-                CN: Color;
-                UUT: Color;
-                FL: Color;
-                UUP: Color;
-                LV: Color;
-                UUH: Color;
+                H: import("../../../mol-util/color").Color;
+                D: import("../../../mol-util/color").Color;
+                T: import("../../../mol-util/color").Color;
+                HE: import("../../../mol-util/color").Color;
+                LI: import("../../../mol-util/color").Color;
+                BE: import("../../../mol-util/color").Color;
+                B: import("../../../mol-util/color").Color;
+                C: import("../../../mol-util/color").Color;
+                N: import("../../../mol-util/color").Color;
+                O: import("../../../mol-util/color").Color;
+                F: import("../../../mol-util/color").Color;
+                NE: import("../../../mol-util/color").Color;
+                NA: import("../../../mol-util/color").Color;
+                MG: import("../../../mol-util/color").Color;
+                AL: import("../../../mol-util/color").Color;
+                SI: import("../../../mol-util/color").Color;
+                P: import("../../../mol-util/color").Color;
+                S: import("../../../mol-util/color").Color;
+                CL: import("../../../mol-util/color").Color;
+                AR: import("../../../mol-util/color").Color;
+                K: import("../../../mol-util/color").Color;
+                CA: import("../../../mol-util/color").Color;
+                SC: import("../../../mol-util/color").Color;
+                TI: import("../../../mol-util/color").Color;
+                V: import("../../../mol-util/color").Color;
+                CR: import("../../../mol-util/color").Color;
+                MN: import("../../../mol-util/color").Color;
+                FE: import("../../../mol-util/color").Color;
+                CO: import("../../../mol-util/color").Color;
+                NI: import("../../../mol-util/color").Color;
+                CU: import("../../../mol-util/color").Color;
+                ZN: import("../../../mol-util/color").Color;
+                GA: import("../../../mol-util/color").Color;
+                GE: import("../../../mol-util/color").Color;
+                AS: import("../../../mol-util/color").Color;
+                SE: import("../../../mol-util/color").Color;
+                BR: import("../../../mol-util/color").Color;
+                KR: import("../../../mol-util/color").Color;
+                RB: import("../../../mol-util/color").Color;
+                SR: import("../../../mol-util/color").Color;
+                Y: import("../../../mol-util/color").Color;
+                ZR: import("../../../mol-util/color").Color;
+                NB: import("../../../mol-util/color").Color;
+                MO: import("../../../mol-util/color").Color;
+                TC: import("../../../mol-util/color").Color;
+                RU: import("../../../mol-util/color").Color;
+                RH: import("../../../mol-util/color").Color;
+                PD: import("../../../mol-util/color").Color;
+                AG: import("../../../mol-util/color").Color;
+                CD: import("../../../mol-util/color").Color;
+                IN: import("../../../mol-util/color").Color;
+                SN: import("../../../mol-util/color").Color;
+                SB: import("../../../mol-util/color").Color;
+                TE: import("../../../mol-util/color").Color;
+                I: import("../../../mol-util/color").Color;
+                XE: import("../../../mol-util/color").Color;
+                CS: import("../../../mol-util/color").Color;
+                BA: import("../../../mol-util/color").Color;
+                LA: import("../../../mol-util/color").Color;
+                CE: import("../../../mol-util/color").Color;
+                PR: import("../../../mol-util/color").Color;
+                ND: import("../../../mol-util/color").Color;
+                PM: import("../../../mol-util/color").Color;
+                SM: import("../../../mol-util/color").Color;
+                EU: import("../../../mol-util/color").Color;
+                GD: import("../../../mol-util/color").Color;
+                TB: import("../../../mol-util/color").Color;
+                DY: import("../../../mol-util/color").Color;
+                HO: import("../../../mol-util/color").Color;
+                ER: import("../../../mol-util/color").Color;
+                TM: import("../../../mol-util/color").Color;
+                YB: import("../../../mol-util/color").Color;
+                LU: import("../../../mol-util/color").Color;
+                HF: import("../../../mol-util/color").Color;
+                TA: import("../../../mol-util/color").Color;
+                W: import("../../../mol-util/color").Color;
+                RE: import("../../../mol-util/color").Color;
+                OS: import("../../../mol-util/color").Color;
+                IR: import("../../../mol-util/color").Color;
+                PT: import("../../../mol-util/color").Color;
+                AU: import("../../../mol-util/color").Color;
+                HG: import("../../../mol-util/color").Color;
+                TL: import("../../../mol-util/color").Color;
+                PB: import("../../../mol-util/color").Color;
+                BI: import("../../../mol-util/color").Color;
+                PO: import("../../../mol-util/color").Color;
+                AT: import("../../../mol-util/color").Color;
+                RN: import("../../../mol-util/color").Color;
+                FR: import("../../../mol-util/color").Color;
+                RA: import("../../../mol-util/color").Color;
+                AC: import("../../../mol-util/color").Color;
+                TH: import("../../../mol-util/color").Color;
+                PA: import("../../../mol-util/color").Color;
+                U: import("../../../mol-util/color").Color;
+                NP: import("../../../mol-util/color").Color;
+                PU: import("../../../mol-util/color").Color;
+                AM: import("../../../mol-util/color").Color;
+                CM: import("../../../mol-util/color").Color;
+                BK: import("../../../mol-util/color").Color;
+                CF: import("../../../mol-util/color").Color;
+                ES: import("../../../mol-util/color").Color;
+                FM: import("../../../mol-util/color").Color;
+                MD: import("../../../mol-util/color").Color;
+                NO: import("../../../mol-util/color").Color;
+                LR: import("../../../mol-util/color").Color;
+                RF: import("../../../mol-util/color").Color;
+                DB: import("../../../mol-util/color").Color;
+                SG: import("../../../mol-util/color").Color;
+                BH: import("../../../mol-util/color").Color;
+                HS: import("../../../mol-util/color").Color;
+                MT: import("../../../mol-util/color").Color;
+                DS: import("../../../mol-util/color").Color;
+                RG: import("../../../mol-util/color").Color;
+                CN: import("../../../mol-util/color").Color;
+                UUT: import("../../../mol-util/color").Color;
+                FL: import("../../../mol-util/color").Color;
+                UUP: import("../../../mol-util/color").Color;
+                LV: import("../../../mol-util/color").Color;
+                UUH: import("../../../mol-util/color").Color;
             }>, "custom">>;
         }>>;
     };
@@ -238,6 +239,7 @@ export declare const PresetStructureRepresentations: {
     empty: StructureRepresentationPresetProvider<unknown, {}>;
     auto: StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -267,6 +269,7 @@ export declare const PresetStructureRepresentations: {
     'atomic-detail': StructureRepresentationPresetProvider<{
         showCarbohydrateSymbol: boolean;
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -288,6 +291,7 @@ export declare const PresetStructureRepresentations: {
     }>;
     'polymer-cartoon': StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -308,6 +312,7 @@ export declare const PresetStructureRepresentations: {
     }>;
     'polymer-and-ligand': StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -343,6 +348,7 @@ export declare const PresetStructureRepresentations: {
     }>;
     'protein-and-nucleic': StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -365,6 +371,7 @@ export declare const PresetStructureRepresentations: {
     }>;
     'coarse-surface': StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -388,6 +395,7 @@ export declare const PresetStructureRepresentations: {
     illustrative: StructureRepresentationPresetProvider<{
         showCarbohydrateSymbol: boolean;
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;

package/lib/mol-plugin-state/builder/structure/representation-preset.js

@@ -18,12 +18,11 @@ import { OperatorNameColorThemeProvider } from '../../../mol-theme/color/operato
 import { IndexPairBonds } from '../../../mol-model-formats/structure/property/bonds/index-pair';
 import { StructConn } from '../../../mol-model-formats/structure/property/bonds/struct_conn';
 import { assertUnreachable } from '../../../mol-util/type-helpers';
-import { Color } from '../../../mol-util/color';
-import { PostprocessingParams } from '../../../mol-canvas3d/passes/postprocessing';
 export function StructureRepresentationPresetProvider(repr) { return repr; }
 (function (StructureRepresentationPresetProvider) {
     StructureRepresentationPresetProvider.CommonParams = {
         ignoreHydrogens: PD.Optional(PD.Boolean(false)),
+        ignoreLight: PD.Optional(PD.Boolean(false)),
         quality: PD.Optional(PD.Select('auto', VisualQualityOptions)),
         theme: PD.Optional(PD.Group({
             globalName: PD.Optional(PD.Text('')),
@@ -52,11 +51,14 @@ export function StructureRepresentationPresetProvider(repr) { return repr; }
         var typeParams = {
             quality: plugin.managers.structure.component.state.options.visualQuality,
             ignoreHydrogens: !plugin.managers.structure.component.state.options.showHydrogens,
+            ignoreLight: plugin.managers.structure.component.state.options.ignoreLight,
         };
         if (params.quality && params.quality !== 'auto')
             typeParams.quality = params.quality;
         if (params.ignoreHydrogens !== void 0)
             typeParams.ignoreHydrogens = !!params.ignoreHydrogens;
+        if (params.ignoreLight !== void 0)
+            typeParams.ignoreLight = !!params.ignoreLight;
         var color = ((_a = params.theme) === null || _a === void 0 ? void 0 : _a.globalName) ? (_b = params.theme) === null || _b === void 0 ? void 0 : _b.globalName : void 0;
         var ballAndStickColor = ((_c = params.theme) === null || _c === void 0 ? void 0 : _c.carbonColor) !== undefined
             ? { carbonColor: getCarbonColorParams((_d = params.theme) === null || _d === void 0 ? void 0 : _d.carbonColor) }
@@ -79,14 +81,6 @@ export function StructureRepresentationPresetProvider(repr) { return repr; }
 var CommonParams = StructureRepresentationPresetProvider.CommonParams;
 var reprBuilder = StructureRepresentationPresetProvider.reprBuilder;
 var updateFocusRepr = StructureRepresentationPresetProvider.updateFocusRepr;
-function resetPostprocessingProps(plugin) {
-    if (plugin.canvas3d) {
-        var p = PD.getDefaultValues(PostprocessingParams);
-        plugin.canvas3d.setProps({
-            postprocessing: { outline: p.outline, occlusion: p.occlusion }
-        });
-    }
-}
 var auto = StructureRepresentationPresetProvider({
     id: 'preset-structure-representation-auto',
     display: {
@@ -126,7 +120,6 @@ var empty = StructureRepresentationPresetProvider({
     apply: function (ref, params, plugin) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
-                resetPostprocessingProps(plugin);
                 return [2 /*return*/, {}];
             });
         });
@@ -201,7 +194,6 @@ var polymerAndLigand = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_h = (_g = params.theme) === null || _g === void 0 ? void 0 : _g.focus) === null || _h === void 0 ? void 0 : _h.name, (_k = (_j = params.theme) === null || _j === void 0 ? void 0 : _j.focus) === null || _k === void 0 ? void 0 : _k.params)];
                     case 10:
                         _o.sent();
-                        resetPostprocessingProps(plugin);
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -253,7 +245,6 @@ var proteinAndNucleic = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_b = (_a = params.theme) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.name, (_d = (_c = params.theme) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.params)];
                     case 4:
                         _g.sent();
-                        resetPostprocessingProps(plugin);
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -320,7 +311,6 @@ var coarseSurface = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_b = (_a = params.theme) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.name, (_d = (_c = params.theme) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.params)];
                     case 4:
                         _g.sent();
-                        resetPostprocessingProps(plugin);
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -364,7 +354,6 @@ var polymerCartoon = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_b = (_a = params.theme) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.name, (_d = (_c = params.theme) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.params)];
                     case 3:
                         _g.sent();
-                        resetPostprocessingProps(plugin);
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -442,7 +431,6 @@ var atomicDetail = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_c = (_b = (_a = params.theme) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : color, (_f = (_e = (_d = params.theme) === null || _d === void 0 ? void 0 : _d.focus) === null || _e === void 0 ? void 0 : _e.params) !== null && _f !== void 0 ? _f : colorParams)];
                     case 5:
                         _o.sent();
-                        resetPostprocessingProps(plugin);
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -484,20 +472,6 @@ var illustrative = StructureRepresentationPresetProvider({
                         return [4 /*yield*/, updateFocusRepr(plugin, structure, (_c = (_b = (_a = params.theme) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : color, (_e = (_d = params.theme) === null || _d === void 0 ? void 0 : _d.focus) === null || _e === void 0 ? void 0 : _e.params)];
                     case 3:
                         _h.sent();
-                        if (plugin.canvas3d) {
-                            plugin.canvas3d.setProps({
-                                postprocessing: {
-                                    outline: {
-                                        name: 'on',
-                                        params: { scale: 1, color: Color(0x000000), threshold: 0.25 }
-                                    },
-                                    occlusion: {
-                                        name: 'on',
-                                        params: { bias: 0.9, blurKernelSize: 15, radius: 5, samples: 32 }
-                                    },
-                                }
-                            });
-                        }
                         return [2 /*return*/, { components: components, representations: representations }];
                 }
             });
@@ -518,6 +492,6 @@ export var PresetStructureRepresentations = {
     'polymer-and-ligand': polymerAndLigand,
     'protein-and-nucleic': proteinAndNucleic,
     'coarse-surface': coarseSurface,
-    'illustrative': illustrative,
+    illustrative: illustrative,
 };
 //# sourceMappingURL=representation-preset.js.map

package/lib/mol-plugin-state/builder/structure/representation.d.ts

@@ -17,6 +17,7 @@ export declare class StructureRepresentationBuilder {
     private get dataState();
     readonly defaultProvider: StructureRepresentationPresetProvider<{
         ignoreHydrogens: boolean | undefined;
+        ignoreLight: boolean | undefined;
         quality: "auto" | "medium" | "high" | "low" | "custom" | "highest" | "higher" | "lower" | "lowest" | undefined;
         theme: PD.Normalize<{
             globalName: any;
@@ -43,7 +44,7 @@ export declare class StructureRepresentationBuilder {
             all: StateObjectSelector<PluginStateObject.Molecule.Structure.Representation3D, import("../../../mol-state/transformer").StateTransformer<import("../../../mol-state/object").StateObject<any, import("../../../mol-state/object").StateObject.Type<any>>, import("../../../mol-state/object").StateObject<any, import("../../../mol-state/object").StateObject.Type<any>>, any>>;
         };
     }>;
-    private resolveProvider;
+    resolveProvider(ref: StructureRepresentationPresetProviderRef): StructureRepresentationPresetProvider<unknown, {}>;
     hasPreset(s: PluginStateObject.Molecule.Structure): boolean;
     get providers(): ReadonlyArray<StructureRepresentationPresetProvider>;
     getPresets(s?: PluginStateObject.Molecule.Structure): readonly StructureRepresentationPresetProvider<any, StructureRepresentationPresetProvider.Result>[];

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

@@ -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

@@ -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' }),

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

@@ -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

@@ -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);

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

@@ -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>