@helsenorge/lightbox 10.1.0 → 10.3.0

package/components/LightBox/index.js

@@ -18,7 +18,7 @@ var roundNumber = function(num, decimal) {
   return Number(num.toFixed(decimal));
 };
 var checkIsNumber = function(num, defaultValue) {
-  return defaultValue;
+  return false ? num : defaultValue;
 };
 var handleCallback = function(context, event, callback) {
   if (callback && typeof callback === "function") {
@@ -462,7 +462,7 @@ function handlePanningStart(contextInstance, event) {
     handlePanningSetup(contextInstance, event);
   }
 }
-function handleAlignToBounds(contextInstance) {
+function handleAlignToBounds(contextInstance, customAnimationTime) {
   var scale = contextInstance.transformState.scale;
   var _a = contextInstance.setup, minScale = _a.minScale, alignmentAnimation = _a.alignmentAnimation;
   var disabled = alignmentAnimation.disabled, sizeX = alignmentAnimation.sizeX, sizeY = alignmentAnimation.sizeY, animationTime = alignmentAnimation.animationTime, animationType = alignmentAnimation.animationType;
@@ -471,7 +471,7 @@ function handleAlignToBounds(contextInstance) {
     return;
   var targetState = handlePanToBounds(contextInstance);
   if (targetState) {
-    animate(contextInstance, targetState, animationTime, animationType);
+    animate(contextInstance, targetState, customAnimationTime !== null && customAnimationTime !== void 0 ? customAnimationTime : animationTime, animationType);
   }
 }
 function handlePanning(contextInstance, clientX, clientY) {
@@ -551,8 +551,11 @@ function __spreadArray(to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 }
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 var initialState = {
-  previousScale: 1,
   scale: 1,
   positionX: 0,
   positionY: 0
@@ -1301,32 +1304,40 @@ var ZoomPanPinch = (
         wrapper.addEventListener("touchmove", _this.onTouchPanning, passive);
         wrapper.addEventListener("touchend", _this.onTouchPanningStop, passive);
       };
-      this.handleInitialize = function(contentComponent) {
+      this.handleInitialize = function(wrapper, contentComponent) {
+        var isCentered = false;
         var centerOnInit = _this.setup.centerOnInit;
+        var hasTarget = function(entries, target) {
+          for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+            var entry = entries_1[_i];
+            if (entry.target === target) {
+              return true;
+            }
+          }
+          return false;
+        };
         _this.applyTransformation();
         _this.onInitCallbacks.forEach(function(callback) {
-          return callback(getContext(_this));
+          callback(getContext(_this));
         });
-        if (centerOnInit) {
-          _this.setCenter();
-          _this.observer = new ResizeObserver(function() {
-            var _a;
-            var currentWidth = contentComponent.offsetWidth;
-            var currentHeight = contentComponent.offsetHeight;
-            if (currentWidth > 0 || currentHeight > 0) {
-              _this.onInitCallbacks.forEach(function(callback) {
-                return callback(getContext(_this));
-              });
-              _this.setCenter();
-              (_a = _this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        _this.observer = new ResizeObserver(function(entries) {
+          if (hasTarget(entries, wrapper) || hasTarget(entries, contentComponent)) {
+            if (centerOnInit && !isCentered) {
+              var currentWidth = contentComponent.offsetWidth;
+              var currentHeight = contentComponent.offsetHeight;
+              if (currentWidth > 0 || currentHeight > 0) {
+                isCentered = true;
+                _this.setCenter();
+              }
+            } else {
+              handleCancelAnimation(_this);
+              handleCalculateBounds(_this, _this.transformState.scale);
+              handleAlignToBounds(_this, 0);
             }
-          });
-          setTimeout(function() {
-            var _a;
-            (_a = _this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-          }, 5e3);
-          _this.observer.observe(contentComponent);
-        }
+          }
+        });
+        _this.observer.observe(wrapper);
+        _this.observer.observe(contentComponent);
       };
       this.onWheelZoom = function(event) {
         var disabled = _this.setup.disabled;
@@ -1450,7 +1461,7 @@ var ZoomPanPinch = (
         var isAllowed = isPanningStartAllowed(_this, event);
         if (!isAllowed)
           return;
-        var isDoubleTap = _this.lastTouch && +/* @__PURE__ */ new Date() - _this.lastTouch < 200;
+        var isDoubleTap = _this.lastTouch && +/* @__PURE__ */ new Date() - _this.lastTouch < 200 && event.touches.length === 1;
         if (!isDoubleTap) {
           _this.lastTouch = +/* @__PURE__ */ new Date();
           handleCancelAnimation(_this);
@@ -1580,7 +1591,7 @@ var ZoomPanPinch = (
         _this.contentComponent = contentComponent;
         handleCalculateBounds(_this, _this.transformState.scale);
         _this.handleInitializeWrapperEvents(wrapperComponent);
-        _this.handleInitialize(contentComponent);
+        _this.handleInitialize(wrapperComponent, contentComponent);
         _this.initializeWindowEvents();
         _this.isInitialized = true;
         var ctx = getContext(_this);
@@ -1649,7 +1660,7 @@ function styleInject(css, ref) {
     style.appendChild(document.createTextNode(css));
   }
 }
-var css_248z = ".transform-component-module_wrapper__SPB86 {\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  overflow: hidden;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */\n  -khtml-user-select: none; /* Konqueror HTML */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* Internet Explorer/Edge */\n  user-select: none;\n  margin: 0;\n  padding: 0;\n}\n.transform-component-module_content__FBWxo {\n  display: flex;\n  flex-wrap: wrap;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  margin: 0;\n  padding: 0;\n  transform-origin: 0% 0%;\n}\n.transform-component-module_content__FBWxo img {\n  pointer-events: none;\n}\n";
+var css_248z = ".transform-component-module_wrapper__SPB86 {\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  overflow: hidden;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */\n  -khtml-user-select: none; /* Konqueror HTML */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* Internet Explorer/Edge */\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  transform: translate3d(0, 0, 0);\n}\n.transform-component-module_content__FBWxo {\n  display: flex;\n  flex-wrap: wrap;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  margin: 0;\n  padding: 0;\n  transform-origin: 0% 0%;\n}\n.transform-component-module_content__FBWxo img {\n  pointer-events: none;\n}\n";
 var styles = { "wrapper": "transform-component-module_wrapper__SPB86", "content": "transform-component-module_content__FBWxo" };
 styleInject(css_248z);
 var TransformComponent = function(_a) {