@getflip/swirl-components 0.184.1 → 0.184.3

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.js

@@ -250,11 +250,26 @@ export class SwirlFileViewerPdf {
       *, *:before, *:after {
         margin: 0;
         padding: 0;
+        outline: 0;
+      }
+
+      @page {
+        size: a4;
+        margin: 0;
+        padding: 0;
+      }
+
+      body {
+        height: 100%;
+        width: 100%;
       }
 
       img {
         display: block;
+        max-width: 100%;
+        max-height: 100%;
         width: 100%;
+        height: auto;
         page-break-after: always;
       }
       `;

package/dist/collection/components/swirl-popover/swirl-popover.js

@@ -86,6 +86,7 @@ export class SwirlPopover {
     const target = event.target;
     const relatedTarget = event.relatedTarget;
     const activeElement = getActiveElement();
+    const swirlComponentsExcludedFromAutoClosing = ["SWIRL-TAB"];
     // Check if the focus has moved outside the popover or its trigger.
     const focusIsOutsidePopover = !this.el.contains(target) && !this.el.contains(activeElement);
     const focusIsNotOnTrigger = target !== this.triggerEl && !this.triggerEl?.contains(target);
@@ -93,7 +94,8 @@ export class SwirlPopover {
       !this.el.contains(relatedTarget || target) &&
       relatedTarget !== this.el;
     // Close the popover if the focus is outside and additional checks for Safari or WKWebView pass.
-    if (focusIsOutsidePopover &&
+    if (!swirlComponentsExcludedFromAutoClosing.includes(target.tagName) &&
+      focusIsOutsidePopover &&
       focusIsNotOnTrigger &&
       (!isSafariOrWKWebView || extraCheckForSafariOrWKWebView)) {
       this.close();