molstar 3.31.2 → 3.31.3

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 (74) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +202 -202
  3. package/build/viewer/embedded.html +52 -52
  4. package/build/viewer/index.html +115 -115
  5. package/build/viewer/molstar.js +1 -1
  6. package/lib/apps/docking-viewer/index.html +36 -36
  7. package/lib/apps/viewer/embedded.html +52 -52
  8. package/lib/apps/viewer/index.html +115 -115
  9. package/lib/commonjs/extensions/meshes/mesh-extension.d.ts +4 -2
  10. package/lib/commonjs/extensions/meshes/mesh-streaming/behavior.d.ts +2 -0
  11. package/lib/commonjs/mol-canvas3d/canvas3d.js +1 -1
  12. package/lib/commonjs/mol-geo/geometry/cylinders/cylinders.d.ts +1 -1
  13. package/lib/commonjs/mol-geo/geometry/lines/lines.d.ts +0 -1
  14. package/lib/commonjs/mol-geo/geometry/points/points.d.ts +1 -1
  15. package/lib/commonjs/mol-gl/shader/cylinders.vert.d.ts +2 -2
  16. package/lib/commonjs/mol-gl/shader/cylinders.vert.js +2 -2
  17. package/lib/commonjs/mol-gl/shader/spheres.vert.d.ts +2 -2
  18. package/lib/commonjs/mol-gl/shader/spheres.vert.js +2 -2
  19. package/lib/commonjs/mol-math/linear-algebra/matrix/principal-axes.js +1 -1
  20. package/lib/commonjs/mol-plugin/behavior/dynamic/volume-streaming/model.d.ts +2 -3
  21. package/lib/commonjs/mol-repr/structure/visual/bond-inter-unit-cylinder.js +2 -1
  22. package/lib/commonjs/mol-repr/structure/visual/bond-intra-unit-cylinder.js +2 -1
  23. package/lib/commonjs/mol-script/language/builder.d.ts +1 -0
  24. package/lib/commonjs/mol-util/data-source.js +2 -1
  25. package/lib/examples/alpha-orbitals/index.html +72 -72
  26. package/lib/examples/basic-wrapper/index.html +137 -137
  27. package/lib/examples/lighting/index.html +88 -88
  28. package/lib/examples/proteopedia-wrapper/index.html +236 -236
  29. package/lib/extensions/meshes/mesh-extension.d.ts +4 -2
  30. package/lib/extensions/meshes/mesh-streaming/behavior.d.ts +2 -0
  31. package/lib/mol-canvas3d/canvas3d.js +1 -1
  32. package/lib/mol-geo/geometry/cylinders/cylinders.d.ts +1 -1
  33. package/lib/mol-geo/geometry/lines/lines.d.ts +0 -1
  34. package/lib/mol-geo/geometry/points/points.d.ts +1 -1
  35. package/lib/mol-gl/shader/cylinders.vert.d.ts +2 -2
  36. package/lib/mol-gl/shader/cylinders.vert.js +2 -2
  37. package/lib/mol-gl/shader/spheres.vert.d.ts +2 -2
  38. package/lib/mol-gl/shader/spheres.vert.js +2 -2
  39. package/lib/mol-math/linear-algebra/matrix/principal-axes.js +1 -1
  40. package/lib/mol-plugin/behavior/dynamic/volume-streaming/model.d.ts +2 -3
  41. package/lib/mol-plugin/version.js +2 -2
  42. package/lib/mol-plugin-ui/skin/base/base.scss +32 -32
  43. package/lib/mol-plugin-ui/skin/base/components/controls-base.scss +333 -333
  44. package/lib/mol-plugin-ui/skin/base/components/controls.scss +418 -418
  45. package/lib/mol-plugin-ui/skin/base/components/help.scss +27 -27
  46. package/lib/mol-plugin-ui/skin/base/components/line-graph.scss +67 -67
  47. package/lib/mol-plugin-ui/skin/base/components/log.scss +100 -100
  48. package/lib/mol-plugin-ui/skin/base/components/misc.scss +663 -663
  49. package/lib/mol-plugin-ui/skin/base/components/sequence.scss +125 -125
  50. package/lib/mol-plugin-ui/skin/base/components/slider.scss +165 -165
  51. package/lib/mol-plugin-ui/skin/base/components/tasks.scss +99 -99
  52. package/lib/mol-plugin-ui/skin/base/components/toast.scss +83 -83
  53. package/lib/mol-plugin-ui/skin/base/components/transformer.scss +163 -163
  54. package/lib/mol-plugin-ui/skin/base/components/viewport.scss +137 -137
  55. package/lib/mol-plugin-ui/skin/base/layout/common.scss +71 -71
  56. package/lib/mol-plugin-ui/skin/base/layout/controls-landscape.scss +89 -89
  57. package/lib/mol-plugin-ui/skin/base/layout/controls-outside.scss +98 -98
  58. package/lib/mol-plugin-ui/skin/base/layout/controls-portrait.scss +108 -108
  59. package/lib/mol-plugin-ui/skin/base/layout.scss +40 -40
  60. package/lib/mol-plugin-ui/skin/base/logo.scss +12 -12
  61. package/lib/mol-plugin-ui/skin/base/normalize.scss +209 -209
  62. package/lib/mol-plugin-ui/skin/base/ui.scss +40 -40
  63. package/lib/mol-plugin-ui/skin/base/variables.scss +88 -88
  64. package/lib/mol-plugin-ui/skin/blue.scss +1 -1
  65. package/lib/mol-plugin-ui/skin/colors/blue.scss +23 -23
  66. package/lib/mol-plugin-ui/skin/colors/dark.scss +23 -23
  67. package/lib/mol-plugin-ui/skin/colors/light.scss +29 -29
  68. package/lib/mol-plugin-ui/skin/dark.scss +1 -1
  69. package/lib/mol-plugin-ui/skin/light.scss +1 -1
  70. package/lib/mol-repr/structure/visual/bond-inter-unit-cylinder.js +2 -1
  71. package/lib/mol-repr/structure/visual/bond-intra-unit-cylinder.js +2 -1
  72. package/lib/mol-script/language/builder.d.ts +1 -0
  73. package/lib/mol-util/data-source.js +2 -1
  74. package/package.json +177 -177
