Refactor SDK Api Changes Side affects ...

src/app/views/v-page/v-page.component.ts

@@ -29,8 +29,8 @@ import {
   XPickerColumnOption,
   XLanguageDescriptor,
   isNullOrEmptyString,
-  XColorWithBrightness,
   XBehaviourEventType,
+  XColorWithBrightness,
 } from 'x-framework-core';
 import {
   XMenuSlot,
@@ -196,7 +196,7 @@ export class VPageComponent extends XPageComponent {
 
   @Input()
   toolbarTitle: XStandardType<string> = super.resourceProvider(
-    this.ResourceIDs.app_name
+    this.ResourceIDs.app_name,
   );
   //#endregion
 
@@ -319,7 +319,7 @@ export class VPageComponent extends XPageComponent {
     public managerService: XManagerService,
     public changeDetector: ChangeDetectorRef,
     protected popoverService: XPopoverService,
-    protected propertyProvider: XPageContainer
+    protected propertyProvider: XPageContainer,
   ) {
     super(
       config,
@@ -330,7 +330,7 @@ export class VPageComponent extends XPageComponent {
       zone,
       changeDetector,
       menuController,
-      propertyProvider
+      propertyProvider,
     );
 
     //
@@ -346,7 +346,7 @@ export class VPageComponent extends XPageComponent {
 
     //
     this.menuState = this.isMobileUi$.pipe(
-      map((isMobile) => (isMobile ? XMenuState.WillClose : XMenuState.Opened))
+      map((isMobile) => (isMobile ? XMenuState.WillClose : XMenuState.Opened)),
     );
   }
 
@@ -375,7 +375,7 @@ export class VPageComponent extends XPageComponent {
 
     //
     const isHasSideChanged = changeKeys.includes(
-      nameof<VPageComponent>('hasSide')
+      nameof<VPageComponent>('hasSide'),
     );
     if (isHasSideChanged) {
       await this.handleHasSideEffect();
@@ -383,10 +383,10 @@ export class VPageComponent extends XPageComponent {
 
     //
     const isToolbarHasMenuChanged = changeKeys.includes(
-      nameof<VPageComponent>('toolbarHasMenu')
+      nameof<VPageComponent>('toolbarHasMenu'),
     );
     const isToolbarShowMenuChanged = changeKeys.includes(
-      nameof<VPageComponent>('toolbarShowMenu')
+      nameof<VPageComponent>('toolbarShowMenu'),
     );
     if (isToolbarHasMenuChanged || isToolbarShowMenuChanged) {
       this.detectChanges();
@@ -394,7 +394,7 @@ export class VPageComponent extends XPageComponent {
 
     //
     let isChanged = changeKeys.includes(
-      nameof<VPageComponent>('actionProvider')
+      nameof<VPageComponent>('actionProvider'),
     );
     if (isChanged) {
       this.subscribeActionProvider();
@@ -402,7 +402,7 @@ export class VPageComponent extends XPageComponent {
 
     //
     isChanged = changeKeys.includes(
-      nameof<VPageComponent>('toolbarShowProgressBar')
+      nameof<VPageComponent>('toolbarShowProgressBar'),
     );
     if (isChanged) {
       //
@@ -434,7 +434,7 @@ export class VPageComponent extends XPageComponent {
 
         //
         await this.prepareNavPages(user);
-      }
+      },
     );
     //#endregion
 
@@ -451,7 +451,7 @@ export class VPageComponent extends XPageComponent {
     this.applyTakeUntilWrapper(this.scrolledEvent.asObservable()).subscribe(
       async (event) => {
         await this.onScrolledEvent(event);
-      }
+      },
     );
     //#endregion
   }
@@ -495,8 +495,8 @@ export class VPageComponent extends XPageComponent {
     const isLoggedIn = await this.sharedService.authService.isLoggedIn();
     const currentRoute = decodeURI(
       decodeURIComponent(
-        this.managerService.getFullUrl(this.managerService.getRoute())
-      )
+        this.managerService.getFullUrl(this.managerService.getRoute()),
+      ),
     );
 
     //
@@ -505,7 +505,7 @@ export class VPageComponent extends XPageComponent {
     //
     // Check Landing Page ...
     const landingPageUrl = this.managerService.getFullUrl(
-      this.managerService.getPageRoute(Pages.Landing)
+      this.managerService.getPageRoute(Pages.Landing),
     );
     const isInLandingPage = currentRoute == landingPageUrl;
     if (!isInLandingPage) {
@@ -574,19 +574,19 @@ export class VPageComponent extends XPageComponent {
     if (isLoggedIn) {
       //
       const startupUrl = this.managerService.getFullUrl(
-        this.managerService.getPageRoute(Pages.Startup)
+        this.managerService.getPageRoute(Pages.Startup),
       );
       const landingUrl = this.managerService.getFullUrl(
-        this.managerService.getPageRoute(Pages.Landing)
+        this.managerService.getPageRoute(Pages.Landing),
       );
       const registerUrl = this.managerService.getFullUrl(
-        this.managerService.getPageRoute(Pages.Register)
+        this.managerService.getPageRoute(Pages.Register),
       );
       const notAuthorizedUrl = this.managerService.getFullUrl(
-        this.managerService.getPageRoute(Pages.NotAuthorized)
+        this.managerService.getPageRoute(Pages.NotAuthorized),
       );
       const errorUrl = this.managerService.getFullUrl(
-        this.managerService.getPageRoute(Pages.Error)
+        this.managerService.getPageRoute(Pages.Error),
       );
       const isInOpenPages =
         currentRoute === errorUrl ||
@@ -739,7 +739,7 @@ export class VPageComponent extends XPageComponent {
     //
     await this.managerService.navigateByPageReplace(
       Pages.ProfileView,
-      navigationExtras
+      navigationExtras,
     );
   }
   //#endregion
@@ -777,7 +777,7 @@ export class VPageComponent extends XPageComponent {
         value,
         this.managerService.currentLocale,
         getDateFormatString(this.managerService.currentLocale),
-        true
+        true,
       );
     }
     //
@@ -800,7 +800,7 @@ export class VPageComponent extends XPageComponent {
           //
           // if User Confirmed Lock Break, do Action ...
           action();
-        }
+        },
       );
     } else {
       //
@@ -820,7 +820,7 @@ export class VPageComponent extends XPageComponent {
         //
         // if User Confirmed Lock Break, do Action ...
         action();
-      }
+      },
     );
   }
   //#endregion
@@ -908,7 +908,7 @@ export class VPageComponent extends XPageComponent {
           name: ai.name,
           locale: ai.locale,
         };
-      }
+      },
     );
     if (!hasChild(availableLanguages)) {
       return;
@@ -948,7 +948,7 @@ export class VPageComponent extends XPageComponent {
             //
             await this.managerService.settingsService.changeLocale(
               selectedLocale,
-              true
+              true,
             );
           },
         },
@@ -968,7 +968,7 @@ export class VPageComponent extends XPageComponent {
     await this.managerService.dialogService.presentAreYouSureYesNoDialog(
       async () => {
         await this.managerService.navigateByPageReplace(Pages.Logout);
-      }
+      },
     );
   }