js-cloudimage-360-view 3.2.1 → 4.0.0-beta.10

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 (99) hide show
  1. package/.prettierrc +9 -0
  2. package/README.md +318 -721
  3. package/dist/js-cloudimage-360-view.min.css +1 -0
  4. package/dist/js-cloudimage-360-view.min.js +2111 -0
  5. package/package.json +30 -17
  6. package/.env +0 -3
  7. package/CHANGELOG.md +0 -175
  8. package/bin/deploy-bundle.js +0 -63
  9. package/dist/ci360.service.js +0 -1270
  10. package/dist/ci360.utils.js +0 -78
  11. package/dist/constants/auto-play-behavior.js +0 -13
  12. package/dist/constants/falsy-values.js +0 -8
  13. package/dist/constants/index.js +0 -39
  14. package/dist/constants/orientations.js +0 -12
  15. package/dist/constants/props-require-reload.js +0 -33
  16. package/dist/constants/regex.js +0 -10
  17. package/dist/index.js +0 -102
  18. package/dist/static/css/hotspots.css +0 -222
  19. package/dist/static/css/style.css +0 -230
  20. package/dist/utils/auto-play/get-speed-factor.js +0 -12
  21. package/dist/utils/auto-play/is-completed-one-cycle.js +0 -27
  22. package/dist/utils/auto-play/loop.js +0 -56
  23. package/dist/utils/class-names/add-class.js +0 -15
  24. package/dist/utils/class-names/remove-class.js +0 -14
  25. package/dist/utils/container-elements/apply-styles-to-container.js +0 -14
  26. package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -14
  27. package/dist/utils/container-elements/create-360-view-icon.js +0 -13
  28. package/dist/utils/container-elements/create-box-shadow.js +0 -14
  29. package/dist/utils/container-elements/create-canvas.js +0 -14
  30. package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -12
  31. package/dist/utils/container-elements/create-fullscreen-icon.js +0 -12
  32. package/dist/utils/container-elements/create-fullscreen-modal.js +0 -18
  33. package/dist/utils/container-elements/create-icons-container.js +0 -13
  34. package/dist/utils/container-elements/create-inner-box.js +0 -13
  35. package/dist/utils/container-elements/create-loader.js +0 -13
  36. package/dist/utils/container-elements/create-magnifier-icon.js +0 -12
  37. package/dist/utils/container-elements/index.js +0 -96
  38. package/dist/utils/container-elements/remove-child-from-parent.js +0 -14
  39. package/dist/utils/controls/get-item-skipped.js +0 -11
  40. package/dist/utils/controls/init-controls.js +0 -68
  41. package/dist/utils/hotspots/attach-events/hide-popup.js +0 -13
  42. package/dist/utils/hotspots/attach-events/show-popup.js +0 -12
  43. package/dist/utils/hotspots/configs-error-handler.js +0 -23
  44. package/dist/utils/hotspots/create-popper-instace.js +0 -29
  45. package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -20
  46. package/dist/utils/hotspots/elements/create-carousel-image.js +0 -18
  47. package/dist/utils/hotspots/elements/create-hotspot-icon.js +0 -55
  48. package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +0 -19
  49. package/dist/utils/hotspots/elements/create-hotspots.js +0 -20
  50. package/dist/utils/hotspots/elements/create-images-carousel.js +0 -23
  51. package/dist/utils/hotspots/elements/create-modal-description.js +0 -13
  52. package/dist/utils/hotspots/elements/create-modal-title.js +0 -13
  53. package/dist/utils/hotspots/elements/create-model-elements.js +0 -49
  54. package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -14
  55. package/dist/utils/hotspots/elements/create-popup.js +0 -55
  56. package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -15
  57. package/dist/utils/hotspots/fill-empty-coord-with-previous.js +0 -21
  58. package/dist/utils/hotspots/generate-hotspots-configs.js +0 -48
  59. package/dist/utils/hotspots/generate-popup-config.js +0 -27
  60. package/dist/utils/hotspots/get-hotspot-icon.js +0 -12
  61. package/dist/utils/hotspots/get-hotspot-orientation.js +0 -17
  62. package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -12
  63. package/dist/utils/hotspots/get-popup-node.js +0 -12
  64. package/dist/utils/hotspots/hide-hotspot-icon.js +0 -11
  65. package/dist/utils/hotspots/hide-hotspots-icons.js +0 -15
  66. package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -12
  67. package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -22
  68. package/dist/utils/hotspots/set-current-slide.js +0 -21
  69. package/dist/utils/hotspots/toggle-popup-events.js +0 -19
  70. package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -19
  71. package/dist/utils/hotspots/update-hotspots.js +0 -40
  72. package/dist/utils/image-src/generate-images-path.js +0 -33
  73. package/dist/utils/image-src/is-props-change-require-reload.js +0 -18
  74. package/dist/utils/index.js +0 -211
  75. package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +0 -25
  76. package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -21
  77. package/dist/utils/load-images/lazyload/init-lazyload.js +0 -41
  78. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +0 -14
  79. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -20
  80. package/dist/utils/load-images/load-image-as-promise.js +0 -16
  81. package/dist/utils/load-images/load-images-relative-to-container-size.js +0 -19
  82. package/dist/utils/load-images/load-original-images.js +0 -44
  83. package/dist/utils/load-images/pad.js +0 -12
  84. package/dist/utils/load-images/preload-images.js +0 -28
  85. package/dist/utils/load-images/preload-original-images.js +0 -28
  86. package/dist/utils/magnify/get-current-original-image.js +0 -23
  87. package/dist/utils/magnify/get-cursor-position.js +0 -22
  88. package/dist/utils/magnify/magnify.js +0 -47
  89. package/dist/utils/magnify/move-magnifier.js +0 -39
  90. package/dist/utils/responsive/contain.js +0 -9
  91. package/dist/utils/responsive/fit.js +0 -29
  92. package/dist/utils/responsive/get-image-aspect-ratio.js +0 -31
  93. package/dist/utils/responsive/get-responsive-width-of-container.js +0 -11
  94. package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -15
  95. package/dist/utils/responsive/get-size-limit.js +0 -12
  96. package/dist/utils/spin-y/get-moving-direction.js +0 -18
  97. package/dist/utils/zoom/generate-zoom-in-steps.js +0 -18
  98. package/dist/utils/zoom/generate-zoom-out-steps.js +0 -18
  99. package/yarn-error.log +0 -101
