@osovitny/anatoly 3.19.16 → 3.19.17

package/fesm2022/osovitny-anatoly.mjs

@@ -3742,6 +3742,26 @@ class Browser {
     static isIframe() {
         return window !== window.parent && !window.opener;
     }
+    /*
+      https://getbootstrap.com/docs/5.3/layout/breakpoints
+  
+      $grid-breakpoints: (
+        xs: 0,
+  
+        // Small devices (landscape phones, 576px and up)
+        sm: 576px,
+  
+        // Medium devices (tablets, 768px and up)
+        md: 768px,
+  
+        // Large devices (desktops, 992px and up)
+        lg: 992px,
+  
+        // X-Large devices (large desktops, 1200px and up)
+        xl: 1200px,
+        xxl: 1400px
+      );
+    */
     static isMobile() {
         const userAgent = navigator.userAgent || navigator.vendor;
         const mobileRegex = new RegExp("(android|bb\\d+|meego).+mobile|" +
@@ -3772,14 +3792,16 @@ class Browser {
             "vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|" +
             "wmlb|wonu|x700|yas-|your|zeto|zte-", "i");
         const isMobileUserAgent = mobileRegex.test(userAgent);
-        const isSmallScreen = window.innerWidth <= 800 && window.innerHeight <= 600;
-        return (isMobileUserAgent && !this.isTablet()) || isSmallScreen;
+        const isMobileScreen = window.innerWidth < 768;
+        return isMobileUserAgent || isMobileScreen;
     }
     static isTablet() {
         const userAgent = navigator.userAgent || navigator.vendor;
-        const isTabletRegex = new RegExp("ipad|android(?!.*mobile)|tablet|kindle|playbook|silk|nexus 7|nexus 10|Macintosh|" +
+        const tabletRegex = new RegExp("ipad|android(?!.*mobile)|tablet|kindle|playbook|silk|nexus 7|nexus 10|Macintosh|" +
             "fire|sm-t|tab|gt-p|sch-i|xoom|tf101|kftt|kfot|kfjw|kfsowi|a500|rim\\w", "i");
-        return isTabletRegex.test(userAgent);
+        const isTabletUserAgent = tabletRegex.test(userAgent);
+        const isTabletScreen = window.innerWidth >= 768 && window.innerWidth < 992;
+        return isTabletUserAgent || isTabletScreen;
     }
     static isMobileOrTablet() {
         return this.isMobile() || this.isTablet();