@wavemaker/app-ng-runtime 11.10.5-rc.6096 → 11.11.0-next.27920

package/components/base/fesm2022/index.mjs

@@ -3,14 +3,15 @@ import { InjectionToken, forwardRef, ElementRef, inject, ViewContainerRef, Injec
 import * as i1$1 from '@angular/common';
 import { Location, CommonModule } from '@angular/common';
 import * as i1 from '@wm/core';
-import { FormWidgetType, checkIsCustomPipeExpression, $parseExpr, isValidWebURL, _WM_APP_PROJECT, encodeUrl, stringStartsWith, prettifyLabel, deHyphenate, initCaps, getClonedObject, setCSS, isDefined, IDGenerator, toBoolean, isChangeFromWatch, $unwatch, resetChangeFromWatch, isObject as isObject$1, toDimension, $appDigest, removeClass, addClass, setCSSFromObj, App, findParent, setAttr, isMobileApp, switchClass, removeAttr, $parseEvent, $invokeWatchers, $watch, transformFileURI, ComponentType, noop as noop$1, isLargeTabletLandscape, isLargeTabletPortrait, isKitkatDevice, debounce as debounce$1, hasOffsetStr, AbstractI18nService, CURRENCY_INFO, isMobile, AbstractDialogService, DataSource, processFilterExpBindNode, MatchMode, isEqualWithFields, getFormattedDate, isAndroid, isNumberType, DataType, findValueOf, validateAccessRoles, VALIDATOR, isIos } from '@wm/core';
-import { SecurityModule, SecurityService } from '@wm/security';
+import { FormWidgetType, checkIsCustomPipeExpression, $parseExpr, isValidWebURL, _WM_APP_PROJECT, encodeUrl, stringStartsWith, prettifyLabel, deHyphenate, initCaps, getClonedObject, setCSS, isDefined, IDGenerator, toBoolean, isChangeFromWatch, $unwatch, resetChangeFromWatch, isObject as isObject$1, toDimension, $appDigest, removeClass, addClass, setCSSFromObj, App, findParent, setAttr, switchClass, removeAttr, $parseEvent, $invokeWatchers, $watch, transformFileURI, ComponentType, noop as noop$1, isLargeTabletLandscape, isLargeTabletPortrait, hasOffsetStr, AbstractI18nService, CURRENCY_INFO, isMobile, AbstractDialogService, DataSource, debounce as debounce$1, processFilterExpBindNode, MatchMode, isEqualWithFields, getFormattedDate, isAndroid, isNumberType, DataType, findValueOf, validateAccessRoles, VALIDATOR, isIos } from '@wm/core';
+import { SecurityService } from '@wm/security';
 import { createFocusTrap } from '@wavemaker/focus-trap';
 import { isNull, get, forEach, join, union, isArray, isObject, includes, split, isString, assignWith, startsWith, isFunction, last, extend, camelCase, map, pickBy, assign, debounce, isDate, isUndefined, filter as filter$1, isEmpty, replace, head, keys, each, intersection, cloneDeep, orderBy, trim, uniqWith, isEqual, uniqBy, sortBy, groupBy, toLower, values, first, omitBy, toUpper, find, concat } from 'lodash-es';
 import * as i1$2 from '@angular/platform-browser';
 import { EventManager } from '@angular/platform-browser';
 import { ReplaySubject, Subject } from 'rxjs';
 import { filter, debounceTime } from 'rxjs/operators';
+import moment from 'moment';
 import { __decorate, __param, __metadata } from 'tslib';
 import { Validators } from '@angular/forms';
 import { SwipeAnimation } from '@swipey';
@@ -1170,9 +1171,7 @@ class BaseComponent {
             this.nativeElement.hidden = !nv;
         }
         else if (key === 'hint') {
-            if (!isMobileApp()) {
-                setAttr(this.nativeElement, 'title', nv);
-            }
+            setAttr(this.nativeElement, 'title', nv);
         }
         else if (key === 'class') {
             switchClass(this.nativeElement, nv, ov);
@@ -1574,11 +1573,12 @@ class RedrawableDirective {
         };
     }
     static { this.ɵfac = function RedrawableDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RedrawableDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RedrawableDirective, selectors: [["", "redrawable", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RedrawableDirective, selectors: [["", "redrawable", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RedrawableDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[redrawable]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -1650,13 +1650,14 @@ class ContainerDirective extends BaseContainerComponent {
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
     static { this.ɵfac = function ContainerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContainerDirective, selectors: [["", "wmContainer", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContainerDirective, selectors: [["", "wmContainer", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(ContainerDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContainerDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmContainer]',
                 providers: [
                     provideAsWidgetRef(ContainerDirective)
@@ -1674,11 +1675,12 @@ class ImagePipe {
         return transformFileURI(getImageUrl(url, encode, defaultImageUrl));
     }
     static { this.ɵfac = function ImagePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ImagePipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "image", type: ImagePipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "image", type: ImagePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImagePipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'image'
             }]
     }], null, null); })();
@@ -1721,13 +1723,14 @@ class ItemTemplateDirective extends StylableComponent {
         this.partialParams.item = this.userComponentParams.dataObject;
     }
     static { this.ɵfac = function ItemTemplateDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ItemTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ItemTemplateDirective, selectors: [["", "wmItemTemplate", ""]], inputs: { userComponentParams: "userComponentParams", wmItemTemplate: "wmItemTemplate" }, exportAs: ["itemTemplateRef"], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ItemTemplateDirective, selectors: [["", "wmItemTemplate", ""]], inputs: { userComponentParams: "userComponentParams", wmItemTemplate: "wmItemTemplate" }, exportAs: ["itemTemplateRef"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(ItemTemplateDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemTemplateDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmItemTemplate]',
                 exportAs: 'itemTemplateRef',
                 providers: [
@@ -1763,11 +1766,12 @@ class RepeatTemplateDirective extends StylableComponent {
         styler(this.nativeElement, this);
     }
     static { this.ɵfac = function RepeatTemplateDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RepeatTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RepeatTemplateDirective, selectors: [["", "wmRepeatTemplate", ""]], exportAs: ["repeatItemRef"], features: [i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RepeatTemplateDirective, selectors: [["", "wmRepeatTemplate", ""]], exportAs: ["repeatItemRef"], standalone: true, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RepeatTemplateDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmRepeatTemplate]',
                 exportAs: 'repeatItemRef'
             }]
@@ -1801,11 +1805,12 @@ class LazyLoadDirective {
         this.unSubscribeFn();
     }
     static { this.ɵfac = function LazyLoadDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LazyLoadDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LazyLoadDirective, selectors: [["", "lazyLoad", ""]], inputs: { lazyLoad: "lazyLoad" } }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LazyLoadDirective, selectors: [["", "lazyLoad", ""]], inputs: { lazyLoad: "lazyLoad" }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LazyLoadDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[lazyLoad]'
             }]
     }], () => [{ type: i0.Injector }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
@@ -1895,9 +1900,9 @@ class MessageComponent extends StylableComponent {
         }
     }
     static { this.ɵfac = function MessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MessageComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MessageComponent, selectors: [["", "wmMessage", ""]], exportAs: ["wmMessage"], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MessageComponent, selectors: [["", "wmMessage", ""]], exportAs: ["wmMessage"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(MessageComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 5, vars: 7, consts: [["aria-hidden", "true", 3, "title"], [3, "innerHtml"], ["title", "Close", "type", "button", "aria-label", "Close", 1, "btn-transparent", "close", 3, "click", "hidden"], ["aria-hidden", "true"]], template: function MessageComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0, decls: 5, vars: 7, consts: [["aria-hidden", "true", 3, "title"], [3, "innerHtml"], ["title", "Close", "type", "button", "aria-label", "Close", 1, "btn-transparent", "close", 3, "click", "hidden"], ["aria-hidden", "true"]], template: function MessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "i", 0)(1, "span", 1);
             i0.ɵɵelementStart(2, "button", 2);
             i0.ɵɵlistener("click", function MessageComponent_Template_button_click_2_listener($event) { return ctx.dismiss($event); });
@@ -1915,7 +1920,7 @@ class MessageComponent extends StylableComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageComponent, [{
         type: Component,
-        args: [{ selector: '[wmMessage]', providers: [
+        args: [{ standalone: true, selector: '[wmMessage]', providers: [
                     provideAsWidgetRef(MessageComponent)
                 ], exportAs: 'wmMessage', template: "<i aria-hidden=\"true\" [title]=\"type + 'Alert'\" class=\"icon {{type}} {{messageIconClass}}\"></i>\n<span [innerHtml]=\"caption\"></span>\n<button title=\"Close\" type=\"button\" class=\"btn-transparent close\" [hidden]=\"hideclose\" (click)=\"dismiss($event)\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
@@ -1924,7 +1929,7 @@ class MessageComponent extends StylableComponent {
             }, {
                 type: Optional
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageComponent, { className: "MessageComponent", filePath: "widgets/common/message/message.component.ts", lineNumber: 22 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageComponent, { className: "MessageComponent", filePath: "widgets/common/message/message.component.ts", lineNumber: 23 }); })();
 
 const registerProps = () => {
     register$1('wm-partial', new Map([
@@ -1957,13 +1962,14 @@ class PartialDirective extends StylableComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = function PartialDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PartialDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Viewport), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialDirective, selectors: [["", "wmPartial", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialDirective, selectors: [["", "wmPartial", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(PartialDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmPartial]',
                 providers: [
                     provideAsWidgetRef(PartialDirective)
@@ -1999,11 +2005,12 @@ class PartialParamHandlerDirective {
         }
     }
     static { this.ɵfac = function PartialParamHandlerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PartialParamHandlerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamHandlerDirective, selectors: [["", "partialContainer", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamHandlerDirective, selectors: [["", "partialContainer", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamHandlerDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[partialContainer]',
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2022,11 +2029,12 @@ class PartialParamDirective {
         this.partialParamsProvider.registerParams(this.name, this.value, this.bindValue, this.type);
     }
     static { this.ɵfac = function PartialParamDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PartialParamDirective)(i0.ɵɵinjectAttribute('value.bind'), i0.ɵɵinjectAttribute('type'), i0.ɵɵdirectiveInject(PartialParamHandlerDirective)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamDirective, selectors: [["", "wmParam", ""]], inputs: { name: "name", value: "value" } }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamDirective, selectors: [["", "wmParam", ""]], inputs: { name: "name", value: "value" }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmParam]',
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2109,11 +2117,12 @@ class PartialContainerDirective {
         componentInstance.registerDestroyListener(() => subscription.unsubscribe());
     }
     static { this.ɵfac = function PartialContainerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PartialContainerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('content'), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i1.PartialRefProvider)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialContainerDirective, selectors: [["", "partialContainer", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialContainerDirective, selectors: [["", "partialContainer", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialContainerDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[partialContainer]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2143,11 +2152,12 @@ class CustomWidgetContainerDirective {
         });
     }
     static { this.ɵfac = function CustomWidgetContainerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomWidgetContainerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('widgetname'), i0.ɵɵdirectiveInject(i1.CustomWidgetRefProvider)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetContainerDirective, selectors: [["", "customWidgetContainer", "", "widgetname", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CustomWidgetContainerDirective, selectors: [["", "customWidgetContainer", "", "widgetname", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[customWidgetContainer][widgetname]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -2211,11 +2221,12 @@ class ShowInDeviceDirective {
         window.removeEventListener('resize', this.onResize);
     }
     static { this.ɵfac = function ShowInDeviceDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShowInDeviceDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ShowInDeviceDirective, selectors: [["", "wmShowInDevice", ""]], inputs: { wmShowInDevice: "wmShowInDevice" } }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ShowInDeviceDirective, selectors: [["", "wmShowInDevice", ""]], inputs: { wmShowInDevice: "wmShowInDevice" }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShowInDeviceDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmShowInDevice]'
             }]
     }], () => [{ type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.TemplateRef }, { type: undefined, decorators: [{
@@ -2227,222 +2238,6 @@ class ShowInDeviceDirective {
             type: Input
         }] }); })();
 
-class SmoothScrollDirective {
-    constructor(inj, elRef, app) {
-        this._isEnabled = false;
-        this._lastScrollY = -1;
-        this._waitRefreshTill = -1;
-        this.pendingIscrolls = [];
-        this._$el = $(elRef.nativeElement);
-        this.app = app;
-    }
-    ngOnInit() {
-        this.cancelSubscription = this.app.subscribe('no-iscroll', el => {
-            this.pendingIscrolls.push(el);
-        });
-    }
-    ngDoCheck() {
-        if (this._isEnabled) {
-            if (!this._smoothScrollInstance) {
-                this._smoothScrollInstance = this.applySmoothScroll();
-            }
-            else {
-                this.refreshIScroll();
-            }
-        }
-        else if (this._smoothScrollInstance && this._smoothScrollInstance.destroy) {
-            this._smoothScrollInstance.destroy();
-        }
-    }
-    ngOnDestroy() {
-        if (this._smoothScrollInstance && this._smoothScrollInstance.destroy) {
-            this._smoothScrollInstance.destroy();
-        }
-        if (this.cancelSubscription) {
-            this.cancelSubscription();
-        }
-    }
-    set wmSmoothscroll(val) {
-        this._isEnabled = (val === true || val === 'true');
-        if (this._isEnabled) {
-            if (!this._smoothScrollInstance) {
-                this._smoothScrollInstance = this.applySmoothScroll();
-            }
-        }
-        else {
-            this.ngOnDestroy();
-        }
-    }
-    applySmoothScroll($events, activeEl) {
-        if (!isMobileApp() || isKitkatDevice()) {
-            return null;
-        }
-        // Set the fadeScrollbars to true only when content is scrollable inside the smoothscroll-container
-        const scrollOptions = {
-            scrollbars: true,
-            preventDefault: false,
-            momentum: true,
-            bounce: false,
-            mouseWheel: true, // for preview in browser support
-            disablePointer: true, // disable the pointer events as it causes lag in scrolling (jerky).
-            disableTouch: false, // false to be usable with touch devices
-            disableMouse: false // false to be usable with a mouse (desktop)
-        }, el = this._$el[0];
-        if (!el.children.length) {
-            return null;
-        }
-        this._$el.addClass('smoothscroll-wrapper');
-        /*  WMS-17904
-        document.scrollIntoView overrides default iScroll scroll,
-        so the fix is done to ensure, the scroll action from 'scrollIntoView'
-        is captured & executed through iScroll APIs
-        */
-        el.onscroll = function (e) {
-            if (e.target.iscroll && e.target.scrollTop) {
-                e.target.iscroll.scrollTo(e.target.iscroll.x, e.target.iscroll.y - e.target.scrollTop);
-                e.target.scrollTop = 0;
-            }
-        };
-        if (activeEl && activeEl.tagName === 'INPUT') {
-            activeEl.focus();
-        }
-        // Add fadeScrollbars options only when smoothscroll container is included, which means content is scrollable.
-        if ($events) {
-            scrollOptions['fadeScrollbars'] = true;
-        }
-        let iScroll = new IScroll(el, scrollOptions);
-        if ($events) {
-            // map all events on previous iscroll to the newly created iscroll.
-            forEach($events, (listeners, key) => {
-                forEach(listeners, l => {
-                    iScroll.on(key, l);
-                });
-            });
-            const scope = this;
-            iScroll.on('scrollStart', function () {
-                this._scrolling = true;
-                //will notify the components which want to subscribe upon scrolling.
-                if (isMobileApp()) {
-                    scope.app.notify('iscroll-start', {});
-                }
-            });
-            iScroll.on('scrollEnd', function () {
-                this._scrolling = false;
-            });
-            iScroll.refresh();
-        }
-        this.app.notify('iscroll-start', {});
-        // refresh the indicators.
-        iScroll.indicatorRefresh = () => {
-            const indicators = this._$el[0].iscroll.indicators;
-            let i;
-            if (indicators.length) {
-                for (i = 0; i < indicators.length; i++) {
-                    indicators[i].refresh();
-                }
-            }
-        };
-        this._$el[0].iscroll = iScroll;
-        forEach(this.pendingIscrolls, (_el, index) => {
-            if (_el.isSameNode(this._$el[0])) {
-                this.app.notify('iscroll-update', { el: _el });
-                this.pendingIscrolls.splice(index, 1);
-                return;
-            }
-        });
-        this.app.notify('iscroll-update', {});
-        return {
-            iScroll: iScroll,
-            destroy: function () {
-                iScroll.destroy();
-                $(iScroll.scroller).css({
-                    'transition-timing-function': '',
-                    'transition-duration': '',
-                    'transform': ''
-                });
-                iScroll = null;
-                delete el.iscroll;
-            }
-        };
-    }
-    /*
-     * When element has scroll (i.e. scrollHeight > clientHeight), a div with smoothscroll-container class will be added.
-     * new iScroll will be initialised on the element after the div addition, by removing the existing iscroll on the element.
-     * This div will have no height, so the elements inside this div will inherit this height, i.e. no height,
-     * Scenario: tabs with 100% height, as it covers the pageContent with no scroll, this div will not be added.
-     * TODO: Scenario: tabs with 100% height and add others widgets after/before, as it has scroll, this div will be added.
-     *          But tabs having 100% height will not be honoured as div is having no height.
-     */
-    refreshIScroll() {
-        const iScroll = this._smoothScrollInstance.iScroll;
-        const waitTime = 500;
-        if (iScroll._scrolling || this._waitRefreshTill > Date.now()) {
-            return;
-        }
-        // Check for scrollable content and if smoothscroll-container div is already added.
-        if (iScroll.wrapper
-            && !includes(iScroll.wrapper.children[0].classList, 'smoothscroll-container')
-            && iScroll.wrapper.scrollHeight > iScroll.wrapper.clientHeight) {
-            const cloneEvents = iScroll._events;
-            const prevActiveEl = document.activeElement;
-            // Adds the smoothscroll container div wrapper only when element has scrollable content.
-            $(iScroll.wrapper.children).wrapAll('<div class="smoothscroll-container"></div>');
-            this._smoothScrollInstance.destroy();
-            // create new iscroll instance on the element
-            this._smoothScrollInstance = this.applySmoothScroll(cloneEvents, prevActiveEl);
-        }
-        if (this._lastScrollY !== this._$el[0].iscroll.maxScrollY) {
-            refreshIscrolls(this._smoothScrollInstance.iScroll);
-            this._lastScrollY = this._$el[0].iscroll.maxScrollY;
-        }
-        else {
-            this._smoothScrollInstance.iScroll.refresh();
-        }
-        this._waitRefreshTill = Date.now() + waitTime;
-    }
-    static { this.ɵfac = function SmoothScrollDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SmoothScrollDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.App)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SmoothScrollDirective, selectors: [["", "wmSmoothscroll", ""]], inputs: { wmSmoothscroll: "wmSmoothscroll" } }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmoothScrollDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[wmSmoothscroll]'
-            }]
-    }], () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.App }], { wmSmoothscroll: [{
-            type: Input
-        }] }); })();
-/**
- * Refreshes the given iScorll or all iScrolls in the page.
- * @param iScroll
- */
-const refreshIscrolls = function (iScroll) {
-    const scrollContainer = !iScroll && $('.smoothscroll-container');
-    // Fix for issue: keyboard hides the input on focus.
-    // On input focus or window resize, keypad in device has to adjust.
-    let bScrollIntoView = iScroll && iScroll.wrapper && iScroll.wrapper.contains(document.activeElement);
-    if (bScrollIntoView && document.activeElement.tagName === 'INPUT' && ($(document.activeElement).offset().top + document.activeElement.clientHeight) > window.innerHeight * 0.9) {
-        document.activeElement.scrollIntoView({ behavior: 'auto', block: 'end', inline: 'end' });
-    }
-    if (iScroll) {
-        // refresh specify iscroll on change.
-        if (iScroll.indicatorRefresh) {
-            iScroll.indicatorRefresh();
-        }
-        if (iScroll.refresh) {
-            iScroll.refresh();
-        }
-    }
-    else if (scrollContainer.length) {
-        // refresh all the iscrolls in pagecontent.
-        scrollContainer.parent().each((i, el) => {
-            el.iscroll.indicatorRefresh();
-            el.iscroll.refresh();
-        });
-    }
-};
-// on window resize, recalculate the iscroll position and refresh scrollers.
-window.addEventListener('resize', debounce$1(refreshIscrolls, 200));
-
 class TextContentDirective {
     set textContent(nv) {
         let v = nv;
@@ -2455,11 +2250,12 @@ class TextContentDirective {
         this.elRef = elRef;
     }
     static { this.ɵfac = function TextContentDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TextContentDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TextContentDirective, selectors: [["", "textContent", ""]], inputs: { textContent: "textContent" } }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TextContentDirective, selectors: [["", "textContent", ""]], inputs: { textContent: "textContent" }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextContentDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[textContent]'
             }]
     }], () => [{ type: i0.ElementRef }], { textContent: [{
@@ -2503,11 +2299,12 @@ class TrailingZeroDecimalPipe {
         this.decimalPipe = decimalPipe;
     }
     static { this.ɵfac = function TrailingZeroDecimalPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TrailingZeroDecimalPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trailingZeroDecimalPipe", type: TrailingZeroDecimalPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trailingZeroDecimalPipe", type: TrailingZeroDecimalPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrailingZeroDecimalPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'trailingZeroDecimalPipe'
             }]
     }], () => [{ type: i1$1.DecimalPipe }], null); })();
@@ -2558,11 +2355,12 @@ class ToDatePipe extends WmPipe {
         this.customPipeManager = customPipeManager;
     }
     static { this.ɵfac = function ToDatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToDatePipe)(i0.ɵɵdirectiveInject(i1$1.DatePipe, 16), i0.ɵɵdirectiveInject(i1.AbstractI18nService, 16), i0.ɵɵdirectiveInject(i1.CustomPipeManager, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toDate", type: ToDatePipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toDate", type: ToDatePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToDatePipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'toDate'
             }]
     }], () => [{ type: i1$1.DatePipe }, { type: i1.AbstractI18nService }, { type: i1.CustomPipeManager }], null); })();
@@ -2582,11 +2380,12 @@ class ToNumberPipe {
         this.i18nService = i18nService;
     }
     static { this.ɵfac = function ToNumberPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToNumberPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16), i0.ɵɵdirectiveInject(AbstractI18nService, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toNumber", type: ToNumberPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toNumber", type: ToNumberPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToNumberPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'toNumber'
             }]
     }], () => [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
@@ -2608,11 +2407,12 @@ class ToCurrencyPipe {
         this.i18nService = i18nService;
     }
     static { this.ɵfac = function ToCurrencyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToCurrencyPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16), i0.ɵɵdirectiveInject(AbstractI18nService, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toCurrency", type: ToCurrencyPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toCurrency", type: ToCurrencyPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToCurrencyPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'toCurrency'
             }]
     }], () => [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
@@ -2624,11 +2424,12 @@ class PrefixPipe {
         return (isUndefined(data) || data === null || data === '') ? data : ((padding || '') + data);
     }
     static { this.ɵfac = function PrefixPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrefixPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "prefix", type: PrefixPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "prefix", type: PrefixPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefixPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'prefix'
             }]
     }], null, null); })();
