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.
- package/.env +3 -0
- package/CHANGELOG.md +167 -156
- package/LICENSE +27 -33
- package/README.md +820 -806
- package/bin/deploy-bundle.js +63 -0
- package/dist/ci360.service.js +65 -245
- package/dist/ci360.utils.js +2 -14
- package/dist/constants/index.js +0 -4
- package/dist/constants/props-require-reload.js +24 -12
- package/dist/index.js +0 -27
- package/dist/static/css/hotspots.css +221 -221
- package/dist/static/css/style.css +229 -229
- package/dist/utils/auto-play/get-speed-factor.js +0 -2
- package/dist/utils/auto-play/is-completed-one-cycle.js +0 -5
- package/dist/utils/auto-play/loop.js +3 -14
- package/dist/utils/class-names/add-class.js +0 -3
- package/dist/utils/class-names/remove-class.js +0 -2
- package/dist/utils/container-elements/apply-styles-to-container.js +0 -2
- package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -2
- package/dist/utils/container-elements/create-360-view-icon.js +0 -2
- package/dist/utils/container-elements/create-box-shadow.js +0 -2
- package/dist/utils/container-elements/create-canvas.js +0 -2
- package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -2
- package/dist/utils/container-elements/create-fullscreen-icon.js +0 -2
- package/dist/utils/container-elements/create-fullscreen-modal.js +0 -2
- package/dist/utils/container-elements/create-icons-container.js +0 -2
- package/dist/utils/container-elements/create-inner-box.js +0 -2
- package/dist/utils/container-elements/create-loader.js +0 -2
- package/dist/utils/container-elements/create-magnifier-icon.js +0 -2
- package/dist/utils/container-elements/index.js +0 -13
- package/dist/utils/container-elements/remove-child-from-parent.js +0 -2
- package/dist/utils/controls/get-item-skipped.js +0 -2
- package/dist/utils/controls/init-controls.js +7 -16
- package/dist/utils/hotspots/attach-events/hide-popup.js +0 -2
- package/dist/utils/hotspots/attach-events/show-popup.js +0 -2
- package/dist/utils/hotspots/configs-error-handler.js +6 -10
- package/dist/utils/hotspots/create-popper-instace.js +1 -4
- package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -6
- package/dist/utils/hotspots/elements/create-carousel-image.js +0 -4
- package/dist/utils/hotspots/elements/create-hotspot-icon.js +3 -14
- package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +2 -6
- package/dist/utils/hotspots/elements/create-hotspots.js +0 -5
- package/dist/utils/hotspots/elements/create-images-carousel.js +0 -4
- package/dist/utils/hotspots/elements/create-modal-description.js +0 -2
- package/dist/utils/hotspots/elements/create-modal-title.js +0 -2
- package/dist/utils/hotspots/elements/create-model-elements.js +8 -25
- package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -2
- package/dist/utils/hotspots/elements/create-popup.js +6 -18
- package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -2
- package/dist/utils/hotspots/fill-empty-coord-with-previous.js +1 -6
- package/dist/utils/hotspots/generate-hotspots-configs.js +11 -21
- package/dist/utils/hotspots/generate-popup-config.js +9 -11
- package/dist/utils/hotspots/get-hotspot-icon.js +0 -2
- package/dist/utils/hotspots/get-hotspot-orientation.js +0 -4
- package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -2
- package/dist/utils/hotspots/get-popup-node.js +0 -2
- package/dist/utils/hotspots/hide-hotspot-icon.js +0 -2
- package/dist/utils/hotspots/hide-hotspots-icons.js +0 -3
- package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -2
- package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -6
- package/dist/utils/hotspots/set-current-slide.js +0 -2
- package/dist/utils/hotspots/toggle-popup-events.js +0 -4
- package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -2
- package/dist/utils/hotspots/update-hotspots.js +6 -14
- package/dist/utils/image-src/generate-images-path.js +8 -17
- package/dist/utils/image-src/is-props-change-require-reload.js +0 -5
- package/dist/utils/index.js +0 -26
- package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +2 -11
- package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -8
- package/dist/utils/load-images/lazyload/init-lazyload.js +3 -11
- package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +1 -5
- package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -9
- package/dist/utils/load-images/load-image-as-promise.js +8 -46
- package/dist/utils/load-images/load-images-relative-to-container-size.js +10 -49
- package/dist/utils/load-images/load-original-images.js +23 -37
- package/dist/utils/load-images/pad.js +0 -2
- package/dist/utils/load-images/preload-images.js +2 -9
- package/dist/utils/load-images/preload-original-images.js +2 -9
- package/dist/utils/magnify/get-current-original-image.js +0 -6
- package/dist/utils/magnify/get-cursor-position.js +0 -2
- package/dist/utils/magnify/magnify.js +4 -11
- package/dist/utils/magnify/move-magnifier.js +6 -14
- package/dist/utils/responsive/contain.js +0 -2
- package/dist/utils/responsive/fit.js +0 -4
- package/dist/utils/responsive/get-image-aspect-ratio.js +0 -8
- package/dist/utils/responsive/get-responsive-width-of-container.js +0 -3
- package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -2
- package/dist/utils/responsive/get-size-limit.js +0 -2
- package/dist/utils/spin-y/get-moving-direction.js +0 -3
- package/dist/utils/zoom/generate-zoom-in-steps.js +0 -2
- package/dist/utils/zoom/generate-zoom-out-steps.js +0 -2
- package/package.json +67 -62
- package/yarn-error.log +101 -0
|
@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.fillEmptyCoordWithPrevious = void 0;
|
|
7
|
-
|
|
8
7
|
/* eslint no-plusplus: ["error", { "allowForLoopAfterthoughts": true }] */
|
|
8
|
+
|
|
9
9
|
var fillEmptyCoordWithPrevious = function fillEmptyCoordWithPrevious(positions, hotspotIndex, coord) {
|
|
10
10
|
var coordIndexes = new Array(hotspotIndex);
|
|
11
11
|
var intialValue = '0%';
|
|
12
|
-
|
|
13
12
|
for (var i = coordIndexes.length - 1; i > -1; i--) {
|
|
14
13
|
var _positions$i;
|
|
15
|
-
|
|
16
14
|
var previousXCoord = (_positions$i = positions[i]) === null || _positions$i === void 0 ? void 0 : _positions$i[coord];
|
|
17
|
-
|
|
18
15
|
if (previousXCoord) {
|
|
19
16
|
return previousXCoord;
|
|
20
17
|
}
|
|
21
18
|
}
|
|
22
|
-
|
|
23
19
|
return intialValue;
|
|
24
20
|
};
|
|
25
|
-
|
|
26
21
|
exports.fillEmptyCoordWithPrevious = fillEmptyCoordWithPrevious;
|
|
@@ -1,45 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.generateHotspotsConfigs = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _configsErrorHandler = require("./configs-error-handler");
|
|
13
|
-
|
|
14
10
|
var _generatePopupConfig = require("./generate-popup-config");
|
|
15
|
-
|
|
16
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
-
|
|
18
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
-
|
|
20
13
|
var generateHotspotsConfigs = function generateHotspotsConfigs(hotspotsProps) {
|
|
21
14
|
var hotspotsConfigs = hotspotsProps.map(function (hotspotProps) {
|
|
22
15
|
var _hotspotProps$variant = hotspotProps.variant,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
16
|
+
variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant,
|
|
17
|
+
_hotspotProps$positio = hotspotProps.positions,
|
|
18
|
+
positions = _hotspotProps$positio === void 0 ? [] : _hotspotProps$positio,
|
|
19
|
+
_hotspotProps$indicat = hotspotProps.indicatorSelector,
|
|
20
|
+
indicatorSelector = _hotspotProps$indicat === void 0 ? '' : _hotspotProps$indicat,
|
|
21
|
+
_hotspotProps$popupPr = hotspotProps.popupProps,
|
|
22
|
+
popupProps = _hotspotProps$popupPr === void 0 ? {} : _hotspotProps$popupPr,
|
|
23
|
+
_hotspotProps$orienta = hotspotProps.orientation,
|
|
24
|
+
orientation = _hotspotProps$orienta === void 0 ? 'x' : _hotspotProps$orienta,
|
|
25
|
+
_hotspotProps$initial = hotspotProps.initialDimensions,
|
|
26
|
+
initialDimensions = _hotspotProps$initial === void 0 ? [500, 500] : _hotspotProps$initial;
|
|
34
27
|
(0, _configsErrorHandler.configsErrorHandler)(hotspotProps);
|
|
35
28
|
var popupConfig = (0, _generatePopupConfig.generatePopupConfig)(popupProps);
|
|
36
29
|
var anchorId = variant === null || variant === void 0 ? void 0 : variant.anchorId;
|
|
37
|
-
|
|
38
30
|
if (!anchorId) {
|
|
39
31
|
var uniqueID = Math.floor(Math.random() * 10000);
|
|
40
32
|
anchorId = "cloudimage-360-".concat(uniqueID);
|
|
41
33
|
}
|
|
42
|
-
|
|
43
34
|
var hotspotConfig = {
|
|
44
35
|
variant: _objectSpread(_objectSpread({}, variant), {}, {
|
|
45
36
|
anchorId: anchorId
|
|
@@ -54,5 +45,4 @@ var generateHotspotsConfigs = function generateHotspotsConfigs(hotspotsProps) {
|
|
|
54
45
|
});
|
|
55
46
|
return hotspotsConfigs;
|
|
56
47
|
};
|
|
57
|
-
|
|
58
48
|
exports.generateHotspotsConfigs = generateHotspotsConfigs;
|
|
@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.generatePopupConfig = void 0;
|
|
7
|
-
|
|
8
7
|
var generatePopupConfig = function generatePopupConfig(popupProps) {
|
|
9
8
|
var _popupProps$popupSele = popupProps.popupSelector,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
popupSelector = _popupProps$popupSele === void 0 ? '' : _popupProps$popupSele,
|
|
10
|
+
_popupProps$arrow = popupProps.arrow,
|
|
11
|
+
arrow = _popupProps$arrow === void 0 ? true : _popupProps$arrow,
|
|
12
|
+
_popupProps$offset = popupProps.offset,
|
|
13
|
+
offset = _popupProps$offset === void 0 ? [0, 10] : _popupProps$offset,
|
|
14
|
+
_popupProps$placement = popupProps.placement,
|
|
15
|
+
placement = _popupProps$placement === void 0 ? 'auto' : _popupProps$placement,
|
|
16
|
+
_popupProps$open = popupProps.open,
|
|
17
|
+
open = _popupProps$open === void 0 ? false : _popupProps$open;
|
|
19
18
|
var popupConfig = {
|
|
20
19
|
popupSelector: popupSelector,
|
|
21
20
|
arrow: arrow,
|
|
@@ -25,5 +24,4 @@ var generatePopupConfig = function generatePopupConfig(popupProps) {
|
|
|
25
24
|
};
|
|
26
25
|
return popupConfig;
|
|
27
26
|
};
|
|
28
|
-
|
|
29
27
|
exports.generatePopupConfig = generatePopupConfig;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getHotspotIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var getHotspotIcon = function getHotspotIcon(anchorId) {
|
|
9
8
|
var hotspotIconSelector = "[data-hotspot-icon-id=".concat(anchorId, "]");
|
|
10
9
|
var hotspotIcon = document.querySelector(hotspotIconSelector);
|
|
11
10
|
return hotspotIcon;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
exports.getHotspotIcon = getHotspotIcon;
|
|
@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getHotspotOriantaion = void 0;
|
|
7
|
-
|
|
8
7
|
var getHotspotOriantaion = function getHotspotOriantaion(orientation) {
|
|
9
8
|
switch (orientation.toLowerCase()) {
|
|
10
9
|
case 'x-axis':
|
|
11
10
|
return 'x';
|
|
12
|
-
|
|
13
11
|
case 'y-axis':
|
|
14
12
|
return 'y';
|
|
15
|
-
|
|
16
13
|
default:
|
|
17
14
|
return 'x';
|
|
18
15
|
}
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
exports.getHotspotOriantaion = getHotspotOriantaion;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getHotspotPopupNode = void 0;
|
|
7
|
-
|
|
8
7
|
var getHotspotPopupNode = function getHotspotPopupNode(anchorId) {
|
|
9
8
|
var hotspotPopupSelector = "[data-hotspot-popup-id=".concat(anchorId, "]");
|
|
10
9
|
var hotspotPopup = document.querySelector(hotspotPopupSelector);
|
|
11
10
|
return hotspotPopup;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
exports.getHotspotPopupNode = getHotspotPopupNode;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getPopupNode = void 0;
|
|
7
|
-
|
|
8
7
|
var getPopupNode = function getPopupNode(popupId) {
|
|
9
8
|
var popupSelector = 'data-cloudimage-360-hotspots';
|
|
10
9
|
var popupNode = document.querySelector("[".concat(popupSelector, "=").concat(popupId, "]"));
|
|
11
10
|
return popupNode;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
exports.getPopupNode = getPopupNode;
|
|
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.hideHotspotIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var hideHotspotIcon = function hideHotspotIcon(icon) {
|
|
9
8
|
icon.style.visibility = 'hidden';
|
|
10
9
|
icon.style.opacity = 0;
|
|
11
10
|
};
|
|
12
|
-
|
|
13
11
|
exports.hideHotspotIcon = hideHotspotIcon;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.hideHotspotsIcons = void 0;
|
|
7
|
-
|
|
8
7
|
var _hideHotspotIcon = require("./hide-hotspot-icon");
|
|
9
|
-
|
|
10
8
|
var hideHotspotsIcons = function hideHotspotsIcons() {
|
|
11
9
|
var hotspotIconSelector = '[data-hotspot-icon-id]';
|
|
12
10
|
var hotspotIcons = document.querySelectorAll(hotspotIconSelector) || [];
|
|
@@ -14,5 +12,4 @@ var hideHotspotsIcons = function hideHotspotsIcons() {
|
|
|
14
12
|
(0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
|
|
15
13
|
});
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
exports.hideHotspotsIcons = hideHotspotsIcons;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isMouseOnHotspot = void 0;
|
|
7
|
-
|
|
8
7
|
var isMouseOnHotspot = function isMouseOnHotspot() {
|
|
9
8
|
var hotspotElementsSelector = '[data-cloudimage-360-show]';
|
|
10
9
|
var hostpotElements = document.querySelectorAll(hotspotElementsSelector);
|
|
11
10
|
return !!hostpotElements.length;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
exports.isMouseOnHotspot = isMouseOnHotspot;
|
|
@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.prepareHotspotsPositions = void 0;
|
|
7
|
-
|
|
8
7
|
var _fillEmptyCoordWithPrevious = require("./fill-empty-coord-with-previous");
|
|
9
|
-
|
|
10
8
|
var prepareHotspotsPositions = function prepareHotspotsPositions(positions) {
|
|
11
9
|
return positions.reduce(function (accumulate, current, currentIndex) {
|
|
12
10
|
var isIncludesXcoord = !!(current !== null && current !== void 0 && current.xCoord);
|
|
13
11
|
var isIncludesYcoord = !!(current !== null && current !== void 0 && current.yCoord);
|
|
14
|
-
|
|
15
12
|
if (!isIncludesXcoord) {
|
|
16
13
|
current.xCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'xCoord');
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
if (!isIncludesYcoord) {
|
|
20
16
|
current.yCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'yCoord');
|
|
21
17
|
}
|
|
22
|
-
|
|
23
18
|
accumulate.push(current);
|
|
24
19
|
return accumulate;
|
|
25
20
|
}, []);
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
exports.prepareHotspotsPositions = prepareHotspotsPositions;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.setCurrentSlide = void 0;
|
|
7
|
-
|
|
8
7
|
var setCurrentSlide = function setCurrentSlide(image, imageDot, popup) {
|
|
9
8
|
var activeDotSelector = '[data-active-dot]';
|
|
10
9
|
var activeImageSelector = '[data-active-image]';
|
|
@@ -19,5 +18,4 @@ var setCurrentSlide = function setCurrentSlide(image, imageDot, popup) {
|
|
|
19
18
|
imageDot.className += ' active-dot';
|
|
20
19
|
imageDot.setAttribute('data-active-dot', '');
|
|
21
20
|
};
|
|
22
|
-
|
|
23
21
|
exports.setCurrentSlide = setCurrentSlide;
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.togglePopupEvents = void 0;
|
|
7
|
-
|
|
8
7
|
var _ci = require("../../ci360.utils");
|
|
9
|
-
|
|
10
8
|
var _getHotspotIcon = require("./get-hotspot-icon");
|
|
11
|
-
|
|
12
9
|
var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouseDown) {
|
|
13
10
|
var iClickOnHotspotIcon = event && (0, _ci.isTrue)(event.target, 'data-cloudimage-360-hotspot');
|
|
14
11
|
if (iClickOnHotspotIcon) return;
|
|
@@ -19,5 +16,4 @@ var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouse
|
|
|
19
16
|
hotspotIcon.style.pointerEvents = isMouseDown ? 'none' : 'all';
|
|
20
17
|
});
|
|
21
18
|
};
|
|
22
|
-
|
|
23
19
|
exports.togglePopupEvents = togglePopupEvents;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.updateHotspotIconPosition = void 0;
|
|
7
|
-
|
|
8
7
|
var updateHotspotIconPosition = function updateHotspotIconPosition(container, initialDimensions, icon, xCoord, yCoord) {
|
|
9
8
|
icon.style.visibility = 'visible';
|
|
10
9
|
icon.style.opacity = 1;
|
|
@@ -17,5 +16,4 @@ var updateHotspotIconPosition = function updateHotspotIconPosition(container, in
|
|
|
17
16
|
var translateY = "".concat(positionYRatio * yCoord, "px");
|
|
18
17
|
icon.style.transform = "translate3d(".concat(translateX, ", ").concat(translateY, ", 0)");
|
|
19
18
|
};
|
|
20
|
-
|
|
21
19
|
exports.updateHotspotIconPosition = updateHotspotIconPosition;
|
|
@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.updateHotspots = void 0;
|
|
7
|
-
|
|
8
7
|
var _prepareHotspotsPositions = require("./prepare-hotspots-positions");
|
|
9
|
-
|
|
10
8
|
var _getHotspotIcon = require("./get-hotspot-icon");
|
|
11
|
-
|
|
12
9
|
var _updateHotspotIconPosition = require("./update-hotspot-icon-position");
|
|
13
|
-
|
|
14
10
|
var _hideHotspotIcon = require("./hide-hotspot-icon");
|
|
15
|
-
|
|
16
11
|
var _getHotspotOrientation = require("./get-hotspot-orientation");
|
|
17
|
-
|
|
18
12
|
var updateHotspots = function updateHotspots(container, hotspotsProps) {
|
|
19
13
|
var activeImageX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
20
14
|
var activeImageY = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
21
15
|
var movingDirection = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'x-axis';
|
|
22
16
|
hotspotsProps.forEach(function (hotspotProps) {
|
|
23
17
|
var positions = hotspotProps.positions,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
initialDimensions = hotspotProps.initialDimensions,
|
|
19
|
+
orientation = hotspotProps.orientation,
|
|
20
|
+
variant = hotspotProps.variant;
|
|
27
21
|
var anchorId = variant.anchorId;
|
|
28
22
|
var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
|
|
29
23
|
var currentImageIndex = orientation === 'x' ? activeImageX : activeImageY;
|
|
@@ -32,17 +26,15 @@ var updateHotspots = function updateHotspots(container, hotspotsProps) {
|
|
|
32
26
|
return hotspotPosition.imageIndex === currentImageIndex;
|
|
33
27
|
});
|
|
34
28
|
var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
|
|
35
|
-
|
|
36
29
|
if (currentPosition && hotspotOriantaion === orientation) {
|
|
37
30
|
var _currentPosition$xCoo = currentPosition.xCoord,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
31
|
+
xCoord = _currentPosition$xCoo === void 0 ? 0 : _currentPosition$xCoo,
|
|
32
|
+
_currentPosition$yCoo = currentPosition.yCoord,
|
|
33
|
+
yCoord = _currentPosition$yCoo === void 0 ? 0 : _currentPosition$yCoo;
|
|
41
34
|
(0, _updateHotspotIconPosition.updateHotspotIconPosition)(container, initialDimensions, hotspotIcon, xCoord, yCoord);
|
|
42
35
|
} else {
|
|
43
36
|
(0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
|
|
44
37
|
}
|
|
45
38
|
});
|
|
46
39
|
};
|
|
47
|
-
|
|
48
40
|
exports.updateHotspots = updateHotspots;
|
|
@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.generateImagesPath = void 0;
|
|
7
|
-
|
|
8
7
|
var _falsyValues = require("../../constants/falsy-values");
|
|
9
|
-
|
|
10
8
|
var _getResponsiveWidthOfContainer = require("../responsive/get-responsive-width-of-container");
|
|
11
|
-
|
|
12
9
|
var _getSizeAccordingToPixelRatio = require("../responsive/get-size-according-to-pixel-ratio");
|
|
13
|
-
|
|
14
10
|
var generateImagesPath = function generateImagesPath(srcConfig, loadOriginalImages) {
|
|
15
11
|
var container = srcConfig.container,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
folder = srcConfig.folder,
|
|
13
|
+
apiVersion = srcConfig.apiVersion,
|
|
14
|
+
_srcConfig$filename = srcConfig.filename,
|
|
15
|
+
filename = _srcConfig$filename === void 0 ? '' : _srcConfig$filename,
|
|
16
|
+
ciParams = srcConfig.ciParams;
|
|
22
17
|
var _ref = ciParams || {},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
ciToken = _ref.ciToken,
|
|
19
|
+
ciFilters = _ref.ciFilters,
|
|
20
|
+
ciTransformation = _ref.ciTransformation;
|
|
27
21
|
var src = "".concat(folder).concat(filename);
|
|
28
|
-
|
|
29
22
|
if (ciToken) {
|
|
30
23
|
var imageOffsetWidth = container.offsetWidth;
|
|
31
24
|
var version = !(_falsyValues.FALSY_VALUES.indexOf(apiVersion) !== -1) ? apiVersion : null;
|
|
@@ -35,8 +28,6 @@ var generateImagesPath = function generateImagesPath(srcConfig, loadOriginalImag
|
|
|
35
28
|
var cdn = isCloudImageUrl ? src : "https://".concat(ciToken, ".cloudimg.io/").concat(finalApiVersion).concat(src);
|
|
36
29
|
src = "".concat(cdn, "?").concat(ciTransformation || "".concat(!loadOriginalImages ? "width=".concat(ciSizeNext) : '', " ")).concat(ciFilters ? "&f=".concat(ciFilters) : '');
|
|
37
30
|
}
|
|
38
|
-
|
|
39
31
|
return src;
|
|
40
32
|
};
|
|
41
|
-
|
|
42
33
|
exports.generateImagesPath = generateImagesPath;
|
|
@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isPropsChangeRequireReload = void 0;
|
|
7
|
-
|
|
8
7
|
var _propsRequireReload = require("../../constants/props-require-reload");
|
|
9
|
-
|
|
10
8
|
var isPropsChangeRequireReload = function isPropsChangeRequireReload(currentProps, changedProps) {
|
|
11
9
|
return Object.keys(changedProps).reduce(function (acc, current) {
|
|
12
10
|
var isPropChanged = currentProps[current] !== changedProps[current];
|
|
13
11
|
var isSrcProp = _propsRequireReload.PROPS_REQUIRE_RELOAD.indexOf(current) !== -1;
|
|
14
|
-
|
|
15
12
|
if (isSrcProp && isPropChanged) {
|
|
16
13
|
acc = true;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
return acc;
|
|
20
16
|
}, false);
|
|
21
17
|
};
|
|
22
|
-
|
|
23
18
|
exports.isPropsChangeRequireReload = isPropsChangeRequireReload;
|
package/dist/utils/index.js
CHANGED
|
@@ -173,47 +173,26 @@ Object.defineProperty(exports, "updateHotspots", {
|
|
|
173
173
|
return _updateHotspots.updateHotspots;
|
|
174
174
|
}
|
|
175
175
|
});
|
|
176
|
-
|
|
177
176
|
var _isPropsChangeRequireReload = require("./image-src/is-props-change-require-reload");
|
|
178
|
-
|
|
179
177
|
var _generateImagesPath = require("./image-src/generate-images-path");
|
|
180
|
-
|
|
181
178
|
var _preloadImages = require("./load-images/preload-images");
|
|
182
|
-
|
|
183
179
|
var _preloadOriginalImages = require("./load-images/preload-original-images");
|
|
184
|
-
|
|
185
180
|
var _initLazyload = require("./load-images/lazyload/init-lazyload");
|
|
186
|
-
|
|
187
181
|
var _contain = require("./responsive/contain");
|
|
188
|
-
|
|
189
182
|
var _getImageAspectRatio = require("./responsive/get-image-aspect-ratio");
|
|
190
|
-
|
|
191
183
|
var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
|
|
192
|
-
|
|
193
184
|
var _magnify = require("./magnify/magnify");
|
|
194
|
-
|
|
195
185
|
var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
|
|
196
|
-
|
|
197
186
|
var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
|
|
198
|
-
|
|
199
187
|
var _loop = require("./auto-play/loop");
|
|
200
|
-
|
|
201
188
|
var _getSpeedFactor = require("./auto-play/get-speed-factor");
|
|
202
|
-
|
|
203
189
|
var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
|
|
204
|
-
|
|
205
190
|
var _addClass = require("./class-names/add-class");
|
|
206
|
-
|
|
207
191
|
var _removeClass = require("./class-names/remove-class");
|
|
208
|
-
|
|
209
192
|
var _getMovingDirection = require("./spin-y/get-moving-direction");
|
|
210
|
-
|
|
211
193
|
var _getItemSkipped = require("./controls/get-item-skipped");
|
|
212
|
-
|
|
213
194
|
var _initControls = require("./controls/init-controls");
|
|
214
|
-
|
|
215
195
|
var _containerElements = require("./container-elements");
|
|
216
|
-
|
|
217
196
|
Object.keys(_containerElements).forEach(function (key) {
|
|
218
197
|
if (key === "default" || key === "__esModule") return;
|
|
219
198
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -225,13 +204,8 @@ Object.keys(_containerElements).forEach(function (key) {
|
|
|
225
204
|
}
|
|
226
205
|
});
|
|
227
206
|
});
|
|
228
|
-
|
|
229
207
|
var _updateHotspots = require("./hotspots/update-hotspots");
|
|
230
|
-
|
|
231
208
|
var _createHotspots = require("./hotspots/elements/create-hotspots");
|
|
232
|
-
|
|
233
209
|
var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
|
|
234
|
-
|
|
235
210
|
var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
|
|
236
|
-
|
|
237
211
|
var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");
|
|
@@ -1,34 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.prepareImagesFromFolder = void 0;
|
|
9
|
-
|
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
var _regex = require("../../../constants/regex");
|
|
13
|
-
|
|
14
10
|
var _pad = require("../pad");
|
|
15
|
-
|
|
16
11
|
var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig, loadOriginalImages) {
|
|
17
12
|
var _ref = srcConfig || {},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
amount = _ref.amount,
|
|
14
|
+
indexZeroBase = _ref.indexZeroBase;
|
|
21
15
|
return (0, _toConsumableArray2.default)(new Array(amount)).map(function (_item, index) {
|
|
22
16
|
var nextZeroFilledIndex = (0, _pad.pad)(index + 1, indexZeroBase);
|
|
23
17
|
var imageSrc = imagesSrc.replace('{index}', nextZeroFilledIndex);
|
|
24
|
-
|
|
25
18
|
if (loadOriginalImages) {
|
|
26
19
|
var imageOriginalSrc = imageSrc.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
|
|
27
20
|
return imageOriginalSrc;
|
|
28
21
|
}
|
|
29
|
-
|
|
30
22
|
return imageSrc;
|
|
31
23
|
});
|
|
32
24
|
};
|
|
33
|
-
|
|
34
25
|
exports.prepareImagesFromFolder = prepareImagesFromFolder;
|
|
@@ -1,29 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.prepareImagesFromList = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _generateImagesPath = require("../../image-src/generate-images-path");
|
|
13
|
-
|
|
14
10
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
|
|
18
12
|
var prepareImagesFromList = function prepareImagesFromList(images, srcConfig, loadOriginalImages) {
|
|
19
13
|
var folder = srcConfig.folder;
|
|
20
14
|
return images.map(function (src) {
|
|
21
15
|
var nextSrcConfig = _objectSpread({}, srcConfig);
|
|
22
|
-
|
|
23
16
|
nextSrcConfig.folder = /(http(s?)):\/\//gi.test(src) ? '' : folder;
|
|
24
17
|
nextSrcConfig.filename = src;
|
|
25
18
|
return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig, loadOriginalImages);
|
|
26
19
|
});
|
|
27
20
|
};
|
|
28
|
-
|
|
29
21
|
exports.prepareImagesFromList = prepareImagesFromList;
|
|
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.initLazyload = void 0;
|
|
7
|
-
|
|
8
7
|
var _prepareFirstImageFromFolder = require("./prepare-first-image/prepare-first-image-from-folder");
|
|
9
|
-
|
|
10
8
|
var _prepareFirstImageFromList = require("./prepare-first-image/prepare-first-image-from-list");
|
|
11
|
-
|
|
12
9
|
var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
|
|
13
10
|
var _ref = srcConfig || {},
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
imageList = _ref.imageList,
|
|
12
|
+
lazySelector = _ref.lazySelector,
|
|
13
|
+
innerBox = _ref.innerBox;
|
|
18
14
|
var firstImageSrc;
|
|
19
|
-
|
|
20
15
|
if (imageList) {
|
|
21
16
|
try {
|
|
22
17
|
var images = JSON.parse(imageList);
|
|
@@ -27,7 +22,6 @@ var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
|
|
|
27
22
|
} else {
|
|
28
23
|
firstImageSrc = (0, _prepareFirstImageFromFolder.prepareFirstImageFromFolder)(imagesSrc, srcConfig);
|
|
29
24
|
}
|
|
30
|
-
|
|
31
25
|
var image = new Image();
|
|
32
26
|
image.setAttribute('data-src', firstImageSrc);
|
|
33
27
|
image.style.position = 'absolute';
|
|
@@ -38,12 +32,10 @@ var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
|
|
|
38
32
|
image.style.maxHeight = '100%';
|
|
39
33
|
if (lazySelector) image.className = lazySelector;
|
|
40
34
|
innerBox.appendChild(image);
|
|
41
|
-
|
|
42
35
|
if (cb) {
|
|
43
36
|
image.onload = function () {
|
|
44
37
|
return cb(image);
|
|
45
38
|
};
|
|
46
39
|
}
|
|
47
40
|
};
|
|
48
|
-
|
|
49
41
|
exports.initLazyload = initLazyload;
|
package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js
CHANGED
|
@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.prepareFirstImageFromFolder = void 0;
|
|
7
|
-
|
|
8
7
|
var _pad = require("../../pad");
|
|
9
|
-
|
|
10
8
|
var prepareFirstImageFromFolder = function prepareFirstImageFromFolder(imagesSrcs, srcConfig) {
|
|
11
9
|
var _ref = srcConfig || {},
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
indexZeroBase = _ref.indexZeroBase;
|
|
14
11
|
var nextZeroFilledIndex = (0, _pad.pad)(1, indexZeroBase);
|
|
15
12
|
return imagesSrcs.replace('{index}', nextZeroFilledIndex);
|
|
16
13
|
};
|
|
17
|
-
|
|
18
14
|
exports.prepareFirstImageFromFolder = prepareFirstImageFromFolder;
|
package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js
CHANGED
|
@@ -1,29 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.prepareFirstImageFromList = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _generateImagesPath = require("../../../image-src/generate-images-path");
|
|
13
|
-
|
|
14
10
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
|
|
18
12
|
var prepareFirstImageFromList = function prepareFirstImageFromList(images, srcConfig) {
|
|
19
13
|
var folder = srcConfig.folder;
|
|
20
14
|
var firstImageSrc = images[0];
|
|
21
|
-
|
|
22
15
|
var nextSrcConfig = _objectSpread({}, srcConfig);
|
|
23
|
-
|
|
24
16
|
nextSrcConfig.folder = /(http(s?)):\/\//gi.test(firstImageSrc) ? '' : folder;
|
|
25
17
|
nextSrcConfig.filename = firstImageSrc;
|
|
26
18
|
return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
|
|
27
19
|
};
|
|
28
|
-
|
|
29
20
|
exports.prepareFirstImageFromList = prepareFirstImageFromList;
|