@elmethis/qwik 0.0.32 → 0.0.33

package/lib/index.qwik.cjs

@@ -2200,15 +2200,15 @@ const ElmSquareLoadingIcon = qwik.component$(({ size = "3rem", dimensions = 4 })
     }, `${rowIndex}-${columnIndex}`)))
   });
 });
-const image$1 = "_image_9cxd1_12";
-const fallback = "_fallback_9cxd1_36";
+const image$1 = "_image_slok6_12";
+const fallback = "_fallback_slok6_37";
 const styles$h = {
-  "block-image": "_block-image_9cxd1_1",
-  "image-container": "_image-container_9cxd1_12",
+  "block-image": "_block-image_slok6_1",
+  "image-container": "_image-container_slok6_12",
   image: image$1,
   fallback,
-  "caption-box": "_caption-box_9cxd1_46",
-  "modal-container": "_modal-container_9cxd1_58"
+  "caption-box": "_caption-box_slok6_45",
+  "modal-container": "_modal-container_slok6_57"
 };
 const ElmBlockImage = qwik.component$(({ src, alt, caption: caption2, width, height, enableModal = true, srcset, sizes, style }) => {
   const isLoading = qwik.useSignal(true);

package/lib/index.qwik.mjs

@@ -2198,15 +2198,15 @@ const ElmSquareLoadingIcon = component$(({ size = "3rem", dimensions = 4 }) => {
     }, `${rowIndex}-${columnIndex}`)))
   });
 });
-const image$1 = "_image_9cxd1_12";
-const fallback = "_fallback_9cxd1_36";
+const image$1 = "_image_slok6_12";
+const fallback = "_fallback_slok6_37";
 const styles$h = {
-  "block-image": "_block-image_9cxd1_1",
-  "image-container": "_image-container_9cxd1_12",
+  "block-image": "_block-image_slok6_1",
+  "image-container": "_image-container_slok6_12",
   image: image$1,
   fallback,
-  "caption-box": "_caption-box_9cxd1_46",
-  "modal-container": "_modal-container_9cxd1_58"
+  "caption-box": "_caption-box_slok6_45",
+  "modal-container": "_modal-container_slok6_57"
 };
 const ElmBlockImage = component$(({ src, alt, caption: caption2, width, height, enableModal = true, srcset, sizes, style }) => {
   const isLoading = useSignal(true);

package/lib/style.css

@@ -995,7 +995,7 @@
 }
 [data-theme=dark] ._square_13xd3_24 {
   background-color: #b0b5be;
-}._block-image_9cxd1_1 {
+}._block-image_slok6_1 {
   margin-block: var(--margin-block, 0);
   margin-inline: 0;
   display: flex;
@@ -1006,7 +1006,7 @@
   width: 100%;
 }
 
-._image-container_9cxd1_12 {
+._image-container_slok6_12 {
   width: 100%;
   height: 100%;
   position: relative;
@@ -1016,7 +1016,8 @@
   align-items: center;
 }
 
-._image_9cxd1_12 {
+._image_slok6_12 {
+  box-sizing: border-box;
   max-width: 100%;
   max-height: min(100%, 100vh);
   height: auto;
@@ -1030,9 +1031,7 @@
   cursor: var(--cursor);
 }
 
-._fallback_9cxd1_36 {
-  width: 100%;
-  height: 100%;
+._fallback_slok6_37 {
   inset: 0 0 auto auto;
   position: absolute;
   transition: opacity 400ms;
@@ -1040,7 +1039,7 @@
   pointer-events: none;
 }
 
-._caption-box_9cxd1_46 {
+._caption-box_slok6_45 {
   box-sizing: border-box;
   padding: 0rem 1rem;
   display: flex;
@@ -1052,7 +1051,13 @@
   transition: opacity 400ms;
 }
 
-._modal-container_9cxd1_58 {
+._modal-container_slok6_57 {
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
   opacity: 0;
   transform: scale(0.95);
   background-color: transparent;
@@ -1089,7 +1094,7 @@
 }
 
 @starting-style {
-  ._modal-container_9cxd1_58:popover-open {
+  ._modal-container_slok6_57:popover-open {
     opacity: 0;
     transform: scale(0.95);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "publishConfig": {
     "access": "public"
   },