@wavemaker/app-ng-runtime 11.4.0-next.25720 → 11.4.0-next.25724

app-ng-runtime/core/fesm2015/index.js

@@ -2425,8 +2425,16 @@ const isIpad = () => {
     return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
 };
 const isIos = () => isIphone() || isIpod() || isIpad();
-const isLargeTabletLandscape = () => window.matchMedia("only screen and (min-device-width : 1366px) and (max-device-width : 1366px) and (min-device-height : 1024px) and (max-device-height : 1024px) and (min-width: 1366px) and (max-width: 1366px)").matches;
-const isLargeTabletPortrait = () => window.matchMedia("only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)").matches;
+const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
+    const width = landScapeWidth || '1366px';
+    const height = landScapeHeight || '1024px';
+    return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
+};
+const isLargeTabletPortrait = (landScapeWidth, landScapeHeight) => {
+    const height = landScapeWidth || '1366px';
+    const width = landScapeHeight || '1024px';
+    return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
+};
 const isMobile = () => isAndroid() || isIos() || isAndroidTablet() || $('#wm-mobile-display:visible').length > 0;
 const isTablet = () => {
     const scope = document.querySelector('.app-page').widget;
@@ -3974,9 +3982,9 @@ class EventNotifier {
     }
 }
 
-const MINIMUM_MOBILE_WIDTH = 480;
-const MINIMUM_TAB_WIDTH = 768;
-const MINIMUM_LARGE_SCREEN_WIDTH = 1280;
+let MINIMUM_MOBILE_WIDTH = 480;
+let MINIMUM_TAB_WIDTH = 768;
+let MINIMUM_LARGE_SCREEN_WIDTH = 1280;
 class IViewportService {
 }
 class Viewport {
@@ -4043,6 +4051,8 @@ class Viewport {
             }
         }
         else {
+            MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-xs')) || 480;
+            MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-sm')) || 768;
             // Tablet specification: min >= 480 max >= 768
             if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
                 this.type = 1 /* TABLET */;