@wavemaker/app-ng-runtime 11.4.0-next.28701 → 11.4.0-rc.121

app-ng-runtime/components/base/bundles/index.umd.js

@@ -811,9 +811,12 @@
      * @returns {Array}
      */
     var getKeyboardFocusableElements = function (element) {
-        return [element.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]:not([tabindex="-1"])')].filter(function (el) {
-            return (!el[0].hasAttribute('disabled') && !el[0].hasAttribute('hidden'));
-        })[0];
+        var elementNodeList = element.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable]');
+        var elements = Array.from(elementNodeList);
+        return elements.filter(function (el) {
+            return (!el.hasAttribute('disabled') && !el.hasAttribute('hidden')
+                && (!el.hasAttribute('tabindex') || (el.hasAttribute('tabindex') && !el.getAttribute("tabindex").startsWith('-'))));
+        });
     };
 
     exports.APPLY_STYLES_TYPE = void 0;
@@ -2352,10 +2355,21 @@
         5. For all, always render the view.
          */
         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)
+            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 = lgWidthMin + "px";
+            var mdWidthMin = parseFloat(mdWidth) - 1;
+            var mdUnit = mdWidthMin + "px";
+            var smWidthMin = parseFloat(smWidth) - 1;
+            var smUnit = smWidthMin + "px";
+            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: " + lgUnit + ")").matches && !core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth))))
+                || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)))
+                || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: " + smUnit + ")").matches)
                 || (this.devices.indexOf('all') > -1)) {
                 if (!this.embeddedView) {
                     this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
@@ -3244,7 +3258,7 @@
             if (openedDialogs.indexOf(ref) !== -1) {
                 openedDialogs.splice(openedDialogs.indexOf(ref), 1);
             }
-            if (openedDialogs.length === 0 && core$1.isMobileApp()) {
+            if (openedDialogs.length === 0 && (core$1.isMobile() || core$1.isMobileApp())) {
                 //Fix for [WMS-23948]: remove aria-hidden attribute only after all dialogs are closed
                 var parentSelector = $('body > app-root')[0];
                 parentSelector.removeAttribute('aria-hidden');