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

app-ng-runtime/components/base/fesm2015/index.js

@@ -1,6 +1,6 @@
 import { InjectionToken, forwardRef, ElementRef, Injectable, Injector, Directive, Self, Inject, ContentChildren, Pipe, Input, TemplateRef, ViewContainerRef, Component, Attribute, ComponentFactoryResolver, SecurityContext, NgModule } from '@angular/core';
 import { DecimalPipe, DatePipe, Location, CommonModule } from '@angular/common';
-import { FormWidgetType, checkIsCustomPipeExpression, $parseExpr, isValidWebURL, encodeUrl, stringStartsWith, prettifyLabel, deHyphenate, initCaps, getClonedObject, setCSS, isDefined, IDGenerator, toBoolean, isChangeFromWatch, $unwatch, resetChangeFromWatch, isObject, toDimension, $appDigest, removeClass, addClass, setCSSFromObj, App, setAttr, isMobileApp, switchClass, removeAttr, $parseEvent, $invokeWatchers, $watch, transformFileURI, Viewport, noop as noop$1, ComponentType, PartialRefProvider, isLargeTabletLandscape, isLargeTabletPortrait, isKitkatDevice, debounce, hasOffsetStr, AbstractI18nService, CURRENCY_INFO, CustomPipeManager, AbstractDialogService, DataSource, processFilterExpBindNode, MatchMode, isEqualWithFields, getFormattedDate, isAndroid, isNumberType, DataType, findValueOf, validateAccessRoles, VALIDATOR, isIos, isMobile } from '@wm/core';
+import { FormWidgetType, checkIsCustomPipeExpression, $parseExpr, isValidWebURL, encodeUrl, stringStartsWith, prettifyLabel, deHyphenate, initCaps, getClonedObject, setCSS, isDefined, IDGenerator, toBoolean, isChangeFromWatch, $unwatch, resetChangeFromWatch, isObject, toDimension, $appDigest, removeClass, addClass, setCSSFromObj, App, setAttr, isMobileApp, switchClass, removeAttr, $parseEvent, $invokeWatchers, $watch, transformFileURI, Viewport, noop as noop$1, ComponentType, PartialRefProvider, isLargeTabletLandscape, isLargeTabletPortrait, isKitkatDevice, debounce, hasOffsetStr, AbstractI18nService, CURRENCY_INFO, CustomPipeManager, isMobile, AbstractDialogService, DataSource, processFilterExpBindNode, MatchMode, isEqualWithFields, getFormattedDate, isAndroid, isNumberType, DataType, findValueOf, validateAccessRoles, VALIDATOR, isIos } from '@wm/core';
 import { SecurityModule, SecurityService } from '@wm/security';
 import { createFocusTrap } from '@wavemaker/focus-trap/dist/focus-trap';
 import { EventManager, DomSanitizer } from '@angular/platform-browser';
@@ -132,6 +132,21 @@ const isActiveNavItem = (link, routeName) => {
     const routeRegex = new RegExp('^(#\/|#)' + routeName + '$');
     return routeRegex.test(link);
 };
+/**
+* returns true if the menu has link to the current page.
+* @param nodes
+* @param routeUrl
+*/
+const hasLinkToCurrentPage = (nodes, routeUrl) => {
+    return nodes.some(node => {
+        if (isActiveNavItem(node.link, routeUrl)) {
+            return true;
+        }
+        if (node.children) {
+            return hasLinkToCurrentPage(node.children, routeUrl);
+        }
+    });
+};
 /**
  * Returns the orderBy Expression based on the 'sort 'option in pageable object
  * returned by backend
@@ -472,9 +487,12 @@ const setFocusTrap = (container, allowOutsideClick, setReturnFocusElement) => {
  * @returns {Array}
  */
 const getKeyboardFocusableElements = (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(el => {
-        return (!el[0].hasAttribute('disabled') && !el[0].hasAttribute('hidden'));
-    })[0];
+    const elementNodeList = element.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable]');
+    const elements = Array.from(elementNodeList);
+    return elements.filter(el => {
+        return (!el.hasAttribute('disabled') && !el.hasAttribute('hidden')
+            && (!el.hasAttribute('tabindex') || (el.hasAttribute('tabindex') && !el.getAttribute("tabindex").startsWith('-'))));
+    });
 };
 
 var APPLY_STYLES_TYPE;
@@ -1917,10 +1935,21 @@ class ShowInDeviceDirective {
     5. For all, always render the view.
      */
     onResize($event) {
-        if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: 1200px)").matches && !isLargeTabletLandscape())
-            || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape() || (window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches && !isLargeTabletPortrait())))
-            || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches || isLargeTabletPortrait()))
-            || (this.devices.indexOf('xs') > -1 && window.matchMedia("(max-width: 767px)").matches)
+        const lgWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg') || '1200px';
+        const mdWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-md') || '992px';
+        const smWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-sm') || '768px';
+        const lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-landscape') || '1366px';
+        const lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue('--screen-lg-tab-portrait') || '1024px';
+        const lgWidthMin = parseFloat(lgWidth) - 1;
+        const lgUnit = lgWidthMin + "px";
+        const mdWidthMin = parseFloat(mdWidth) - 1;
+        const mdUnit = mdWidthMin + "px";
+        const smWidthMin = parseFloat(smWidth) - 1;
+        const smUnit = smWidthMin + "px";
+        if ((this.devices.indexOf('lg') > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth))
+            || (this.devices.indexOf('md') > -1 && (isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || (window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgUnit + ")").matches && !isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth))))
+            || (this.devices.indexOf('sm') > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || 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);
@@ -2758,6 +2787,11 @@ class DialogServiceImpl {
         if (openedDialogs.indexOf(ref) !== -1) {
             openedDialogs.splice(openedDialogs.indexOf(ref), 1);
         }
+        if (openedDialogs.length === 0 && (isMobile() || isMobileApp())) {
+            //Fix for [WMS-23948]: remove aria-hidden attribute only after all dialogs are closed
+            const parentSelector = $('body > app-root')[0];
+            parentSelector.removeAttribute('aria-hidden');
+        }
     }
     getOpenedDialogs() {
         return openedDialogs;
@@ -4267,7 +4301,8 @@ const DEFAULT_VALIDATOR = {
     mindate: 'mindate',
     maxdate: 'maxdate',
     excludedates: 'excludedates',
-    excludedays: 'excludedays'
+    excludedays: 'excludedays',
+    invalidNumber: 'invalidNumber'
 };
 class BaseFieldValidations {
     constructor(instance, formwidget, widgettype, widgetControl, widgetContext, tableFieldType) {
@@ -4873,5 +4908,5 @@ const updateDeviceView = (element, isTablet = false) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, SmoothScrollDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetRef, WmComponentsModule, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, ɵ0$6 as ɵ0, registerProps$4 as ɵa, registerProps$3 as ɵb, registerProps$2 as ɵc, registerProps$1 as ɵd, registerProps as ɵe };
+export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, SmoothScrollDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetRef, WmComponentsModule, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, hasLinkToCurrentPage, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, ɵ0$6 as ɵ0, registerProps$4 as ɵa, registerProps$3 as ɵb, registerProps$2 as ɵc, registerProps$1 as ɵd, registerProps as ɵe };
 //# sourceMappingURL=index.js.map