@@ -2637,11 +2438,12 @@ class SuffixPipe {
         return (isUndefined(data) || data === null || data === '') ? data : (data + (padding || ''));
     }
     static { this.ɵfac = function SuffixPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SuffixPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "suffix", type: SuffixPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "suffix", type: SuffixPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SuffixPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'suffix'
             }]
     }], null, null); })();
@@ -2671,11 +2473,12 @@ class CustomPipe {
         }
     }
     static { this.ɵfac = function CustomPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomPipe)(i0.ɵɵdirectiveInject(i1.CustomPipeManager, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "custom", type: CustomPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "custom", type: CustomPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'custom'
             }]
     }], () => [{ type: i1.CustomPipeManager }], null); })();
@@ -2689,21 +2492,23 @@ class TimeFromNowPipe {
         return timestamp ? moment(timestamp).fromNow() : undefined;
     }
     static { this.ɵfac = function TimeFromNowPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimeFromNowPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "timeFromNow", type: TimeFromNowPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "timeFromNow", type: TimeFromNowPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeFromNowPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'timeFromNow'
             }]
     }], null, null); })();
 class NumberToStringPipe extends ToNumberPipe {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNumberToStringPipe_BaseFactory; return function NumberToStringPipe_Factory(__ngFactoryType__) { return (ɵNumberToStringPipe_BaseFactory || (ɵNumberToStringPipe_BaseFactory = i0.ɵɵgetInheritedFactory(NumberToStringPipe)))(__ngFactoryType__ || NumberToStringPipe); }; })(); }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "numberToString", type: NumberToStringPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "numberToString", type: NumberToStringPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberToStringPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'numberToString'
             }]
     }], null, null); })();
