@wavemaker/app-ng-runtime 11.3.4-rc.5300 → 11.3.4-rc.5301
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- app-ng-runtime/components/base/bundles/index.umd.js +15 -4
- app-ng-runtime/components/base/bundles/index.umd.js.map +1 -1
- app-ng-runtime/components/base/esm2015/directives/show-in-device.directive.js +16 -5
- app-ng-runtime/components/base/fesm2015/index.js +15 -4
- app-ng-runtime/components/base/fesm2015/index.js.map +1 -1
- app-ng-runtime/core/bundles/index.umd.js +10 -2
- app-ng-runtime/core/bundles/index.umd.js.map +1 -1
- app-ng-runtime/core/esm2015/utils/utils.js +11 -3
- app-ng-runtime/core/fesm2015/index.js +10 -2
- app-ng-runtime/core/fesm2015/index.js.map +1 -1
- app-ng-runtime/core/index.metadata.json +1 -1
- app-ng-runtime/core/utils/utils.d.ts +2 -2
- app-ng-runtime/package.json +1 -1
|
@@ -2337,10 +2337,21 @@
|
|
|
2337
2337
|
5. For all, always render the view.
|
|
2338
2338
|
*/
|
|
2339
2339
|
ShowInDeviceDirective.prototype.onResize = function ($event) {
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2340
|
+
var lgWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg') || '1200px';
|
|
2341
|
+
var mdWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-md') || '992px';
|
|
2342
|
+
var smWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-sm') || '768px';
|
|
2343
|
+
var lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-landscape') || '1366px';
|
|
2344
|
+
var lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-portrait') || '1024px';
|
|
2345
|
+
var lgWidthMin = parseFloat(lgWidth) - 1;
|
|
2346
|
+
var lgUnit = lgWidth.replace(lgWidthMin.toString(), '').trim();
|
|
2347
|
+
var mdWidthMin = parseFloat(mdWidth) - 1;
|
|
2348
|
+
var mdUnit = mdWidth.replace(mdWidthMin.toString(), '').trim();
|
|
2349
|
+
var smWidthMin = parseFloat(smWidth) - 1;
|
|
2350
|
+
var smUnit = smWidth.replace(smWidthMin.toString(), '').trim();
|
|
2351
|
+
if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth))
|
|
2352
|
+
|| (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))))
|
|
2353
|
+
|| (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdWidthMin + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)))
|
|
2354
|
+
|| (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: " + smWidthMin + smUnit + ")").matches)
|
|
2344
2355
|
|| (this.devices.indexOf('all') > -1)) {
|
|
2345
2356
|
if (!this.embeddedView) {
|
|
2346
2357
|
this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
|