molstar 3.31.2 → 3.31.4

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 (80) 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 +2 -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-plugin/context.js +1 -0
  22. package/lib/commonjs/mol-repr/structure/visual/bond-inter-unit-cylinder.js +2 -1
  23. package/lib/commonjs/mol-repr/structure/visual/bond-intra-unit-cylinder.js +2 -1
  24. package/lib/commonjs/mol-repr/structure/visual/util/link.d.ts +1 -0
  25. package/lib/commonjs/mol-repr/structure/visual/util/link.js +27 -9
  26. package/lib/commonjs/mol-script/language/builder.d.ts +1 -0
  27. package/lib/commonjs/mol-util/data-source.js +2 -1
  28. package/lib/examples/alpha-orbitals/index.html +72 -72
  29. package/lib/examples/basic-wrapper/index.html +137 -137
  30. package/lib/examples/lighting/index.html +88 -88
  31. package/lib/examples/proteopedia-wrapper/index.html +236 -236
  32. package/lib/extensions/meshes/mesh-extension.d.ts +4 -2
  33. package/lib/extensions/meshes/mesh-streaming/behavior.d.ts +2 -0
  34. package/lib/mol-canvas3d/canvas3d.js +2 -1
  35. package/lib/mol-geo/geometry/cylinders/cylinders.d.ts +1 -1
  36. package/lib/mol-geo/geometry/lines/lines.d.ts +0 -1
  37. package/lib/mol-geo/geometry/points/points.d.ts +1 -1
  38. package/lib/mol-gl/shader/cylinders.vert.d.ts +2 -2
  39. package/lib/mol-gl/shader/cylinders.vert.js +2 -2
  40. package/lib/mol-gl/shader/spheres.vert.d.ts +2 -2
  41. package/lib/mol-gl/shader/spheres.vert.js +2 -2
  42. package/lib/mol-math/linear-algebra/matrix/principal-axes.js +1 -1
  43. package/lib/mol-plugin/behavior/dynamic/volume-streaming/model.d.ts +2 -3
  44. package/lib/mol-plugin/context.js +1 -0
  45. package/lib/mol-plugin/version.js +2 -2
  46. package/lib/mol-plugin-ui/skin/base/base.scss +32 -32
  47. package/lib/mol-plugin-ui/skin/base/components/controls-base.scss +333 -333
  48. package/lib/mol-plugin-ui/skin/base/components/controls.scss +418 -418
  49. package/lib/mol-plugin-ui/skin/base/components/help.scss +27 -27
  50. package/lib/mol-plugin-ui/skin/base/components/line-graph.scss +67 -67
  51. package/lib/mol-plugin-ui/skin/base/components/log.scss +100 -100
  52. package/lib/mol-plugin-ui/skin/base/components/misc.scss +663 -663
  53. package/lib/mol-plugin-ui/skin/base/components/sequence.scss +125 -125
  54. package/lib/mol-plugin-ui/skin/base/components/slider.scss +165 -165
  55. package/lib/mol-plugin-ui/skin/base/components/tasks.scss +99 -99
  56. package/lib/mol-plugin-ui/skin/base/components/toast.scss +83 -83
  57. package/lib/mol-plugin-ui/skin/base/components/transformer.scss +163 -163
  58. package/lib/mol-plugin-ui/skin/base/components/viewport.scss +137 -137
  59. package/lib/mol-plugin-ui/skin/base/layout/common.scss +71 -71
  60. package/lib/mol-plugin-ui/skin/base/layout/controls-landscape.scss +89 -89
  61. package/lib/mol-plugin-ui/skin/base/layout/controls-outside.scss +98 -98
  62. package/lib/mol-plugin-ui/skin/base/layout/controls-portrait.scss +108 -108
  63. package/lib/mol-plugin-ui/skin/base/layout.scss +40 -40
  64. package/lib/mol-plugin-ui/skin/base/logo.scss +12 -12
  65. package/lib/mol-plugin-ui/skin/base/normalize.scss +209 -209
  66. package/lib/mol-plugin-ui/skin/base/ui.scss +40 -40
  67. package/lib/mol-plugin-ui/skin/base/variables.scss +88 -88
  68. package/lib/mol-plugin-ui/skin/blue.scss +1 -1
  69. package/lib/mol-plugin-ui/skin/colors/blue.scss +23 -23
  70. package/lib/mol-plugin-ui/skin/colors/dark.scss +23 -23
  71. package/lib/mol-plugin-ui/skin/colors/light.scss +29 -29
  72. package/lib/mol-plugin-ui/skin/dark.scss +1 -1
  73. package/lib/mol-plugin-ui/skin/light.scss +1 -1
  74. package/lib/mol-repr/structure/visual/bond-inter-unit-cylinder.js +2 -1
  75. package/lib/mol-repr/structure/visual/bond-intra-unit-cylinder.js +2 -1
  76. package/lib/mol-repr/structure/visual/util/link.d.ts +1 -0
  77. package/lib/mol-repr/structure/visual/util/link.js +27 -9
  78. package/lib/mol-script/language/builder.d.ts +1 -0
  79. package/lib/mol-util/data-source.js +2 -1
  80. package/package.json +178 -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>