@getflip/swirl-components 0.171.0 → 0.171.2

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-03-15T09:09:05",
+  "timestamp": "2024-03-18T09:19:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",

package/dist/cjs/swirl-avatar.cjs.entry.js

@@ -90,9 +90,7 @@ const SwirlAvatar = class {
     this.intersectionObserver.observe(this.element);
   }
   onVisibilityChange(entries) {
-    if (entries[0].isIntersecting) {
-      this.inViewport = true;
-    }
+    this.inViewport = entries.some((entry) => entry.isIntersecting);
   }
   render() {
     const showImage = Boolean(this.src) &&

package/dist/cjs/swirl-date-input.cjs.entry.js

@@ -16,7 +16,6 @@ const SwirlDateInput = class {
     this.invalidInput = index.createEvent(this, "invalidInput", 7);
     this.valueChange = index.createEvent(this, "valueChange", 7);
     this.desktopMediaQuery = utils.getDesktopMediaQuery();
-    this.recursiveFocus = false;
     this.desktopMediaQueryHandler = (event) => {
       this.updateIconSize(event.matches);
     };
@@ -47,6 +46,12 @@ const SwirlDateInput = class {
     };
     this.onClick = (event) => {
       event.preventDefault();
+      if (this.preferredInputMode === "pick") {
+        this.pickerPopover.open(this.el);
+        if (!utils.isMobileViewport()) {
+          this.focus();
+        }
+      }
     };
     this.onMouseDown = () => {
       if (this.preferredInputMode === "pick") {
@@ -54,17 +59,6 @@ const SwirlDateInput = class {
       }
     };
     this.onFocus = (event) => {
-      if (this.recursiveFocus) {
-        this.recursiveFocus = false;
-        return;
-      }
-      if (this.preferredInputMode === "pick") {
-        this.pickerPopover.open(this.el);
-        if (!utils.isMobileViewport()) {
-          this.recursiveFocus = true;
-          this.focus();
-        }
-      }
       this.handleAutoSelect(event);
     };
     this.onPickDate = (event) => {

package/dist/cjs/swirl-image-grid-item.cjs.entry.js

@@ -56,9 +56,7 @@ const SwirlImageGridItem = class {
     this.intersectionObserver.observe(this.el);
   }
   onVisibilityChange(entries) {
-    if (entries[0].isIntersecting) {
-      this.inViewport = true;
-    }
+    this.inViewport = entries.some((entry) => entry.isIntersecting);
   }
   render() {
     const Tag = this.interactive ? "button" : "div";