package/build/viewer/index.html CHANGED
@@ -1,116 +1,116 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
6
- <link rel="icon" href="./favicon.ico" type="image/x-icon">
7
- <title>Mol* Viewer</title>
8
- <style>
9
- * {
10
- margin: 0;
11
- padding: 0;
12
- box-sizing: border-box;
13
- }
14
- html, body {
15
- width: 100%;
16
- height: 100%;
17
- overflow: hidden;
18
- }
19
- hr {
20
- margin: 10px;
21
- }
22
- h1, h2, h3, h4, h5 {
23
- margin-top: 5px;
24
- margin-bottom: 3px;
25
- }
26
- button {
27
- padding: 2px;
28
- }
29
- #app {
30
- position: absolute;
31
- left: 100px;
32
- top: 100px;
33
- width: 800px;
34
- height: 600px;
35
- }
36
- </style>
37
- <link rel="stylesheet" type="text/css" href="molstar.css" />
38
- </head>
39
- <body>
40
- <div id="app"></div>
41
- <script type="text/javascript" src="./molstar.js"></script>
42
- <script type="text/javascript">
43
- function getParam(name, regex) {
44
- var r = new RegExp(name + '=' + '(' + regex + ')[&]?', 'i');
45
- return decodeURIComponent(((window.location.search || '').match(r) || [])[1] || '');
46
- }
47
-
48
- var debugMode = getParam('debug-mode', '[^&]+').trim() === '1';
49
- if (debugMode) molstar.setDebugMode(debugMode);
50
-
51
- var timingMode = getParam('timing-mode', '[^&]+').trim() === '1';
52
- if (timingMode) molstar.setTimingMode(timingMode);
53
-
54
- var hideControls = getParam('hide-controls', '[^&]+').trim() === '1';
55
- var collapseLeftPanel = getParam('collapse-left-panel', '[^&]+').trim() === '1';
56
- var pdbProvider = getParam('pdb-provider', '[^&]+').trim().toLowerCase();
57
- var emdbProvider = getParam('emdb-provider', '[^&]+').trim().toLowerCase();
58
- var mapProvider = getParam('map-provider', '[^&]+').trim().toLowerCase();
59
- var pixelScale = getParam('pixel-scale', '[^&]+').trim();
60
- var pickScale = getParam('pick-scale', '[^&]+').trim();
61
- var pickPadding = getParam('pick-padding', '[^&]+').trim();
62
- var disableWboit = getParam('disable-wboit', '[^&]+').trim() === '1';
63
- var enableDpoit = getParam('enable-dpoit', '[^&]+').trim() === '1';
64
- var preferWebgl1 = getParam('prefer-webgl1', '[^&]+').trim() === '1' || void 0;
65
- var allowMajorPerformanceCaveat = getParam('allow-major-performance-caveat', '[^&]+').trim() === '1';
66
- var powerPreference = getParam('power-preference', '[^&]+').trim().toLowerCase();
67
-
68
- molstar.Viewer.create('app', {
69
- layoutShowControls: !hideControls,
70
- viewportShowExpand: false,
71
- collapseLeftPanel: collapseLeftPanel,
72
- pdbProvider: pdbProvider || 'pdbe',
73
- emdbProvider: emdbProvider || 'pdbe',
74
- volumeStreamingServer: (mapProvider || 'pdbe') === 'rcsb'
75
- ? 'https://maps.rcsb.org'
76
- : 'https://www.ebi.ac.uk/pdbe/densities',
77
- pixelScale: parseFloat(pixelScale) || 1,
78
- pickScale: parseFloat(pickScale) || 0.25,
79
- pickPadding: isNaN(parseFloat(pickPadding)) ? 1 : parseFloat(pickPadding),
80
- enableWboit: (disableWboit || enableDpoit) ? false : void 0, // use default value if disable-wboit is not set
81
- enableDpoit: enableDpoit ? true : void 0,
82
- preferWebgl1: preferWebgl1,
83
- allowMajorPerformanceCaveat: allowMajorPerformanceCaveat,
84
- powerPreference: powerPreference || 'high-performance',
85
- }).then(viewer => {
86
- var snapshotId = getParam('snapshot-id', '[^&]+').trim();
87
- if (snapshotId) viewer.setRemoteSnapshot(snapshotId);
88
-
89
- var snapshotUrl = getParam('snapshot-url', '[^&]+').trim();
90
- var snapshotUrlType = getParam('snapshot-url-type', '[^&]+').toLowerCase().trim() || 'molj';
91
- if (snapshotUrl && snapshotUrlType) viewer.loadSnapshotFromUrl(snapshotUrl, snapshotUrlType);
92
-
93
- var structureUrl = getParam('structure-url', '[^&]+').trim();
94
- var structureUrlFormat = getParam('structure-url-format', '[a-z]+').toLowerCase().trim();
95
- var structureUrlIsBinary = getParam('structure-url-is-binary', '[^&]+').trim() === '1';
96
- if (structureUrl) viewer.loadStructureFromUrl(structureUrl, structureUrlFormat, structureUrlIsBinary);
97
-
98
- var pdb = getParam('pdb', '[^&]+').trim();
99
- if (pdb) viewer.loadPdb(pdb);
100
-
101
- var pdbDev = getParam('pdb-dev', '[^&]+').trim();
102
- if (pdbDev) viewer.loadPdbDev(pdbDev);
103
-
104
- var emdb = getParam('emdb', '[^&]+').trim();
105
- if (emdb) viewer.loadEmdb(emdb);
106
-
107
- var afdb = getParam('afdb', '[^&]+').trim();
108
- if (afdb) viewer.loadAlphaFoldDb(afdb);
109
-
110
- var modelArchive = getParam('model-archive', '[^&]+').trim();
111
- if (modelArchive) viewer.loadModelArchive(modelArchive);
112
- });
113
- </script>
114
- <!-- __MOLSTAR_ANALYTICS__ -->
115
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
6
+ <link rel="icon" href="./favicon.ico" type="image/x-icon">
7
+ <title>Mol* Viewer</title>
8
+ <style>
9
+ * {
10
+ margin: 0;
11
+ padding: 0;
12
+ box-sizing: border-box;
13
+ }
14
+ html, body {
15
+ width: 100%;
16
+ height: 100%;
17
+ overflow: hidden;
18
+ }
19
+ hr {
20
+ margin: 10px;
21
+ }
22
+ h1, h2, h3, h4, h5 {
23
+ margin-top: 5px;
24
+ margin-bottom: 3px;
25
+ }
26
+ button {
27
+ padding: 2px;
28
+ }
29
+ #app {
30
+ position: absolute;
31
+ left: 100px;
32
+ top: 100px;
33
+ width: 800px;
34
+ height: 600px;
35
+ }
36
+ </style>
37
+ <link rel="stylesheet" type="text/css" href="molstar.css" />
38
+ </head>
39
+ <body>
40
+ <div id="app"></div>
41
+ <script type="text/javascript" src="./molstar.js"></script>
42
+ <script type="text/javascript">
43
+ function getParam(name, regex) {
44
+ var r = new RegExp(name + '=' + '(' + regex + ')[&]?', 'i');
45
+ return decodeURIComponent(((window.location.search || '').match(r) || [])[1] || '');
46
+ }
47
+
48
+ var debugMode = getParam('debug-mode', '[^&]+').trim() === '1';
49
+ if (debugMode) molstar.setDebugMode(debugMode);
50
+
51
+ var timingMode = getParam('timing-mode', '[^&]+').trim() === '1';
52
+ if (timingMode) molstar.setTimingMode(timingMode);
53
+
54
+ var hideControls = getParam('hide-controls', '[^&]+').trim() === '1';
55
+ var collapseLeftPanel = getParam('collapse-left-panel', '[^&]+').trim() === '1';
56
+ var pdbProvider = getParam('pdb-provider', '[^&]+').trim().toLowerCase();
57
+ var emdbProvider = getParam('emdb-provider', '[^&]+').trim().toLowerCase();
58
+ var mapProvider = getParam('map-provider', '[^&]+').trim().toLowerCase();
59
+ var pixelScale = getParam('pixel-scale', '[^&]+').trim();
60
+ var pickScale = getParam('pick-scale', '[^&]+').trim();
61
+ var pickPadding = getParam('pick-padding', '[^&]+').trim();
62
+ var disableWboit = getParam('disable-wboit', '[^&]+').trim() === '1';
63
+ var enableDpoit = getParam('enable-dpoit', '[^&]+').trim() === '1';
64
+ var preferWebgl1 = getParam('prefer-webgl1', '[^&]+').trim() === '1' || void 0;
65
+ var allowMajorPerformanceCaveat = getParam('allow-major-performance-caveat', '[^&]+').trim() === '1';
66
+ var powerPreference = getParam('power-preference', '[^&]+').trim().toLowerCase();
67
+
68
+ molstar.Viewer.create('app', {
69
+ layoutShowControls: !hideControls,
70
+ viewportShowExpand: false,
71
+ collapseLeftPanel: collapseLeftPanel,
72
+ pdbProvider: pdbProvider || 'pdbe',
73
+ emdbProvider: emdbProvider || 'pdbe',
74
+ volumeStreamingServer: (mapProvider || 'pdbe') === 'rcsb'
75
+ ? 'https://maps.rcsb.org'
76
+ : 'https://www.ebi.ac.uk/pdbe/densities',
77
+ pixelScale: parseFloat(pixelScale) || 1,
78
+ pickScale: parseFloat(pickScale) || 0.25,
79
+ pickPadding: isNaN(parseFloat(pickPadding)) ? 1 : parseFloat(pickPadding),
80
+ enableWboit: (disableWboit || enableDpoit) ? false : void 0, // use default value if disable-wboit is not set
81
+ enableDpoit: enableDpoit ? true : void 0,
82
+ preferWebgl1: preferWebgl1,
83
+ allowMajorPerformanceCaveat: allowMajorPerformanceCaveat,
84
+ powerPreference: powerPreference || 'high-performance',
85
+ }).then(viewer => {
86
+ var snapshotId = getParam('snapshot-id', '[^&]+').trim();
87
+ if (snapshotId) viewer.setRemoteSnapshot(snapshotId);
88
+
89
+ var snapshotUrl = getParam('snapshot-url', '[^&]+').trim();
90
+ var snapshotUrlType = getParam('snapshot-url-type', '[^&]+').toLowerCase().trim() || 'molj';
91
+ if (snapshotUrl && snapshotUrlType) viewer.loadSnapshotFromUrl(snapshotUrl, snapshotUrlType);
92
+
93
+ var structureUrl = getParam('structure-url', '[^&]+').trim();
94
+ var structureUrlFormat = getParam('structure-url-format', '[a-z]+').toLowerCase().trim();
95
+ var structureUrlIsBinary = getParam('structure-url-is-binary', '[^&]+').trim() === '1';
96
+ if (structureUrl) viewer.loadStructureFromUrl(structureUrl, structureUrlFormat, structureUrlIsBinary);
97
+
98
+ var pdb = getParam('pdb', '[^&]+').trim();
99
+ if (pdb) viewer.loadPdb(pdb);
100
+
101
+ var pdbDev = getParam('pdb-dev', '[^&]+').trim();
102
+ if (pdbDev) viewer.loadPdbDev(pdbDev);
103
+
104
+ var emdb = getParam('emdb', '[^&]+').trim();
105
+ if (emdb) viewer.loadEmdb(emdb);
106
+
107
+ var afdb = getParam('afdb', '[^&]+').trim();
108
+ if (afdb) viewer.loadAlphaFoldDb(afdb);
109
+
110
+ var modelArchive = getParam('model-archive', '[^&]+').trim();
111
+ if (modelArchive) viewer.loadModelArchive(modelArchive);
112
+ });
113
+ </script>
114
+ <!-- __MOLSTAR_ANALYTICS__ -->
115
+ </body>
116
116
  </html>