package/dist/js-cloudimage-360-view.min.css ADDED
@@ -0,0 +1 @@
1
+ @keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloudimage-360{width:100%;position:relative}.cloudimage-360-inner-box{width:100%;height:100%;position:relative}.cloudimage-360-icons-container{position:absolute;display:flex;top:15px;right:10px;height:100%;flex-direction:column;align-items:center;z-index:100;gap:8px}.cloudimage-360-transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;transition:all 1s ease-out;z-index:10}.cloudimage-360-button{width:30px;height:30px;cursor:pointer;transition:transform .15s ease-out,background-color .15s ease-out;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f0f0;color:#4a4a4a;box-shadow:0 2px 4px #0000001a;padding:6px}.cloudimage-360-button:hover{transform:scale(1.05);background-color:#e7e6e6}.cloudimage-360-button svg{width:18px;height:18px;fill:#4a4a4a;transition:fill .15s ease-out}.cloudimage-360-button:hover svg{fill:#2c2c2c}.cloudimage-initial-icon{position:absolute;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background:linear-gradient(135deg,#ffffff80,#c8c8c880);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 12px #0003,0 4px 6px #0000001a;transition:.2s all,transform .2s;color:#4b4b4b;text-align:center;z-index:2;line-height:100px;-webkit-user-select:none;user-select:none}.cloudimage-initial-icon:hover{background-color:#c8c8c833}.cloudimage-loading-spinner{width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid #fff;position:absolute;top:15px;left:15px;border-bottom-color:#a3a3a3;border-radius:50%;display:inline-block;box-sizing:border-box;opacity:0;animation:rotation .7s linear infinite}.cloudimage-360-view-360-circle{position:absolute;left:0;bottom:0;width:100%;height:auto;margin:auto;pointer-events:none;-webkit-user-select:none;user-select:none;transition:.2s all;z-index:2}.cloudimage-360-fullscreen-modal{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:999;background-color:#fff}.cloudimage-360-img-magnifier-glass{background-color:#fff;background-image:radial-gradient(circle at center,#fffc,#f0f0f0e6);background-repeat:no-repeat;position:absolute;border:2px solid rgba(0,0,0,.3);border-radius:50%;line-height:200px;text-align:center;z-index:1000;width:250px;height:250px;top:-75px;right:-85px;box-shadow:0 8px 16px #0006,0 4px 8px #0003;transition:box-shadow .2s ease;overflow:hidden;pointer-events:none}.cloudimage-360-hotspot-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:20}.cloudimage-360-popper{opacity:1;transition:opacity .2s ease-in-out}.cloudimage-360-hotspot{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-50%,-50%);background:#0af;border:1px solid #fff;border-radius:50%;height:18px;width:18px;box-shadow:0 0 #0af9,0 2px 6px #0003;opacity:0;animation:pulse 2s infinite;transition:transform .2s ease,box-shadow .2s ease}.cloudimage-360-hotspot.visible{opacity:1}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0af9,0 0 0 10px #0af6,0 0 0 20px #0af3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #0af0,0 0 0 20px #00aaff1a,0 0 0 30px #0af0}to{transform:scale(1);box-shadow:0 0 #0af0,0 0 0 10px #0af0,0 0 0 20px #0af0}}.cloudimage-360-hotspot:hover{transform:scale(1.2);box-shadow:0 0 0 5px #00aaff80,0 4px 12px #0000004d}.cloudimage-360-popper{background-color:#ffffffe6;color:#333;padding:10px 15px;border-radius:6px;box-shadow:0 4px 16px #0003;font-size:14px;max-width:220px;z-index:9999;text-align:center;transition:opacity .2s ease,translate .2s ease;opacity:0;translate:0 -10px}.cloudimage-360-popper[data-show]{opacity:1;translate:0}