js-cloudimage-360-view 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/.env +3 -0
  2. package/CHANGELOG.md +167 -156
  3. package/LICENSE +27 -33
  4. package/README.md +820 -806
  5. package/bin/deploy-bundle.js +63 -0
  6. package/dist/ci360.service.js +65 -245
  7. package/dist/ci360.utils.js +2 -14
  8. package/dist/constants/index.js +0 -4
  9. package/dist/constants/props-require-reload.js +24 -12
  10. package/dist/index.js +0 -27
  11. package/dist/static/css/hotspots.css +221 -221
  12. package/dist/static/css/style.css +229 -229
  13. package/dist/utils/auto-play/get-speed-factor.js +0 -2
  14. package/dist/utils/auto-play/is-completed-one-cycle.js +0 -5
  15. package/dist/utils/auto-play/loop.js +3 -14
  16. package/dist/utils/class-names/add-class.js +0 -3
  17. package/dist/utils/class-names/remove-class.js +0 -2
  18. package/dist/utils/container-elements/apply-styles-to-container.js +0 -2
  19. package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -2
  20. package/dist/utils/container-elements/create-360-view-icon.js +0 -2
  21. package/dist/utils/container-elements/create-box-shadow.js +0 -2
  22. package/dist/utils/container-elements/create-canvas.js +0 -2
  23. package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -2
  24. package/dist/utils/container-elements/create-fullscreen-icon.js +0 -2
  25. package/dist/utils/container-elements/create-fullscreen-modal.js +0 -2
  26. package/dist/utils/container-elements/create-icons-container.js +0 -2
  27. package/dist/utils/container-elements/create-inner-box.js +0 -2
  28. package/dist/utils/container-elements/create-loader.js +0 -2
  29. package/dist/utils/container-elements/create-magnifier-icon.js +0 -2
  30. package/dist/utils/container-elements/index.js +0 -13
  31. package/dist/utils/container-elements/remove-child-from-parent.js +0 -2
  32. package/dist/utils/controls/get-item-skipped.js +0 -2
  33. package/dist/utils/controls/init-controls.js +7 -16
  34. package/dist/utils/hotspots/attach-events/hide-popup.js +0 -2
  35. package/dist/utils/hotspots/attach-events/show-popup.js +0 -2
  36. package/dist/utils/hotspots/configs-error-handler.js +6 -10
  37. package/dist/utils/hotspots/create-popper-instace.js +1 -4
  38. package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -6
  39. package/dist/utils/hotspots/elements/create-carousel-image.js +0 -4
  40. package/dist/utils/hotspots/elements/create-hotspot-icon.js +3 -14
  41. package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +2 -6
  42. package/dist/utils/hotspots/elements/create-hotspots.js +0 -5
  43. package/dist/utils/hotspots/elements/create-images-carousel.js +0 -4
  44. package/dist/utils/hotspots/elements/create-modal-description.js +0 -2
  45. package/dist/utils/hotspots/elements/create-modal-title.js +0 -2
  46. package/dist/utils/hotspots/elements/create-model-elements.js +8 -25
  47. package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -2
  48. package/dist/utils/hotspots/elements/create-popup.js +6 -18
  49. package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -2
  50. package/dist/utils/hotspots/fill-empty-coord-with-previous.js +1 -6
  51. package/dist/utils/hotspots/generate-hotspots-configs.js +11 -21
  52. package/dist/utils/hotspots/generate-popup-config.js +9 -11
  53. package/dist/utils/hotspots/get-hotspot-icon.js +0 -2
  54. package/dist/utils/hotspots/get-hotspot-orientation.js +0 -4
  55. package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -2
  56. package/dist/utils/hotspots/get-popup-node.js +0 -2
  57. package/dist/utils/hotspots/hide-hotspot-icon.js +0 -2
  58. package/dist/utils/hotspots/hide-hotspots-icons.js +0 -3
  59. package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -2
  60. package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -6
  61. package/dist/utils/hotspots/set-current-slide.js +0 -2
  62. package/dist/utils/hotspots/toggle-popup-events.js +0 -4
  63. package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -2
  64. package/dist/utils/hotspots/update-hotspots.js +6 -14
  65. package/dist/utils/image-src/generate-images-path.js +8 -17
  66. package/dist/utils/image-src/is-props-change-require-reload.js +0 -5
  67. package/dist/utils/index.js +0 -26
  68. package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +2 -11
  69. package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -8
  70. package/dist/utils/load-images/lazyload/init-lazyload.js +3 -11
  71. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +1 -5
  72. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -9
  73. package/dist/utils/load-images/load-image-as-promise.js +8 -46
  74. package/dist/utils/load-images/load-images-relative-to-container-size.js +10 -49
  75. package/dist/utils/load-images/load-original-images.js +23 -37
  76. package/dist/utils/load-images/pad.js +0 -2
  77. package/dist/utils/load-images/preload-images.js +2 -9
  78. package/dist/utils/load-images/preload-original-images.js +2 -9
  79. package/dist/utils/magnify/get-current-original-image.js +0 -6
  80. package/dist/utils/magnify/get-cursor-position.js +0 -2
  81. package/dist/utils/magnify/magnify.js +4 -11
  82. package/dist/utils/magnify/move-magnifier.js +6 -14
  83. package/dist/utils/responsive/contain.js +0 -2
  84. package/dist/utils/responsive/fit.js +0 -4
  85. package/dist/utils/responsive/get-image-aspect-ratio.js +0 -8
  86. package/dist/utils/responsive/get-responsive-width-of-container.js +0 -3
  87. package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -2
  88. package/dist/utils/responsive/get-size-limit.js +0 -2
  89. package/dist/utils/spin-y/get-moving-direction.js +0 -3
  90. package/dist/utils/zoom/generate-zoom-in-steps.js +0 -2
  91. package/dist/utils/zoom/generate-zoom-out-steps.js +0 -2
  92. package/package.json +67 -62
  93. package/yarn-error.log +101 -0
