feat: tab navigation bar animations and state

src/app/modules/data/list/search-page.component.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2018-2021 StApps
+ * Copyright (C) 2022 StApps
  * This program is free software: you can redistribute it and/or modify it
  * under the terms of the GNU General Public License as published by the Free
  * Software Foundation, version 3.
@@ -12,10 +12,14 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import {Component, Input, OnInit, OnDestroy} from '@angular/core';
+import {Component, Input, OnDestroy, OnInit} from '@angular/core';
 import {ActivatedRoute, Router} from '@angular/router';
 import {Keyboard} from '@capacitor/keyboard';
-import {AlertController} from '@ionic/angular';
+import {
+  AlertController,
+  AnimationBuilder,
+  AnimationController,
+} from '@ionic/angular';
 import {
   SCFacet,
   SCFeatureConfiguration,
@@ -33,6 +37,7 @@ import {DataRoutingService} from '../data-routing.service';
 import {DataProvider} from '../data.provider';
 import {PositionService} from '../../map/position.service';
 import {ConfigProvider} from '../../config/config.provider';
+import {searchPageSwitchAnimation} from './search-page-switch-animation';
 
 /**
  * SearchPageComponent queries things and shows list of things as search results and filter as context menu
@@ -138,6 +143,8 @@ export class SearchPageComponent implements OnInit, OnDestroy {
    */
   subscriptions: Subscription[] = [];
 
+  routeAnimation: AnimationBuilder;
+
   /**
    * Injects the providers and creates subscriptions
    *
@@ -163,7 +170,10 @@ export class SearchPageComponent implements OnInit, OnDestroy {
     private readonly route: ActivatedRoute,
     protected positionService: PositionService,
     private readonly configProvider: ConfigProvider,
-  ) {}
+    animationController: AnimationController,
+  ) {
+    this.routeAnimation = searchPageSwitchAnimation(animationController);
+  }
 
   /**
    * Fetches items with set query configuration