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.
- package/.prettierrc +9 -0
- package/README.md +318 -721
- package/dist/js-cloudimage-360-view.min.css +1 -0
- package/dist/js-cloudimage-360-view.min.js +2111 -0
- package/package.json +30 -17
- package/.env +0 -3
- package/CHANGELOG.md +0 -175
- package/bin/deploy-bundle.js +0 -63
- package/dist/ci360.service.js +0 -1270
- package/dist/ci360.utils.js +0 -78
- package/dist/constants/auto-play-behavior.js +0 -13
- package/dist/constants/falsy-values.js +0 -8
- package/dist/constants/index.js +0 -39
- package/dist/constants/orientations.js +0 -12
- package/dist/constants/props-require-reload.js +0 -33
- package/dist/constants/regex.js +0 -10
- package/dist/index.js +0 -102
- package/dist/static/css/hotspots.css +0 -222
- package/dist/static/css/style.css +0 -230
- package/dist/utils/auto-play/get-speed-factor.js +0 -12
- package/dist/utils/auto-play/is-completed-one-cycle.js +0 -27
- package/dist/utils/auto-play/loop.js +0 -56
- package/dist/utils/class-names/add-class.js +0 -15
- package/dist/utils/class-names/remove-class.js +0 -14
- package/dist/utils/container-elements/apply-styles-to-container.js +0 -14
- package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -14
- package/dist/utils/container-elements/create-360-view-icon.js +0 -13
- package/dist/utils/container-elements/create-box-shadow.js +0 -14
- package/dist/utils/container-elements/create-canvas.js +0 -14
- package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -12
- package/dist/utils/container-elements/create-fullscreen-icon.js +0 -12
- package/dist/utils/container-elements/create-fullscreen-modal.js +0 -18
- package/dist/utils/container-elements/create-icons-container.js +0 -13
- package/dist/utils/container-elements/create-inner-box.js +0 -13
- package/dist/utils/container-elements/create-loader.js +0 -13
- package/dist/utils/container-elements/create-magnifier-icon.js +0 -12
- package/dist/utils/container-elements/index.js +0 -96
- package/dist/utils/container-elements/remove-child-from-parent.js +0 -14
- package/dist/utils/controls/get-item-skipped.js +0 -11
- package/dist/utils/controls/init-controls.js +0 -68
- package/dist/utils/hotspots/attach-events/hide-popup.js +0 -13
- package/dist/utils/hotspots/attach-events/show-popup.js +0 -12
- package/dist/utils/hotspots/configs-error-handler.js +0 -23
- package/dist/utils/hotspots/create-popper-instace.js +0 -29
- package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -20
- package/dist/utils/hotspots/elements/create-carousel-image.js +0 -18
- package/dist/utils/hotspots/elements/create-hotspot-icon.js +0 -55
- package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +0 -19
- package/dist/utils/hotspots/elements/create-hotspots.js +0 -20
- package/dist/utils/hotspots/elements/create-images-carousel.js +0 -23
- package/dist/utils/hotspots/elements/create-modal-description.js +0 -13
- package/dist/utils/hotspots/elements/create-modal-title.js +0 -13
- package/dist/utils/hotspots/elements/create-model-elements.js +0 -49
- package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -14
- package/dist/utils/hotspots/elements/create-popup.js +0 -55
- package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -15
- package/dist/utils/hotspots/fill-empty-coord-with-previous.js +0 -21
- package/dist/utils/hotspots/generate-hotspots-configs.js +0 -48
- package/dist/utils/hotspots/generate-popup-config.js +0 -27
- package/dist/utils/hotspots/get-hotspot-icon.js +0 -12
- package/dist/utils/hotspots/get-hotspot-orientation.js +0 -17
- package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -12
- package/dist/utils/hotspots/get-popup-node.js +0 -12
- package/dist/utils/hotspots/hide-hotspot-icon.js +0 -11
- package/dist/utils/hotspots/hide-hotspots-icons.js +0 -15
- package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -12
- package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -22
- package/dist/utils/hotspots/set-current-slide.js +0 -21
- package/dist/utils/hotspots/toggle-popup-events.js +0 -19
- package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -19
- package/dist/utils/hotspots/update-hotspots.js +0 -40
- package/dist/utils/image-src/generate-images-path.js +0 -33
- package/dist/utils/image-src/is-props-change-require-reload.js +0 -18
- package/dist/utils/index.js +0 -211
- package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +0 -25
- package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -21
- package/dist/utils/load-images/lazyload/init-lazyload.js +0 -41
- package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +0 -14
- package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -20
- package/dist/utils/load-images/load-image-as-promise.js +0 -16
- package/dist/utils/load-images/load-images-relative-to-container-size.js +0 -19
- package/dist/utils/load-images/load-original-images.js +0 -44
- package/dist/utils/load-images/pad.js +0 -12
- package/dist/utils/load-images/preload-images.js +0 -28
- package/dist/utils/load-images/preload-original-images.js +0 -28
- package/dist/utils/magnify/get-current-original-image.js +0 -23
- package/dist/utils/magnify/get-cursor-position.js +0 -22
- package/dist/utils/magnify/magnify.js +0 -47
- package/dist/utils/magnify/move-magnifier.js +0 -39
- package/dist/utils/responsive/contain.js +0 -9
- package/dist/utils/responsive/fit.js +0 -29
- package/dist/utils/responsive/get-image-aspect-ratio.js +0 -31
- package/dist/utils/responsive/get-responsive-width-of-container.js +0 -11
- package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -15
- package/dist/utils/responsive/get-size-limit.js +0 -12
- package/dist/utils/spin-y/get-moving-direction.js +0 -18
- package/dist/utils/zoom/generate-zoom-in-steps.js +0 -18
- package/dist/utils/zoom/generate-zoom-out-steps.js +0 -18
- package/yarn-error.log +0 -101
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.hideHotspotsIcons = void 0;
|
|
7
|
-
var _hideHotspotIcon = require("./hide-hotspot-icon");
|
|
8
|
-
var hideHotspotsIcons = function hideHotspotsIcons() {
|
|
9
|
-
var hotspotIconSelector = '[data-hotspot-icon-id]';
|
|
10
|
-
var hotspotIcons = document.querySelectorAll(hotspotIconSelector) || [];
|
|
11
|
-
hotspotIcons.forEach(function (hotspotIcon) {
|
|
12
|
-
(0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
exports.hideHotspotsIcons = hideHotspotsIcons;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isMouseOnHotspot = void 0;
|
|
7
|
-
var isMouseOnHotspot = function isMouseOnHotspot() {
|
|
8
|
-
var hotspotElementsSelector = '[data-cloudimage-360-show]';
|
|
9
|
-
var hostpotElements = document.querySelectorAll(hotspotElementsSelector);
|
|
10
|
-
return !!hostpotElements.length;
|
|
11
|
-
};
|
|
12
|
-
exports.isMouseOnHotspot = isMouseOnHotspot;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.prepareHotspotsPositions = void 0;
|
|
7
|
-
var _fillEmptyCoordWithPrevious = require("./fill-empty-coord-with-previous");
|
|
8
|
-
var prepareHotspotsPositions = function prepareHotspotsPositions(positions) {
|
|
9
|
-
return positions.reduce(function (accumulate, current, currentIndex) {
|
|
10
|
-
var isIncludesXcoord = !!(current !== null && current !== void 0 && current.xCoord);
|
|
11
|
-
var isIncludesYcoord = !!(current !== null && current !== void 0 && current.yCoord);
|
|
12
|
-
if (!isIncludesXcoord) {
|
|
13
|
-
current.xCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'xCoord');
|
|
14
|
-
}
|
|
15
|
-
if (!isIncludesYcoord) {
|
|
16
|
-
current.yCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'yCoord');
|
|
17
|
-
}
|
|
18
|
-
accumulate.push(current);
|
|
19
|
-
return accumulate;
|
|
20
|
-
}, []);
|
|
21
|
-
};
|
|
22
|
-
exports.prepareHotspotsPositions = prepareHotspotsPositions;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.setCurrentSlide = void 0;
|
|
7
|
-
var setCurrentSlide = function setCurrentSlide(image, imageDot, popup) {
|
|
8
|
-
var activeDotSelector = '[data-active-dot]';
|
|
9
|
-
var activeImageSelector = '[data-active-image]';
|
|
10
|
-
var previousActiveDot = popup.querySelector(activeDotSelector);
|
|
11
|
-
var previousActiveImage = popup.querySelector(activeImageSelector);
|
|
12
|
-
previousActiveDot.classList.remove('active-dot');
|
|
13
|
-
previousActiveDot.removeAttribute('data-active-dot');
|
|
14
|
-
previousActiveImage.classList.remove('active-image');
|
|
15
|
-
previousActiveImage.removeAttribute('data-active-image');
|
|
16
|
-
image.className += ' active-image';
|
|
17
|
-
image.setAttribute('data-active-image', '');
|
|
18
|
-
imageDot.className += ' active-dot';
|
|
19
|
-
imageDot.setAttribute('data-active-dot', '');
|
|
20
|
-
};
|
|
21
|
-
exports.setCurrentSlide = setCurrentSlide;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.togglePopupEvents = void 0;
|
|
7
|
-
var _ci = require("../../ci360.utils");
|
|
8
|
-
var _getHotspotIcon = require("./get-hotspot-icon");
|
|
9
|
-
var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouseDown) {
|
|
10
|
-
var iClickOnHotspotIcon = event && (0, _ci.isTrue)(event.target, 'data-cloudimage-360-hotspot');
|
|
11
|
-
if (iClickOnHotspotIcon) return;
|
|
12
|
-
hotspotsProps.forEach(function (hotspotProps) {
|
|
13
|
-
var variant = hotspotProps.variant;
|
|
14
|
-
var anchorId = variant.anchorId;
|
|
15
|
-
var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
|
|
16
|
-
hotspotIcon.style.pointerEvents = isMouseDown ? 'none' : 'all';
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
exports.togglePopupEvents = togglePopupEvents;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.updateHotspotIconPosition = void 0;
|
|
7
|
-
var updateHotspotIconPosition = function updateHotspotIconPosition(container, initialDimensions, icon, xCoord, yCoord) {
|
|
8
|
-
icon.style.visibility = 'visible';
|
|
9
|
-
icon.style.opacity = 1;
|
|
10
|
-
icon.style.zIndex = 100;
|
|
11
|
-
icon.style.left = "".concat(-icon.offsetWidth / 2, "px");
|
|
12
|
-
icon.style.top = "".concat(-icon.offsetHeight / 2, "px");
|
|
13
|
-
var positionXRatio = container.offsetWidth / initialDimensions[0];
|
|
14
|
-
var positionYRatio = container.offsetHeight / initialDimensions[1];
|
|
15
|
-
var translateX = "".concat(positionXRatio * xCoord, "px");
|
|
16
|
-
var translateY = "".concat(positionYRatio * yCoord, "px");
|
|
17
|
-
icon.style.transform = "translate3d(".concat(translateX, ", ").concat(translateY, ", 0)");
|
|
18
|
-
};
|
|
19
|
-
exports.updateHotspotIconPosition = updateHotspotIconPosition;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.updateHotspots = void 0;
|
|
7
|
-
var _prepareHotspotsPositions = require("./prepare-hotspots-positions");
|
|
8
|
-
var _getHotspotIcon = require("./get-hotspot-icon");
|
|
9
|
-
var _updateHotspotIconPosition = require("./update-hotspot-icon-position");
|
|
10
|
-
var _hideHotspotIcon = require("./hide-hotspot-icon");
|
|
11
|
-
var _getHotspotOrientation = require("./get-hotspot-orientation");
|
|
12
|
-
var updateHotspots = function updateHotspots(container, hotspotsProps) {
|
|
13
|
-
var activeImageX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
14
|
-
var activeImageY = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
15
|
-
var movingDirection = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'x-axis';
|
|
16
|
-
hotspotsProps.forEach(function (hotspotProps) {
|
|
17
|
-
var positions = hotspotProps.positions,
|
|
18
|
-
initialDimensions = hotspotProps.initialDimensions,
|
|
19
|
-
orientation = hotspotProps.orientation,
|
|
20
|
-
variant = hotspotProps.variant;
|
|
21
|
-
var anchorId = variant.anchorId;
|
|
22
|
-
var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
|
|
23
|
-
var currentImageIndex = orientation === 'x' ? activeImageX : activeImageY;
|
|
24
|
-
var hotspotsPositions = (0, _prepareHotspotsPositions.prepareHotspotsPositions)(positions);
|
|
25
|
-
var currentPosition = hotspotsPositions.find(function (hotspotPosition) {
|
|
26
|
-
return hotspotPosition.imageIndex === currentImageIndex;
|
|
27
|
-
});
|
|
28
|
-
var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
|
|
29
|
-
if (currentPosition && hotspotOriantaion === orientation) {
|
|
30
|
-
var _currentPosition$xCoo = currentPosition.xCoord,
|
|
31
|
-
xCoord = _currentPosition$xCoo === void 0 ? 0 : _currentPosition$xCoo,
|
|
32
|
-
_currentPosition$yCoo = currentPosition.yCoord,
|
|
33
|
-
yCoord = _currentPosition$yCoo === void 0 ? 0 : _currentPosition$yCoo;
|
|
34
|
-
(0, _updateHotspotIconPosition.updateHotspotIconPosition)(container, initialDimensions, hotspotIcon, xCoord, yCoord);
|
|
35
|
-
} else {
|
|
36
|
-
(0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
exports.updateHotspots = updateHotspots;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.generateImagesPath = void 0;
|
|
7
|
-
var _falsyValues = require("../../constants/falsy-values");
|
|
8
|
-
var _getResponsiveWidthOfContainer = require("../responsive/get-responsive-width-of-container");
|
|
9
|
-
var _getSizeAccordingToPixelRatio = require("../responsive/get-size-according-to-pixel-ratio");
|
|
10
|
-
var generateImagesPath = function generateImagesPath(srcConfig, loadOriginalImages) {
|
|
11
|
-
var container = srcConfig.container,
|
|
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;
|
|
17
|
-
var _ref = ciParams || {},
|
|
18
|
-
ciToken = _ref.ciToken,
|
|
19
|
-
ciFilters = _ref.ciFilters,
|
|
20
|
-
ciTransformation = _ref.ciTransformation;
|
|
21
|
-
var src = "".concat(folder).concat(filename);
|
|
22
|
-
if (ciToken) {
|
|
23
|
-
var imageOffsetWidth = container.offsetWidth;
|
|
24
|
-
var version = !(_falsyValues.FALSY_VALUES.indexOf(apiVersion) !== -1) ? apiVersion : null;
|
|
25
|
-
var finalApiVersion = version ? "".concat(version, "/") : '';
|
|
26
|
-
var ciSizeNext = (0, _getSizeAccordingToPixelRatio.getSizeAccordingToPixelRatio)((0, _getResponsiveWidthOfContainer.getResponsiveWidthOfContainer)(imageOffsetWidth));
|
|
27
|
-
var isCloudImageUrl = new URL(src).origin.indexOf('cloudimg') !== -1;
|
|
28
|
-
var cdn = isCloudImageUrl ? src : "https://".concat(ciToken, ".cloudimg.io/").concat(finalApiVersion).concat(src);
|
|
29
|
-
src = "".concat(cdn, "?").concat(ciTransformation || "".concat(!loadOriginalImages ? "width=".concat(ciSizeNext) : '', " ")).concat(ciFilters ? "&f=".concat(ciFilters) : '');
|
|
30
|
-
}
|
|
31
|
-
return src;
|
|
32
|
-
};
|
|
33
|
-
exports.generateImagesPath = generateImagesPath;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isPropsChangeRequireReload = void 0;
|
|
7
|
-
var _propsRequireReload = require("../../constants/props-require-reload");
|
|
8
|
-
var isPropsChangeRequireReload = function isPropsChangeRequireReload(currentProps, changedProps) {
|
|
9
|
-
return Object.keys(changedProps).reduce(function (acc, current) {
|
|
10
|
-
var isPropChanged = currentProps[current] !== changedProps[current];
|
|
11
|
-
var isSrcProp = _propsRequireReload.PROPS_REQUIRE_RELOAD.indexOf(current) !== -1;
|
|
12
|
-
if (isSrcProp && isPropChanged) {
|
|
13
|
-
acc = true;
|
|
14
|
-
}
|
|
15
|
-
return acc;
|
|
16
|
-
}, false);
|
|
17
|
-
};
|
|
18
|
-
exports.isPropsChangeRequireReload = isPropsChangeRequireReload;
|
package/dist/utils/index.js
DELETED
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _exportNames = {
|
|
7
|
-
isPropsChangeRequireReload: true,
|
|
8
|
-
generateImagesPath: true,
|
|
9
|
-
preloadImages: true,
|
|
10
|
-
preloadOriginalImages: true,
|
|
11
|
-
initLazyload: true,
|
|
12
|
-
contain: true,
|
|
13
|
-
getImageAspectRatio: true,
|
|
14
|
-
getCurrentOriginalImage: true,
|
|
15
|
-
magnify: true,
|
|
16
|
-
generateZoomInSteps: true,
|
|
17
|
-
generateZoomOutSteps: true,
|
|
18
|
-
loop: true,
|
|
19
|
-
getSpeedFactor: true,
|
|
20
|
-
isCompletedOneCycle: true,
|
|
21
|
-
addClass: true,
|
|
22
|
-
removeClass: true,
|
|
23
|
-
getMovingDirection: true,
|
|
24
|
-
getItemSkipped: true,
|
|
25
|
-
initControls: true,
|
|
26
|
-
updateHotspots: true,
|
|
27
|
-
createHotspots: true,
|
|
28
|
-
generateHotspotsConfigs: true,
|
|
29
|
-
isMouseOnHotspot: true,
|
|
30
|
-
hideHotspotsIcons: true
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "addClass", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _addClass.addClass;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
Object.defineProperty(exports, "contain", {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
get: function get() {
|
|
41
|
-
return _contain.contain;
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
Object.defineProperty(exports, "createHotspots", {
|
|
45
|
-
enumerable: true,
|
|
46
|
-
get: function get() {
|
|
47
|
-
return _createHotspots.createHotspots;
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
Object.defineProperty(exports, "generateHotspotsConfigs", {
|
|
51
|
-
enumerable: true,
|
|
52
|
-
get: function get() {
|
|
53
|
-
return _generateHotspotsConfigs.generateHotspotsConfigs;
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
Object.defineProperty(exports, "generateImagesPath", {
|
|
57
|
-
enumerable: true,
|
|
58
|
-
get: function get() {
|
|
59
|
-
return _generateImagesPath.generateImagesPath;
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
Object.defineProperty(exports, "generateZoomInSteps", {
|
|
63
|
-
enumerable: true,
|
|
64
|
-
get: function get() {
|
|
65
|
-
return _generateZoomInSteps.generateZoomInSteps;
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
Object.defineProperty(exports, "generateZoomOutSteps", {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function get() {
|
|
71
|
-
return _generateZoomOutSteps.generateZoomOutSteps;
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
Object.defineProperty(exports, "getCurrentOriginalImage", {
|
|
75
|
-
enumerable: true,
|
|
76
|
-
get: function get() {
|
|
77
|
-
return _getCurrentOriginalImage.getCurrentOriginalImage;
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
Object.defineProperty(exports, "getImageAspectRatio", {
|
|
81
|
-
enumerable: true,
|
|
82
|
-
get: function get() {
|
|
83
|
-
return _getImageAspectRatio.getImageAspectRatio;
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
Object.defineProperty(exports, "getItemSkipped", {
|
|
87
|
-
enumerable: true,
|
|
88
|
-
get: function get() {
|
|
89
|
-
return _getItemSkipped.getItemSkipped;
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
Object.defineProperty(exports, "getMovingDirection", {
|
|
93
|
-
enumerable: true,
|
|
94
|
-
get: function get() {
|
|
95
|
-
return _getMovingDirection.getMovingDirection;
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
Object.defineProperty(exports, "getSpeedFactor", {
|
|
99
|
-
enumerable: true,
|
|
100
|
-
get: function get() {
|
|
101
|
-
return _getSpeedFactor.getSpeedFactor;
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
Object.defineProperty(exports, "hideHotspotsIcons", {
|
|
105
|
-
enumerable: true,
|
|
106
|
-
get: function get() {
|
|
107
|
-
return _hideHotspotsIcons.hideHotspotsIcons;
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
Object.defineProperty(exports, "initControls", {
|
|
111
|
-
enumerable: true,
|
|
112
|
-
get: function get() {
|
|
113
|
-
return _initControls.initControls;
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
Object.defineProperty(exports, "initLazyload", {
|
|
117
|
-
enumerable: true,
|
|
118
|
-
get: function get() {
|
|
119
|
-
return _initLazyload.initLazyload;
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
Object.defineProperty(exports, "isCompletedOneCycle", {
|
|
123
|
-
enumerable: true,
|
|
124
|
-
get: function get() {
|
|
125
|
-
return _isCompletedOneCycle.isCompletedOneCycle;
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
Object.defineProperty(exports, "isMouseOnHotspot", {
|
|
129
|
-
enumerable: true,
|
|
130
|
-
get: function get() {
|
|
131
|
-
return _isMouseOnHotspot.isMouseOnHotspot;
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
Object.defineProperty(exports, "isPropsChangeRequireReload", {
|
|
135
|
-
enumerable: true,
|
|
136
|
-
get: function get() {
|
|
137
|
-
return _isPropsChangeRequireReload.isPropsChangeRequireReload;
|
|
138
|
-
}
|
|
139
|
-
});
|
|
140
|
-
Object.defineProperty(exports, "loop", {
|
|
141
|
-
enumerable: true,
|
|
142
|
-
get: function get() {
|
|
143
|
-
return _loop.loop;
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
Object.defineProperty(exports, "magnify", {
|
|
147
|
-
enumerable: true,
|
|
148
|
-
get: function get() {
|
|
149
|
-
return _magnify.magnify;
|
|
150
|
-
}
|
|
151
|
-
});
|
|
152
|
-
Object.defineProperty(exports, "preloadImages", {
|
|
153
|
-
enumerable: true,
|
|
154
|
-
get: function get() {
|
|
155
|
-
return _preloadImages.preloadImages;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
Object.defineProperty(exports, "preloadOriginalImages", {
|
|
159
|
-
enumerable: true,
|
|
160
|
-
get: function get() {
|
|
161
|
-
return _preloadOriginalImages.preloadOriginalImages;
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
Object.defineProperty(exports, "removeClass", {
|
|
165
|
-
enumerable: true,
|
|
166
|
-
get: function get() {
|
|
167
|
-
return _removeClass.removeClass;
|
|
168
|
-
}
|
|
169
|
-
});
|
|
170
|
-
Object.defineProperty(exports, "updateHotspots", {
|
|
171
|
-
enumerable: true,
|
|
172
|
-
get: function get() {
|
|
173
|
-
return _updateHotspots.updateHotspots;
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
|
-
var _isPropsChangeRequireReload = require("./image-src/is-props-change-require-reload");
|
|
177
|
-
var _generateImagesPath = require("./image-src/generate-images-path");
|
|
178
|
-
var _preloadImages = require("./load-images/preload-images");
|
|
179
|
-
var _preloadOriginalImages = require("./load-images/preload-original-images");
|
|
180
|
-
var _initLazyload = require("./load-images/lazyload/init-lazyload");
|
|
181
|
-
var _contain = require("./responsive/contain");
|
|
182
|
-
var _getImageAspectRatio = require("./responsive/get-image-aspect-ratio");
|
|
183
|
-
var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
|
|
184
|
-
var _magnify = require("./magnify/magnify");
|
|
185
|
-
var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
|
|
186
|
-
var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
|
|
187
|
-
var _loop = require("./auto-play/loop");
|
|
188
|
-
var _getSpeedFactor = require("./auto-play/get-speed-factor");
|
|
189
|
-
var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
|
|
190
|
-
var _addClass = require("./class-names/add-class");
|
|
191
|
-
var _removeClass = require("./class-names/remove-class");
|
|
192
|
-
var _getMovingDirection = require("./spin-y/get-moving-direction");
|
|
193
|
-
var _getItemSkipped = require("./controls/get-item-skipped");
|
|
194
|
-
var _initControls = require("./controls/init-controls");
|
|
195
|
-
var _containerElements = require("./container-elements");
|
|
196
|
-
Object.keys(_containerElements).forEach(function (key) {
|
|
197
|
-
if (key === "default" || key === "__esModule") return;
|
|
198
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
199
|
-
if (key in exports && exports[key] === _containerElements[key]) return;
|
|
200
|
-
Object.defineProperty(exports, key, {
|
|
201
|
-
enumerable: true,
|
|
202
|
-
get: function get() {
|
|
203
|
-
return _containerElements[key];
|
|
204
|
-
}
|
|
205
|
-
});
|
|
206
|
-
});
|
|
207
|
-
var _updateHotspots = require("./hotspots/update-hotspots");
|
|
208
|
-
var _createHotspots = require("./hotspots/elements/create-hotspots");
|
|
209
|
-
var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
|
|
210
|
-
var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
|
|
211
|
-
var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.prepareImagesFromFolder = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _regex = require("../../../constants/regex");
|
|
10
|
-
var _pad = require("../pad");
|
|
11
|
-
var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig, loadOriginalImages) {
|
|
12
|
-
var _ref = srcConfig || {},
|
|
13
|
-
amount = _ref.amount,
|
|
14
|
-
indexZeroBase = _ref.indexZeroBase;
|
|
15
|
-
return (0, _toConsumableArray2.default)(new Array(amount)).map(function (_item, index) {
|
|
16
|
-
var nextZeroFilledIndex = (0, _pad.pad)(index + 1, indexZeroBase);
|
|
17
|
-
var imageSrc = imagesSrc.replace('{index}', nextZeroFilledIndex);
|
|
18
|
-
if (loadOriginalImages) {
|
|
19
|
-
var imageOriginalSrc = imageSrc.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
|
|
20
|
-
return imageOriginalSrc;
|
|
21
|
-
}
|
|
22
|
-
return imageSrc;
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
exports.prepareImagesFromFolder = prepareImagesFromFolder;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.prepareImagesFromList = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _generateImagesPath = require("../../image-src/generate-images-path");
|
|
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; }
|
|
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; }
|
|
12
|
-
var prepareImagesFromList = function prepareImagesFromList(images, srcConfig, loadOriginalImages) {
|
|
13
|
-
var folder = srcConfig.folder;
|
|
14
|
-
return images.map(function (src) {
|
|
15
|
-
var nextSrcConfig = _objectSpread({}, srcConfig);
|
|
16
|
-
nextSrcConfig.folder = /(http(s?)):\/\//gi.test(src) ? '' : folder;
|
|
17
|
-
nextSrcConfig.filename = src;
|
|
18
|
-
return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig, loadOriginalImages);
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
exports.prepareImagesFromList = prepareImagesFromList;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.initLazyload = void 0;
|
|
7
|
-
var _prepareFirstImageFromFolder = require("./prepare-first-image/prepare-first-image-from-folder");
|
|
8
|
-
var _prepareFirstImageFromList = require("./prepare-first-image/prepare-first-image-from-list");
|
|
9
|
-
var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
|
|
10
|
-
var _ref = srcConfig || {},
|
|
11
|
-
imageList = _ref.imageList,
|
|
12
|
-
lazySelector = _ref.lazySelector,
|
|
13
|
-
innerBox = _ref.innerBox;
|
|
14
|
-
var firstImageSrc;
|
|
15
|
-
if (imageList) {
|
|
16
|
-
try {
|
|
17
|
-
var images = JSON.parse(imageList);
|
|
18
|
-
firstImageSrc = (0, _prepareFirstImageFromList.prepareFirstImageFromList)(images, srcConfig);
|
|
19
|
-
} catch (error) {
|
|
20
|
-
console.error("Wrong format in image-list attribute: ".concat(error.message));
|
|
21
|
-
}
|
|
22
|
-
} else {
|
|
23
|
-
firstImageSrc = (0, _prepareFirstImageFromFolder.prepareFirstImageFromFolder)(imagesSrc, srcConfig);
|
|
24
|
-
}
|
|
25
|
-
var image = new Image();
|
|
26
|
-
image.setAttribute('data-src', firstImageSrc);
|
|
27
|
-
image.style.position = 'absolute';
|
|
28
|
-
image.style.top = 0;
|
|
29
|
-
image.style.left = 0;
|
|
30
|
-
image.style.width = '100%';
|
|
31
|
-
image.style.maxWidth = '100%';
|
|
32
|
-
image.style.maxHeight = '100%';
|
|
33
|
-
if (lazySelector) image.className = lazySelector;
|
|
34
|
-
innerBox.appendChild(image);
|
|
35
|
-
if (cb) {
|
|
36
|
-
image.onload = function () {
|
|
37
|
-
return cb(image);
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
exports.initLazyload = initLazyload;
|
package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.prepareFirstImageFromFolder = void 0;
|
|
7
|
-
var _pad = require("../../pad");
|
|
8
|
-
var prepareFirstImageFromFolder = function prepareFirstImageFromFolder(imagesSrcs, srcConfig) {
|
|
9
|
-
var _ref = srcConfig || {},
|
|
10
|
-
indexZeroBase = _ref.indexZeroBase;
|
|
11
|
-
var nextZeroFilledIndex = (0, _pad.pad)(1, indexZeroBase);
|
|
12
|
-
return imagesSrcs.replace('{index}', nextZeroFilledIndex);
|
|
13
|
-
};
|
|
14
|
-
exports.prepareFirstImageFromFolder = prepareFirstImageFromFolder;
|
package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.prepareFirstImageFromList = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _generateImagesPath = require("../../../image-src/generate-images-path");
|
|
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; }
|
|
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; }
|
|
12
|
-
var prepareFirstImageFromList = function prepareFirstImageFromList(images, srcConfig) {
|
|
13
|
-
var folder = srcConfig.folder;
|
|
14
|
-
var firstImageSrc = images[0];
|
|
15
|
-
var nextSrcConfig = _objectSpread({}, srcConfig);
|
|
16
|
-
nextSrcConfig.folder = /(http(s?)):\/\//gi.test(firstImageSrc) ? '' : folder;
|
|
17
|
-
nextSrcConfig.filename = firstImageSrc;
|
|
18
|
-
return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
|
|
19
|
-
};
|
|
20
|
-
exports.prepareFirstImageFromList = prepareFirstImageFromList;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.loadImageAsPromise = void 0;
|
|
7
|
-
var loadImageAsPromise = function loadImageAsPromise(src, cb) {
|
|
8
|
-
var image = new Image();
|
|
9
|
-
image.src = src;
|
|
10
|
-
var onImageLoad = function onImageLoad() {
|
|
11
|
-
return cb(image);
|
|
12
|
-
};
|
|
13
|
-
image.onload = onImageLoad;
|
|
14
|
-
image.onerror = onImageLoad;
|
|
15
|
-
};
|
|
16
|
-
exports.loadImageAsPromise = loadImageAsPromise;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.loadImagesRelativeToContainerSize = void 0;
|
|
7
|
-
var _loadImageAsPromise = require("./load-image-as-promise");
|
|
8
|
-
var loadImagesRelativeToContainerSize = function loadImagesRelativeToContainerSize(imagesSrcs, cb) {
|
|
9
|
-
var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
10
|
-
var imageSrc = imagesSrcs[index];
|
|
11
|
-
if (index > imagesSrcs.length - 1) return;
|
|
12
|
-
var imageLoadCallback = function imageLoadCallback(image) {
|
|
13
|
-
var _index = index + 1;
|
|
14
|
-
cb(image, index);
|
|
15
|
-
loadImagesRelativeToContainerSize(imagesSrcs, cb, _index);
|
|
16
|
-
};
|
|
17
|
-
(0, _loadImageAsPromise.loadImageAsPromise)(imageSrc, imageLoadCallback);
|
|
18
|
-
};
|
|
19
|
-
exports.loadImagesRelativeToContainerSize = loadImagesRelativeToContainerSize;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.loadOriginalImages = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
|
-
var _loadImageAsPromise = require("./load-image-as-promise");
|
|
11
|
-
var loadOriginalImages = /*#__PURE__*/function () {
|
|
12
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, cb) {
|
|
13
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
14
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
15
|
-
case 0:
|
|
16
|
-
_context2.next = 2;
|
|
17
|
-
return Promise.all(imagesSrcs.map( /*#__PURE__*/function () {
|
|
18
|
-
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src, index) {
|
|
19
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
20
|
-
while (1) switch (_context.prev = _context.next) {
|
|
21
|
-
case 0:
|
|
22
|
-
_context.next = 2;
|
|
23
|
-
return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, cb);
|
|
24
|
-
case 2:
|
|
25
|
-
case "end":
|
|
26
|
-
return _context.stop();
|
|
27
|
-
}
|
|
28
|
-
}, _callee);
|
|
29
|
-
}));
|
|
30
|
-
return function (_x3, _x4) {
|
|
31
|
-
return _ref2.apply(this, arguments);
|
|
32
|
-
};
|
|
33
|
-
}()));
|
|
34
|
-
case 2:
|
|
35
|
-
case "end":
|
|
36
|
-
return _context2.stop();
|
|
37
|
-
}
|
|
38
|
-
}, _callee2);
|
|
39
|
-
}));
|
|
40
|
-
return function loadOriginalImages(_x, _x2) {
|
|
41
|
-
return _ref.apply(this, arguments);
|
|
42
|
-
};
|
|
43
|
-
}();
|
|
44
|
-
exports.loadOriginalImages = loadOriginalImages;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.pad = void 0;
|
|
7
|
-
var pad = function pad(n) {
|
|
8
|
-
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
9
|
-
n += '';
|
|
10
|
-
return n.length >= width ? n : new Array(width - n.length + 1).join('0') + n;
|
|
11
|
-
};
|
|
12
|
-
exports.pad = pad;
|