package/package.json CHANGED
@@ -1,62 +1,67 @@
1
- {
2
- "name": "js-cloudimage-360-view",
3
- "version": "3.0.3",
4
- "main": "dist/index.js",
5
- "description": "",
6
- "author": "scaleflex",
7
- "license": "MIT",
8
- "repository": {
9
- "type": "git",
10
- "url": "https://github.com/scaleflex/js-cloudimage-360-view"
11
- },
12
- "homepage": "#readme",
13
- "keywords": [
14
- "image",
15
- "images",
16
- "cloudimage",
17
- "360",
18
- "photo",
19
- "product",
20
- "view",
21
- "viewer",
22
- "360 product view"
23
- ],
24
- "scripts": {
25
- "start-demo": "webpack-dev-server --mode development --config config/webpack-demo.config.js",
26
- "clean-build": "rm -rf build",
27
- "build": "npm run clean-build && webpack --mode production --config config/webpack-build.config.js",
28
- "clean-dist": "rm -rf dist",
29
- "dist": "npm run clean-dist && babel src -d dist --copy-files",
30
- "clean-demo": "rm -rf examples/dist",
31
- "build-demo": "npm run clean-demo && webpack --mode production --config config/webpack-demo.config.js",
32
- "deploy-demo": "gh-pages -d examples/dist",
33
- "publish-demo": "npm run build-demo && npm run deploy-demo"
34
- },
35
- "dependencies": {
36
- "@babel/runtime": "^7.17.0",
37
- "@popperjs/core": "^2.11.2",
38
- "core-js": "^3.0.0"
39
- },
40
- "devDependencies": {
41
- "@babel/cli": "^7.16.7",
42
- "@babel/core": "^7.16.7",
43
- "@babel/plugin-transform-runtime": "^7.16.5",
44
- "@babel/preset-env": "^7.16.5",
45
- "babel-loader": "^8.2.3",
46
- "babel-plugin-array-includes": "^2.0.3",
47
- "babel-preset-env": "^1.7.0",
48
- "babel-preset-es2015": "^6.24.1",
49
- "babel-preset-minify": "^0.5.0",
50
- "babel-preset-stage-0": "^6.24.1",
51
- "css-loader": "^2.1.1",
52
- "gh-pages": "^2.0.1",
53
- "highlight.js": "^10.4.1",
54
- "html-webpack-plugin": "^3.2.0",
55
- "mini-css-extract-plugin": "^0.9.0",
56
- "mobile-detect": "^1.4.3",
57
- "style-loader": "^0.23.1",
58
- "webpack": "^4.46.0",
59
- "webpack-cli": "^3.3.0",
60
- "webpack-dev-server": "^3.2.1"
61
- }
62
- }
1
+ {
2
+ "name": "js-cloudimage-360-view",
3
+ "version": "3.1.0",
4
+ "main": "dist/index.js",
5
+ "description": "",
6
+ "author": "scaleflex",
7
+ "license": "MIT",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/scaleflex/js-cloudimage-360-view"
11
+ },
12
+ "homepage": "#readme",
13
+ "keywords": [
14
+ "image",
15
+ "images",
16
+ "cloudimage",
17
+ "360",
18
+ "photo",
19
+ "product",
20
+ "view",
21
+ "viewer",
22
+ "360 product view"
23
+ ],
24
+ "scripts": {
25
+ "start-demo": "webpack-dev-server --mode development --config config/webpack-demo.config.js",
26
+ "clean:build": "rm -rf build",
27
+ "build:bundle": "npm run clean:build && webpack --mode production --config config/webpack-build.config.js",
28
+ "deploy:bundle": "npm run build:bundle && node bin/deploy-bundle",
29
+ "clean:dist": "rm -rf dist",
30
+ "dist": "npm run clean:dist && babel src -d dist --copy-files",
31
+ "clean:demo": "rm -rf examples/dist",
32
+ "build:demo": "npm run clean:demo && webpack --mode production --config config/webpack-demo.config.js",
33
+ "deploy:demo": "gh-pages -d examples/dist",
34
+ "publish:demo": "npm run build:demo && npm run deploy:demo"
35
+ },
36
+ "dependencies": {
37
+ "@babel/runtime": "^7.17.0",
38
+ "@popperjs/core": "^2.11.2",
39
+ "core-js": "^3.0.0"
40
+ },
41
+ "devDependencies": {
42
+ "@babel/cli": "^7.16.7",
43
+ "@babel/core": "^7.16.7",
44
+ "@babel/plugin-transform-runtime": "^7.16.5",
45
+ "@babel/preset-env": "^7.16.5",
46
+ "babel-loader": "^8.2.3",
47
+ "babel-plugin-array-includes": "^2.0.3",
48
+ "babel-preset-env": "^1.7.0",
49
+ "babel-preset-es2015": "^6.24.1",
50
+ "babel-preset-minify": "^0.5.0",
51
+ "babel-preset-stage-0": "^6.24.1",
52
+ "css-loader": "^2.1.1",
53
+ "dotenv": "^16.0.3",
54
+ "form-data": "^4.0.0",
55
+ "fs": "^0.0.1-security",
56
+ "gh-pages": "^2.0.1",
57
+ "highlight.js": "^10.4.1",
58
+ "html-webpack-plugin": "^3.2.0",
59
+ "isomorphic-fetch": "^3.0.0",
60
+ "mini-css-extract-plugin": "^0.9.0",
61
+ "mobile-detect": "^1.4.3",
62
+ "style-loader": "^0.23.1",
63
+ "webpack": "^4.46.0",
64
+ "webpack-cli": "^3.3.0",
65
+ "webpack-dev-server": "^3.2.1"
66
+ }
67
+ }
package/yarn-error.log ADDED
@@ -0,0 +1,101 @@
1
+ Arguments:
2
+ /usr/local/bin/node /opt/homebrew/Cellar/yarn/1.22.19/libexec/bin/yarn.js
3
+
4
+ PATH:
5
+ .npm-globa/bin/.yalc:.npm-global/bin/.yalc:/opt/homebrew/opt/python@3.9/libexec/bin:/opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:.npm-globa/bin/.yalc:.npm-global/bin/.yalc:/opt/homebrew/opt/python@3.9/libexec/bin:/opt/homebrew/bin:/opt/homebrew/sbin
6
+
7
+ Yarn version:
8
+ 1.22.19
9
+
10
+ Node version:
11
+ 16.15.1
12
+
13
+ Platform:
14
+ darwin arm64
15
+
16
+ Trace:
17
+ Error: https://registry.yarnpkg.com/highlight.js: ESOCKETTIMEDOUT
18
+ at ClientRequest.<anonymous> (/opt/homebrew/Cellar/yarn/1.22.19/libexec/lib/cli.js:141517:19)
19
+ at Object.onceWrapper (node:events:641:28)
20
+ at ClientRequest.emit (node:events:527:28)
21
+ at TLSSocket.emitRequestTimeout (node:_http_client:771:9)
22
+ at Object.onceWrapper (node:events:641:28)
23
+ at TLSSocket.emit (node:events:539:35)
24
+ at TLSSocket.Socket._onTimeout (node:net:516:8)
25
+ at listOnTimeout (node:internal/timers:559:17)
26
+ at processTimers (node:internal/timers:502:7)
27
+
28
+ npm manifest:
29
+ {
30
+ "name": "js-cloudimage-360-view",
31
+ "version": "3.0.4",
32
+ "main": "dist/index.js",
33
+ "description": "",
34
+ "author": "scaleflex",
35
+ "license": "MIT",
36
+ "repository": {
37
+ "type": "git",
38
+ "url": "https://github.com/scaleflex/js-cloudimage-360-view"
39
+ },
40
+ "homepage": "#readme",
41
+ "keywords": [
42
+ "image",
43
+ "images",
44
+ "cloudimage",
45
+ "360",
46
+ "photo",
47
+ "product",
48
+ "view",
49
+ "viewer",
50
+ "360 product view"
51
+ ],
52
+ "scripts": {
53
+ "start-demo": "webpack-dev-server --mode development --config config/webpack-demo.config.js",
54
+ "clean:build": "rm -rf build",
55
+ "build:bundle": "npm run clean:build && webpack --mode production --config config/webpack-build.config.js",
56
+ "deploy:bundle": "npm run build:bundle && node bin/deploy-bundle",
57
+ "clean:dist": "rm -rf dist",
58
+ "dist": "npm run clean:dist && babel src -d dist --copy-files",
59
+ "clean:demo": "rm -rf examples/dist",
60
+ "build:demo": "npm run clean:demo && webpack --mode production --config config/webpack-demo.config.js",
61
+ "deploy:demo": "gh-pages -d examples/dist",
62
+ "publish:demo": "npm run build:demo && npm run deploy:demo"
63
+ },
64
+ "dependencies": {
65
+ "@babel/runtime": "^7.17.0",
66
+ "@popperjs/core": "^2.11.2",
67
+ "core-js": "^3.0.0"
68
+ },
69
+ "devDependencies": {
70
+ "@babel/cli": "^7.16.7",
71
+ "@babel/core": "^7.16.7",
72
+ "@babel/plugin-transform-runtime": "^7.16.5",
73
+ "@babel/preset-env": "^7.16.5",
74
+ "babel-loader": "^8.2.3",
75
+ "babel-plugin-array-includes": "^2.0.3",
76
+ "babel-preset-env": "^1.7.0",
77
+ "babel-preset-es2015": "^6.24.1",
78
+ "babel-preset-minify": "^0.5.0",
79
+ "babel-preset-stage-0": "^6.24.1",
80
+ "css-loader": "^2.1.1",
81
+ "dotenv": "^16.0.3",
82
+ "form-data": "^4.0.0",
83
+ "fs": "^0.0.1-security",
84
+ "gh-pages": "^2.0.1",
85
+ "highlight.js": "^10.4.1",
86
+ "html-webpack-plugin": "^3.2.0",
87
+ "isomorphic-fetch": "^3.0.0",
88
+ "mini-css-extract-plugin": "^0.9.0",
89
+ "mobile-detect": "^1.4.3",
90
+ "style-loader": "^0.23.1",
91
+ "webpack": "^4.46.0",
92
+ "webpack-cli": "^3.3.0",
93
+ "webpack-dev-server": "^3.2.1"
94
+ }
95
+ }
96
+
97
+ yarn manifest:
98
+ No manifest
99
+
100
+ Lockfile:
101
+ No lockfile