@getflip/swirl-components 0.194.0 → 0.195.0

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

@@ -143,7 +143,9 @@ export class SwirlFileViewerPdf {
       if (Boolean(this.doc)) {
         this.doc.destroy();
       }
-      this.doc = await getDocument(this.file).promise;
+      // Don't remove the isEvalSupported property. https://github.com/advisories/GHSA-wgrm-67xf-hhpq
+      this.doc = await getDocument({ isEvalSupported: false, url: this.file })
+        .promise;
       const pages = [];
       for (let i = 1; i <= this.doc.numPages; i++) {
         pages.push(this.doc.getPage(i));

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

@@ -123,7 +123,7 @@ export class SwirlPopover {
    * Close the popover.
    * @returns
    */
-  async close() {
+  async close(disableFocus) {
     if (this.closing || !this.active) {
       return;
     }
@@ -138,7 +138,7 @@ export class SwirlPopover {
       this.updateTriggerAttributes();
     }, 150);
     this.unlockBodyScroll();
-    if (this.returnFocusToTrigger) {
+    if (this.returnFocusToTrigger && !disableFocus) {
       this.getNativeTriggerElement()?.focus();
     }
   }
@@ -146,7 +146,7 @@ export class SwirlPopover {
    * Open the popover.
    * @returns
    */
-  async open(triggerEl) {
+  async open(triggerEl, disableFocus) {
     this.triggerEl = triggerEl || this.triggerEl;
     if (this.active || !Boolean(this.triggerEl)) {
       return;
@@ -158,10 +158,10 @@ export class SwirlPopover {
     requestAnimationFrame(async () => {
       await this.reposition();
       this.popoverOpen.emit({ position: this.position });
-      if (focusableChildren.length > 0) {
+      if (focusableChildren.length > 0 && !disableFocus) {
         focusableChildren[0].focus();
       }
-      else {
+      else if (!disableFocus) {
         this.contentContainer.focus();
       }
       if (this.disableAutoUpdate) {
@@ -586,8 +586,11 @@ export class SwirlPopover {
     return {
       "close": {
         "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
+          "signature": "(disableFocus?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
@@ -605,10 +608,13 @@ export class SwirlPopover {
       },
       "open": {
         "complexType": {
-          "signature": "(triggerEl?: HTMLElement) => Promise<void>",
+          "signature": "(triggerEl?: HTMLElement, disableFocus?: boolean) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {

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

@@ -1,19 +1,28 @@
 import { h, Host } from "@stencil/core";
 export class SwirlPopoverTrigger {
   constructor() {
-    this.onClick = () => {
-      const popoverEl = this.getPopoverEl();
-      if (!Boolean(popoverEl)) {
+    this.onMouseenter = () => {
+      if (!this.triggerOnHover)
         return;
-      }
-      if (this.isPopoverOpen()) {
-        popoverEl.close();
-        return;
-      }
+      const popoverEl = this.getPopoverEl();
       const triggerEl = this.getTriggerEl();
-      if (!Boolean(triggerEl)) {
+      popoverEl.open(triggerEl, true);
+      popoverEl.addEventListener("popoverOpen", () => {
+        this.updateTriggerElAriaAttributes(true);
+      }, { once: true });
+      popoverEl.addEventListener("popoverClose", () => {
+        this.updateTriggerElAriaAttributes(false);
+      }, { once: true });
+    };
+    this.onMouseleave = () => {
+      if (!this.triggerOnHover)
         return;
-      }
+      const popoverEl = this.getPopoverEl();
+      popoverEl.close(true);
+    };
+    this.onClick = () => {
+      const popoverEl = this.getPopoverEl();
+      const triggerEl = this.getTriggerEl();
       popoverEl.open(triggerEl);
       popoverEl.addEventListener("popoverOpen", () => {
         this.updateTriggerElAriaAttributes(true);
@@ -48,6 +57,7 @@ export class SwirlPopoverTrigger {
     this.parentScrollContainer = undefined;
     this.setAriaAttributes = true;
     this.swirlPopover = undefined;
+    this.triggerOnHover = false;
   }
   componentDidLoad() {
     this.updateTriggerElAriaAttributes();
@@ -92,7 +102,7 @@ export class SwirlPopoverTrigger {
     return isActive;
   }
   render() {
-    return (h(Host, { onClick: this.onClick }, h("slot", null)));
+    return (h(Host, { onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", null)));
   }
   static get is() { return "swirl-popover-trigger"; }
   static get encapsulation() { return "scoped"; }
@@ -183,6 +193,24 @@ export class SwirlPopoverTrigger {
         },
         "attribute": "swirl-popover",
         "reflect": false
+      },
+      "triggerOnHover": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "trigger-on-hover",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }