@mappedin/viewer 0.15.4-101c7ad.0 → 0.15.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.15.4](https://github.com/MappedIn/viewer/compare/viewer-v0.15.3...viewer-v0.15.4) (2024-02-26)
+
+
+### Bug Fixes
+
+* **MKR-969:** make sure full screen images are contained on mobile ([#138](https://github.com/MappedIn/viewer/issues/138)) ([863e99e](https://github.com/MappedIn/viewer/commit/863e99ea045cc2cea35750907c5ed7b33fb0a575))
+
 ## [0.15.3](https://github.com/MappedIn/viewer/compare/viewer-v0.15.2...viewer-v0.15.3) (2024-02-26)
 
 

package/dist/index.js

@@ -83419,7 +83419,6 @@ const n8e = Si.div`
 	align-items: center;
 	width: 100%;
 	height: 100%;
-	background-color: #eeeeee;
 	overflow: hidden;
 
 	img {
@@ -83467,7 +83466,9 @@ const n8e = Si.div`
 `, h8e = Si(N1)`
 	padding: 16px;
 	background-color: transparent;
-`, vat = Si.div.withConfig({ shouldForwardProp: (i) => !["visible"].includes(i) })`
+`, vat = Si.div.withConfig({
+  shouldForwardProp: (i) => !["visible", "isMobile"].includes(i)
+})`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
@@ -83478,7 +83479,7 @@ const n8e = Si.div`
 	width: 100%;
 	height: 100%;
 	opacity: ${(i) => i.visible ? 1 : 0};
-	background-color: ${(i) => `#000000${Mm(i.visible ? 0.85 : 0)}`};
+	background-color: ${`#000000${Mm(0.85)}`};
 	pointer-events: ${(i) => i.visible ? "all" : "none"};
 	transition: opacity ${Zn}ms ease-in-out;
 
@@ -83493,6 +83494,10 @@ const n8e = Si.div`
 		position: absolute;
 		bottom: 48px;
 	}
+
+	img {
+		object-fit: contain;
+	}
 `, _at = ({ imageURLs: i }) => {
   const [e, t] = It.useState(0), n = vr(), [r, a] = It.useState(!1), { fullscreenRoot: o, isMobile: s } = pa(), l = o != null, u = () => {
     t((e + 1) % i.length);
@@ -83508,7 +83513,6 @@ const n8e = Si.div`
         },
         style: {
           display: "block",
-          objectFit: "cover",
           borderRadius: "8px 8px 0 0",
           cursor: l ? "pointer" : "auto"
         },
@@ -83517,30 +83521,14 @@ const n8e = Si.div`
     ),
     l ? eA.createPortal(
       /* @__PURE__ */ Ne.jsxs(vat, { visible: r, children: [
-        /* @__PURE__ */ Ne.jsx(
-          h8e,
-          {
-            onClick: () => {
-              a(!1);
-            },
-            children: /* @__PURE__ */ Ne.jsx(
-              J1,
-              {
-                icon: "close-16x16",
-                width: 24,
-                height: 24,
-                color: n.colors.background.primary
-              }
-            )
-          }
-        ),
         /* @__PURE__ */ Ne.jsx(
           k$,
           {
             src: i[e],
             style: {
               maxWidth: s ? "100%" : "80%",
-              maxHeight: s ? "100%" : "80%"
+              maxHeight: "80%"
+              // Always leave room for the close button
             }
           }
         ),
@@ -83562,7 +83550,24 @@ const n8e = Si.div`
               onPrevious: u
             }
           )
-        ] }) : null
+        ] }) : null,
+        /* @__PURE__ */ Ne.jsx(
+          h8e,
+          {
+            onClick: () => {
+              a(!1);
+            },
+            children: /* @__PURE__ */ Ne.jsx(
+              J1,
+              {
+                icon: "close-16x16",
+                width: 24,
+                height: 24,
+                color: n.colors.background.primary
+              }
+            )
+          }
+        )
       ] }),
       o
     ) : null,
@@ -84177,7 +84182,7 @@ const Vat = Si.div`
     /* @__PURE__ */ Ne.jsx(xee, { children: /* @__PURE__ */ Ne.jsx(BQ, { ...e }) })
   ), t;
 }, g8e = (i, e = {}) => {
-  const t = "phc_vZrwt3z6JmdPnErvTgZoazTAGlCRMiz6c2NqWtBt8qz", n = "https://ph-api.mappedin.com", r = _O();
+  const t = "phc_sRrjUwz9zicl4GeXtSnwcuKMr50SB76ma6NVi6zlPou", n = "https://ph-api.mappedin.com", r = _O();
   if (!r.__loaded && t != null && n != null) {
     r.init(t, {
       api_host: n,
@@ -84192,7 +84197,7 @@ const Vat = Si.div`
   }
 }, d8e = () => {
   const i = document.createElement("meta");
-  i.name = "app-version", i.content = "0.15.3", document.head.appendChild(i);
+  i.name = "app-version", i.content = "0.15.4", document.head.appendChild(i);
   let e = document.querySelector("meta[name=viewport]");
   e == null && (e = document.createElement("meta"), e.name = "viewport", document.head.appendChild(e)), e.content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no";
 }, p8e = (i) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.15.4-101c7ad.0",
+  "version": "0.15.4",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",