@wavemaker/app-runtime-wm-build 11.3.4-rc.5300 → 11.3.4-rc.5301

app-runtime-wm-build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-runtime-wm-build",
-    "version": "11.3.4-rc.5300",
+    "version": "11.3.4-rc.5301",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-runtime-wm-build/wmapp/scripts/wm-loader.js

@@ -3012,11 +3012,15 @@
     var isIos = function() {
         return isIphone() || isIpod() || isIpad();
     };
-    var isLargeTabletLandscape = function() {
-        return 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;
+    var isLargeTabletLandscape = function(landScapeWidth, landScapeHeight) {
+        var width = landScapeWidth || "1366px";
+        var 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;
     };
-    var isLargeTabletPortrait = function() {
-        return 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;
+    var isLargeTabletPortrait = function(landScapeWidth, landScapeHeight) {
+        var height = landScapeWidth || "1366px";
+        var 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;
     };
     var isMobile = function() {
         return isAndroid() || isIos() || isAndroidTablet() || $("#wm-mobile-display:visible").length > 0;
@@ -10367,7 +10371,18 @@
             configurable: true
         });
         ShowInDeviceDirective.prototype.onResize = function($event) {
-            if (this.devices.indexOf("lg") > -1 && window.matchMedia("(min-width: 1200px)").matches && !core$1.isLargeTabletLandscape() || this.devices.indexOf("md") > -1 && (core$1.isLargeTabletLandscape() || window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches && !core$1.isLargeTabletPortrait()) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches || core$1.isLargeTabletPortrait()) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: 767px)").matches || this.devices.indexOf("all") > -1) {
+            var lgWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg") || "1200px";
+            var mdWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-md") || "992px";
+            var smWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-sm") || "768px";
+            var lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-landscape") || "1366px";
+            var lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-portrait") || "1024px";
+            var lgWidthMin = parseFloat(lgWidth) - 1;
+            var lgUnit = lgWidth.replace(lgWidthMin.toString(), "").trim();
+            var mdWidthMin = parseFloat(mdWidth) - 1;
+            var mdUnit = mdWidth.replace(mdWidthMin.toString(), "").trim();
+            var smWidthMin = parseFloat(smWidth) - 1;
+            var smUnit = smWidth.replace(smWidthMin.toString(), "").trim();
+            if (this.devices.indexOf("lg") > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || this.devices.indexOf("md") > -1 && (core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgWidthMin + lgUnit + ")").matches && !core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdWidthMin + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: " + smWidthMin + smUnit + ")").matches || this.devices.indexOf("all") > -1) {
                 if (!this.embeddedView) {
                     this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
                 }