molstar 4.3.0 → 4.4.1

package/lib/mol-plugin-ui/skin/base/variables.scss

@@ -1,89 +1,89 @@
-
-// measures
-
-$control-label-width:   110px;
-$control-label-short-width:   70px;
-$row-height:            32px;
-$control-spacing:       10px;
-$entity-subtree-offset: 8px;
-$info-vertical-padding: 3px;
-$slider-border-radius-base: 6px;
-
-// layout
-$expanded-top-height:    100px;
-$expanded-bottom-height: 70px; // 3 * $row-height + 2;
-$expanded-right-width:   300px;
-$expanded-left-width:    330px;
-
-$collapsed-left-width:   $row-height;
-
-$expanded-portrait-bottom-height: 10 * ($row-height + 1) + 3 * $control-spacing + 1;
-$expanded-portrait-top-height:    3 * $row-height + 1;
-
-$standard-bottom-height: 8 * ($row-height + 1) + 3 * $control-spacing + 1;
-$standard-top-height:    3 * $row-height + 1;
-
-
-$color-accent-cyan:      color-lower-contrast(#95a5a6, 15%);
-$color-accent-red:       color-lower-contrast(#e74c3c, 15%);
-$color-accent-gray:      color-lower-contrast(#34495e, 10%);
-$color-accent-green:     color-lower-contrast(#2ecc71, 10%);
-$color-accent-purple:    color-lower-contrast(#9b59b6, 10%);
-$color-accent-blue:      color-lower-contrast(#3498db, 5%);
-$color-accent-orange:    color-lower-contrast(#e67e22, 5%);
-
-// TypeClass = 'Root' | 'Group' | 'Data' | 'Object' | 'Representation3D' | 'Behavior'
-
-$type-class-Root:             $default-background;
-$type-class-Data:             color-lower-contrast(#95a5a6, 15%);
-$type-class-Object:           color-lower-contrast(#2ecc71, 10%);
-$type-class-Behavior:         color-lower-contrast(#9b59b6, 10%);
-$type-class-Representation3D: color-lower-contrast(#3498db, 5%);
-$type-class-Group:            color-lower-contrast(#e67e22, 5%);
-
-//////////////////////////////////////////////////
-// COLORS and COMPUTED COLORS
-
-$slider-disabledColor: #ccc;
-
-$control-background: color-increase-contrast($default-background, 6.5%);
-$border-color: color-increase-contrast($default-background, 15%);
-$msp-form-control-background: color-lower-contrast($default-background, 2.5%);
-
-// buttons
-$msp-btn-link-font-color: $font-color;
-$msp-btn-link-toggle-on-font-color: $font-color;
-$msp-btn-link-toggle-off-font-color: color-lower-contrast($font-color, 33%);
-
-// used for "actions" -- i.e. + in selection
-$msp-btn-remove-font-color: $font-color;
-
-$msp-btn-action-background: $msp-form-control-background;
-
-// update selection etc
-//!! $msp-btn-commit-on-font-color: $entity-current-font-color;
-$msp-btn-commit-on-hover-font-color: color-lower-contrast($msp-btn-commit-on-font-color, 20%); //!!Change
-$msp-btn-commit-on-background: color-lower-contrast($default-background, 2%);
-$msp-btn-commit-off-background:  color-lower-contrast($default-background, 4%); //$control-background;
-$msp-btn-commit-off-font-color: $font-color;
-
-// log
-$log-font-color: color-lower-contrast($font-color, 5%);
-$log-timestamp-font-color: color-lower-contrast($font-color, 20%);
-
-// highlight
-$highlight-info-font-color: $hover-font-color;
-$highlight-info-additional-font-color: color-lower-contrast($hover-font-color, 20%);
-
-// entity state
-$entity-color-fully-visible: $font-color;
-$entity-color-not-visible: color-lower-contrast($font-color, 66%);
-$entity-color-partialy-visible: color-lower-contrast($font-color, 33%);
-$entity-tag-color: color-lower-contrast($font-color, 20%);
-
-// sequence
-$sequence-background: $default-background;
-$sequence-number-color: $hover-font-color;
-
-// state
+
+// measures
+
+$control-label-width:   110px;
+$control-label-short-width:   70px;
+$row-height:            32px;
+$control-spacing:       10px;
+$entity-subtree-offset: 8px;
+$info-vertical-padding: 3px;
+$slider-border-radius-base: 6px;
+
+// layout
+$expanded-top-height:    100px;
+$expanded-bottom-height: 70px; // 3 * $row-height + 2;
+$expanded-right-width:   300px;
+$expanded-left-width:    330px;
+
+$collapsed-left-width:   $row-height;
+
+$expanded-portrait-bottom-height: 10 * ($row-height + 1) + 3 * $control-spacing + 1;
+$expanded-portrait-top-height:    3 * $row-height + 1;
+
+$standard-bottom-height: 8 * ($row-height + 1) + 3 * $control-spacing + 1;
+$standard-top-height:    3 * $row-height + 1;
+
+
+$color-accent-cyan:      color-lower-contrast(#95a5a6, 15%);
+$color-accent-red:       color-lower-contrast(#e74c3c, 15%);
+$color-accent-gray:      color-lower-contrast(#34495e, 10%);
+$color-accent-green:     color-lower-contrast(#2ecc71, 10%);
+$color-accent-purple:    color-lower-contrast(#9b59b6, 10%);
+$color-accent-blue:      color-lower-contrast(#3498db, 5%);
+$color-accent-orange:    color-lower-contrast(#e67e22, 5%);
+
+// TypeClass = 'Root' | 'Group' | 'Data' | 'Object' | 'Representation3D' | 'Behavior'
+
+$type-class-Root:             $default-background;
+$type-class-Data:             color-lower-contrast(#95a5a6, 15%);
+$type-class-Object:           color-lower-contrast(#2ecc71, 10%);
+$type-class-Behavior:         color-lower-contrast(#9b59b6, 10%);
+$type-class-Representation3D: color-lower-contrast(#3498db, 5%);
+$type-class-Group:            color-lower-contrast(#e67e22, 5%);
+
+//////////////////////////////////////////////////
+// COLORS and COMPUTED COLORS
+
+$slider-disabledColor: #ccc;
+
+$control-background: color-increase-contrast($default-background, 6.5%);
+$border-color: color-increase-contrast($default-background, 15%);
+$msp-form-control-background: color-lower-contrast($default-background, 2.5%);
+
+// buttons
+$msp-btn-link-font-color: $font-color;
+$msp-btn-link-toggle-on-font-color: $font-color;
+$msp-btn-link-toggle-off-font-color: color-lower-contrast($font-color, 33%);
+
+// used for "actions" -- i.e. + in selection
+$msp-btn-remove-font-color: $font-color;
+
+$msp-btn-action-background: $msp-form-control-background;
+
+// update selection etc
+//!! $msp-btn-commit-on-font-color: $entity-current-font-color;
+$msp-btn-commit-on-hover-font-color: color-lower-contrast($msp-btn-commit-on-font-color, 20%); //!!Change
+$msp-btn-commit-on-background: color-lower-contrast($default-background, 2%);
+$msp-btn-commit-off-background:  color-lower-contrast($default-background, 4%); //$control-background;
+$msp-btn-commit-off-font-color: $font-color;
+
+// log
+$log-font-color: color-lower-contrast($font-color, 5%);
+$log-timestamp-font-color: color-lower-contrast($font-color, 20%);
+
+// highlight
+$highlight-info-font-color: $hover-font-color;
+$highlight-info-additional-font-color: color-lower-contrast($hover-font-color, 20%);
+
+// entity state
+$entity-color-fully-visible: $font-color;
+$entity-color-not-visible: color-lower-contrast($font-color, 66%);
+$entity-color-partialy-visible: color-lower-contrast($font-color, 33%);
+$entity-tag-color: color-lower-contrast($font-color, 20%);
+
+// sequence
+$sequence-background: $default-background;
+$sequence-number-color: $hover-font-color;
+
+// state
 $state-image-height: 96px;

package/lib/mol-plugin-ui/skin/blue.scss

@@ -1,2 +1,2 @@
-@import 'colors/blue';
+@import 'colors/blue';
 @import 'base/base';

package/lib/mol-plugin-ui/skin/colors/blue.scss

@@ -1,24 +1,24 @@
-$default-background:         #2D3E50;
-$font-color:                 #EDF1F2; 
-$hover-font-color:           #3B9AD9;
-$entity-current-font-color:  #FFFFFF;
-$msp-btn-remove-background:      #BF3A31;
-$msp-btn-remove-hover-font-color:#ffffff;
-$msp-btn-commit-on-font-color:   #ffffff; 
-$entity-badge-font-color:    #ccd4e0;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: rgba(0,0,0,0.75);
-
-@function color-lower-contrast($color, $amount) {
-    @return darken($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return lighten($color, $amount);
+$default-background:         #2D3E50;
+$font-color:                 #EDF1F2; 
+$hover-font-color:           #3B9AD9;
+$entity-current-font-color:  #FFFFFF;
+$msp-btn-remove-background:      #BF3A31;
+$msp-btn-remove-hover-font-color:#ffffff;
+$msp-btn-commit-on-font-color:   #ffffff; 
+$entity-badge-font-color:    #ccd4e0;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: rgba(0,0,0,0.75);
+
+@function color-lower-contrast($color, $amount) {
+    @return darken($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return lighten($color, $amount);
 }

package/lib/mol-plugin-ui/skin/colors/dark.scss

@@ -1,24 +1,24 @@
-$default-background:         #111318;
-$font-color:                 #ccd4e0;
-$hover-font-color:           #51A2FB;
-$entity-current-font-color:  #68BEFD;
-$msp-btn-remove-background:      #DE0A28;
-$msp-btn-remove-hover-font-color:#F2F4F7;
-$msp-btn-commit-on-font-color:   #68BEFD;
-$entity-badge-font-color:    #ccd4e0;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: rgba(0,0,0,0.75);
-
-@function color-lower-contrast($color, $amount) {
-    @return darken($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return lighten($color, $amount);
+$default-background:         #111318;
+$font-color:                 #ccd4e0;
+$hover-font-color:           #51A2FB;
+$entity-current-font-color:  #68BEFD;
+$msp-btn-remove-background:      #DE0A28;
+$msp-btn-remove-hover-font-color:#F2F4F7;
+$msp-btn-commit-on-font-color:   #68BEFD;
+$entity-badge-font-color:    #ccd4e0;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: rgba(0,0,0,0.75);
+
+@function color-lower-contrast($color, $amount) {
+    @return darken($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return lighten($color, $amount);
 }

package/lib/mol-plugin-ui/skin/colors/light.scss

@@ -1,30 +1,30 @@
-// this is complement of the dark theme
-
-@function compl($color) {
-    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color));
-}
-
-$default-background:         compl(#111318);
-$font-color:                 compl(#ccd4e0);
-$hover-font-color:           compl(#51A2FB);
-$entity-current-font-color:  compl(#68BEFD);
-$msp-btn-commit-on-font-color:   compl(#68BEFD);
-$entity-badge-font-color:    lighten(#ccd4e0,10%);
-$msp-btn-remove-background:      #DE0A28;
-$msp-btn-remove-hover-font-color:#F2F4F7;
-
-// used in LOG
-$log-message:          #0CCA5D;
-$log-info:             #5E3673;
-$log-warning:          #FCC937;
-$log-error:            #FD354B;
-
-$logo-background: compl(#111318);
-
-@function color-lower-contrast($color, $amount) {
-    @return lighten($color, $amount);
-}
-
-@function color-increase-contrast($color, $amount) {
-    @return darken($color, $amount);
+// this is complement of the dark theme
+
+@function compl($color) {
+    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color));
+}
+
+$default-background:         compl(#111318);
+$font-color:                 compl(#ccd4e0);
+$hover-font-color:           compl(#51A2FB);
+$entity-current-font-color:  compl(#68BEFD);
+$msp-btn-commit-on-font-color:   compl(#68BEFD);
+$entity-badge-font-color:    lighten(#ccd4e0,10%);
+$msp-btn-remove-background:      #DE0A28;
+$msp-btn-remove-hover-font-color:#F2F4F7;
+
+// used in LOG
+$log-message:          #0CCA5D;
+$log-info:             #5E3673;
+$log-warning:          #FCC937;
+$log-error:            #FD354B;
+
+$logo-background: compl(#111318);
+
+@function color-lower-contrast($color, $amount) {
+    @return lighten($color, $amount);
+}
+
+@function color-increase-contrast($color, $amount) {
+    @return darken($color, $amount);
 }

package/lib/mol-plugin-ui/skin/dark.scss

@@ -1,2 +1,2 @@
-@import 'colors/dark';
+@import 'colors/dark';
 @import 'base/base';

package/lib/mol-plugin-ui/skin/light.scss

@@ -1,2 +1,2 @@
-@import 'colors/light';
+@import 'colors/light';
 @import 'base/base';

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

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

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

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

package/lib/mol-plugin-ui/state/apply-action.d.ts

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

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

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

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

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

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Copyright (c) 2022-2023 mol* contributors, licensed under MIT, See LICENSE file for more info.
+ * Copyright (c) 2022-2024 mol* contributors, licensed under MIT, See LICENSE file for more info.
  *
  * @author Alexander Rose <alexander.rose@weirdbyte.de>
+ * @author David Sehnal <david.sehnal@gmail.com>
  */
 import { PresetStructureRepresentations } from '../../mol-plugin-state/builder/structure/representation-preset';
 import { Color } from '../../mol-util/color';
@@ -61,6 +62,7 @@ export class QuickStyles extends PurePluginUIComponent {
                             radius: 5,
                             bias: 0.8,
                             blurKernelSize: 15,
+                            blurDepthBias: 0.5,
                             samples: 32,
                             resolutionScale: 1,
                             color: Color(0x000000),
@@ -97,6 +99,7 @@ export class QuickStyles extends PurePluginUIComponent {
                                 radius: 5,
                                 bias: 0.8,
                                 blurKernelSize: 15,
+                                blurDepthBias: 0.5,
                                 samples: 32,
                                 resolutionScale: 1,
                                 color: Color(0x000000),
@@ -108,6 +111,6 @@ export class QuickStyles extends PurePluginUIComponent {
         }
     }
     render() {
-        return _jsxs("div", { className: 'msp-flex-row', children: [_jsx(Button, { noOverflow: true, title: 'Applies default representation preset. Set outline and occlusion effects to defaults.', onClick: () => this.default(), style: { width: 'auto' }, children: "Default" }), _jsx(Button, { noOverflow: true, title: 'Applies no representation preset. Enables outline and occlusion effects. Enables ignore-light representation parameter.', onClick: () => this.stylized(), style: { width: 'auto' }, children: "Stylized" }), _jsx(Button, { noOverflow: true, title: 'Applies illustrative representation preset. Enables outline and occlusion effects. Enables ignore-light parameter.', onClick: () => this.illustrative(), style: { width: 'auto' }, children: "Illustrative" })] });
+        return _jsxs("div", { className: 'msp-flex-row', children: [_jsx(Button, { noOverflow: true, title: 'Applies default representation preset and sets outline and occlusion effects to default', onClick: () => this.default(), style: { width: 'auto' }, children: "Default" }), _jsx(Button, { noOverflow: true, title: 'Applies illustrative representation preset and Stylize it', onClick: () => this.illustrative(), style: { width: 'auto' }, children: "Illustrative" }), _jsx(Button, { noOverflow: true, title: 'Does not change representation, enables outline and occlusion effects, enables ignore-light representation parameter', onClick: () => this.stylized(), style: { width: 'auto' }, children: "Stylize Current" })] });
     }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/mol-repr/structure/complex-visual.d.ts

@@ -48,6 +48,7 @@ export declare const ComplexMeshParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
@@ -85,6 +86,7 @@ export declare const ComplexSpheresParams: {
     sizeFactor: PD.Numeric;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
@@ -134,6 +136,7 @@ export declare const ComplexCylindersParams: {
     sizeAspectRatio: PD.Numeric;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
@@ -252,6 +255,7 @@ export declare const ComplexDirectVolumeParams: {
     unitKinds: PD.MultiSelect<"spheres" | "gaussians" | "atomic">;
     includeParent: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     controlPoints: PD.LineGraph;
     stepsPerCell: PD.Numeric;
@@ -290,6 +294,7 @@ export declare const ComplexTextureMeshParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;

package/lib/mol-repr/structure/params.d.ts

@@ -17,6 +17,7 @@ export declare const StructureMeshParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;
@@ -49,6 +50,7 @@ export declare const StructureSpheresParams: {
     sizeFactor: PD.Numeric;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
@@ -93,6 +95,7 @@ export declare const StructureCylindersParams: {
     sizeAspectRatio: PD.Numeric;
     doubleSided: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     solidInterior: PD.BooleanParam;
@@ -224,6 +227,7 @@ export declare const StructureTextParams: {
 export type StructureTextParams = typeof StructureTextParams;
 export declare const StructureDirectVolumeParams: {
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     controlPoints: PD.LineGraph;
     stepsPerCell: PD.Numeric;
@@ -257,6 +261,7 @@ export declare const StructureTextureMeshParams: {
     flipSided: PD.BooleanParam;
     flatShaded: PD.BooleanParam;
     ignoreLight: PD.BooleanParam;
+    celShaded: PD.BooleanParam;
     xrayShaded: PD.Select<boolean | "inverted">;
     transparentBackfaces: PD.Select<"on" | "off" | "opaque">;
     bumpFrequency: PD.Numeric;