@@ -2712,11 +2517,12 @@ class StringToNumberPipe {
         return Number(data) || undefined;
     }
     static { this.ɵfac = function StringToNumberPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StringToNumberPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stringToNumber", type: StringToNumberPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stringToNumber", type: StringToNumberPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StringToNumberPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'stringToNumber'
             }]
     }], null, null); })();
@@ -2735,11 +2541,12 @@ class FilterPipe {
         });
     }
     static { this.ɵfac = function FilterPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filter", type: FilterPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filter", type: FilterPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'filter'
             }]
     }], null, null); })();
@@ -2765,11 +2572,12 @@ class FileSizePipe {
         return bytes.toFixed(+precision) + ' ' + units[unit];
     }
     static { this.ɵfac = function FileSizePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileSizePipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'filesize'
             }]
     }], null, null); })();
@@ -2806,11 +2614,12 @@ class FileIconClassPipe {
         return 'fa ' + (fileClassMapping[fileExtension] || 'fa-file-o');
     }
     static { this.ɵfac = function FileIconClassPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileIconClassPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileIconClass", type: FileIconClassPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileIconClass", type: FileIconClassPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileIconClassPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'fileIconClass'
             }]
     }], null, null); })();
@@ -2823,11 +2632,12 @@ class StateClassPipe {
         return stateClassMap[state.toLowerCase()];
     }
     static { this.ɵfac = function StateClassPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StateClassPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stateClass", type: StateClassPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stateClass", type: StateClassPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StateClassPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'stateClass'
             }]
     }], null, null); })();
@@ -2906,11 +2716,12 @@ class FileExtensionFromMimePipe {
         return typeMapping[mimeType];
     }
     static { this.ɵfac = function FileExtensionFromMimePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileExtensionFromMimePipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileExtensionFromMime", type: FileExtensionFromMimePipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileExtensionFromMime", type: FileExtensionFromMimePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileExtensionFromMimePipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'fileExtensionFromMime'
             }]
     }], null, null); })();
@@ -2942,11 +2753,12 @@ class TrustAsPipe {
         }
     }
     static { this.ɵfac = function TrustAsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TrustAsPipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trustAs", type: TrustAsPipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trustAs", type: TrustAsPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrustAsPipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'trustAs'
             }]
     }], () => [{ type: i1$2.DomSanitizer }], null); })();
@@ -3090,7 +2902,7 @@ class DialogServiceImpl {
         if (openedDialogs.indexOf(ref) !== -1) {
             openedDialogs.splice(openedDialogs.indexOf(ref), 1);
         }
-        if (openedDialogs.length === 0 && (isMobile() || isMobileApp())) {
+        if (openedDialogs.length === 0 && (isMobile())) {
             //Fix for [WMS-23948]: remove aria-hidden attribute only after all dialogs are closed
             const parentSelector = $('body > app-root')[0];
             parentSelector.removeAttribute('aria-hidden');
@@ -3147,11 +2959,12 @@ class SanitizePipe {
         }
     }
     static { this.ɵfac = function SanitizePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SanitizePipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sanitize", type: SanitizePipe, pure: true }); }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sanitize", type: SanitizePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SanitizePipe, [{
         type: Pipe,
         args: [{
+                standalone: true,
                 name: 'sanitize'
             }]
     }], () => [{ type: i1$2.DomSanitizer }], null); })();
@@ -3169,7 +2982,6 @@ const wmComponents = [
     CustomWidgetContainerDirective,
     RedrawableDirective,
     ShowInDeviceDirective,
-    SmoothScrollDirective,
     TextContentDirective
 ];
 const PIPES = [
@@ -3205,27 +3017,26 @@ class WmComponentsModule {
                 CustomPipe,
                 SanitizePipe,
                 Location,
+                SecurityService,
                 { provide: AbstractDialogService, useClass: DialogServiceImpl }
             ]
         };
     }
     static { this.ɵfac = function WmComponentsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WmComponentsModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: WmComponentsModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            SecurityModule] }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WmComponentsModule, [{
         type: NgModule,
         args: [{
                 imports: [
                     CommonModule,
-                    SecurityModule
+                    ...wmComponents, ...PIPES
                 ],
-                declarations: [...wmComponents, ...PIPES],
                 exports: [...wmComponents, ...PIPES]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WmComponentsModule, { declarations: [ContainerDirective,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WmComponentsModule, { imports: [CommonModule, ContainerDirective,
         ItemTemplateDirective,
         RepeatTemplateDirective,
         LazyLoadDirective,
@@ -3237,7 +3048,6 @@ class WmComponentsModule {
         CustomWidgetContainerDirective,
         RedrawableDirective,
         ShowInDeviceDirective,
-        SmoothScrollDirective,
         TextContentDirective, ToDatePipe,
         FileIconClassPipe,
         FileExtensionFromMimePipe,
@@ -3255,8 +3065,7 @@ class WmComponentsModule {
         TrustAsPipe,
         ImagePipe,
         CustomPipe,
-        SanitizePipe], imports: [CommonModule,
-        SecurityModule], exports: [ContainerDirective,
+        SanitizePipe], exports: [ContainerDirective,
         ItemTemplateDirective,
         RepeatTemplateDirective,
         LazyLoadDirective,
@@ -3268,7 +3077,6 @@ class WmComponentsModule {
         CustomWidgetContainerDirective,
         RedrawableDirective,
         ShowInDeviceDirective,
-        SmoothScrollDirective,
         TextContentDirective, ToDatePipe,
         FileIconClassPipe,
         FileExtensionFromMimePipe,
@@ -4375,13 +4183,9 @@ const getFieldLayoutConfig = (captionWidth, captionPosition, os) => {
     let captionCls = '', widgetCls = '';
     captionPosition = captionPosition || 'top';
     if (captionPosition === 'top' || captionPosition === 'floating') {
-        if ((os && os === 'android') || !isMobileApp() || isAndroid()) { // Is android or not a mobile application
+        if ((os && os === 'android') || isAndroid()) { // Is android or not a mobile application
             captionCls = widgetCls = 'col-xs-12';
         }
-        else if (isMobileApp()) { // Is a mobile application and not android
-            captionCls = 'col-xs-4';
-            widgetCls = 'col-xs-8';
-        }
     }
     else if (captionWidth) {
         // handling itemsperrow containing string of classes
@@ -5335,5 +5139,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, CustomWidgetContainerDirective, 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, WidgetConfig, 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, widgetIdGenerator };
+export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, CustomWidgetContainerDirective, 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, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetConfig, 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, widgetIdGenerator };
 //# sourceMappingURL=index.mjs.map