cyc-base 1.0.3 → 1.0.4

package/fesm2022/cyc-base.mjs

@@ -0,0 +1,773 @@
+import * as i0 from '@angular/core';
+import { Component, Injectable, input } from '@angular/core';
+import { getAuth, onAuthStateChanged, signOut } from 'firebase/auth';
+import { getDatabase, ref, onValue, get, query, orderByChild, equalTo, push } from 'firebase/database';
+import { BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
+import { PERMISSION, compareCG } from 'cyc-type-def';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule, MatIconButton } from '@angular/material/button';
+import { MatLabel } from '@angular/material/form-field';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i3 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class CycBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CycBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CycBase, isStandalone: true, selector: "lib-cyc-base", ngImport: i0, template: `
+    <p>
+      cyc-base works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CycBase, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-cyc-base', imports: [], template: `
+    <p>
+      cyc-base works!
+    </p>
+  ` }]
+        }] });
+
+class SharedDb {
+    _db;
+    firebaseAuth;
+    dataSubject = new BehaviorSubject({});
+    listeners = {};
+    isInitialized = false;
+    // Public observable for components to subscribe to
+    data$ = this.dataSubject.asObservable();
+    auth$ = new ReplaySubject(1);
+    constructor() {
+        this._db = getDatabase();
+        this.firebaseAuth = getAuth();
+    }
+    async initializeData() {
+        if (this.isInitialized) {
+            return;
+        }
+        this.isInitialized = true;
+        this.listenToCluster();
+        this.listenToSmallTeam();
+        this.listenToCG();
+        this.listenToUser();
+    }
+    listenToCluster() {
+        const dataRef = ref(this.db, 'move_follow_up_2023/clusters');
+        this.listeners['clusters'] = onValue(dataRef, (snapshot) => {
+            // console.log('listenToCluster');
+            const obj = snapshot.val();
+            this.updateData({ arrClusterForRef: obj });
+        });
+    }
+    listenToSmallTeam() {
+        const dataRef = ref(this.db, 'move_follow_up_2023/small_teams');
+        this.listeners['small_teams'] = onValue(dataRef, (snapshot) => {
+            // console.log('listenToSmallTeam');
+            const obj = snapshot.val();
+            this.updateData({ arrStForRef: obj });
+        });
+    }
+    listenToCG() {
+        const dataRef = ref(this.db, 'move_follow_up_2023/CGs');
+        this.listeners['CGs'] = onValue(dataRef, (snapshot) => {
+            // console.log('listenToCG');
+            const obj = snapshot.val();
+            this.updateData({ arrCgForRef: obj });
+        });
+    }
+    listenToUser() {
+        this.listeners['firebaseUser'] = onAuthStateChanged(this.firebaseAuth, (user) => {
+            console.log('auth change');
+            this.fetchUser(user);
+        });
+    }
+    fetchUser(user) {
+        if (!user) {
+            this.auth$.next(undefined);
+            return;
+        }
+        const dataRef = ref(this.db, 'move_follow_up_2023/users/' + user.uid);
+        onValue(dataRef, (snapshot) => {
+            console.log('userRef onValue');
+            if (snapshot.exists()) {
+                let _user = snapshot.val();
+                this.auth$.next({ user: _user, firebaseUser: user });
+            }
+            else {
+                this.auth$.next(undefined);
+            }
+        });
+    }
+    updateData(newData) {
+        const currentData = this.dataSubject.value;
+        const updatedData = { ...currentData, ...newData };
+        this.dataSubject.next(updatedData);
+    }
+    get auth() {
+        return new Observable((observer) => {
+            this.auth$.subscribe((data) => {
+                // console.log(data);
+                console.log('auth$');
+                if (!data) {
+                    observer.next(undefined);
+                }
+                else {
+                    observer.next({
+                        firebaseUser: data.firebaseUser,
+                        user: data.user,
+                    });
+                }
+            });
+        });
+    }
+    get pastoralTeam() {
+        return new Observable((observer) => {
+            this.data$.subscribe((data) => {
+                // console.log(data);
+                observer.next({
+                    arrClusterForRef: data.arrClusterForRef,
+                    arrStForRef: data.arrStForRef,
+                    arrCgForRef: data.arrCgForRef,
+                    // firebaseUser: data.firebaseUser,
+                    // user: data.user,
+                });
+            });
+        });
+    }
+    get cluster() {
+        return new Observable((observer) => {
+            this.data$.subscribe((data) => {
+                observer.next(data.arrClusterForRef || {});
+            });
+        });
+    }
+    get smallTeam() {
+        return new Observable((observer) => {
+            this.data$.subscribe((data) => {
+                observer.next(data.arrStForRef || {});
+            });
+        });
+    }
+    get CG() {
+        return new Observable((observer) => {
+            this.data$.subscribe((data) => {
+                observer.next(data.arrCgForRef || {});
+            });
+        });
+    }
+    get db() {
+        return this._db;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SharedDb, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SharedDb, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SharedDb, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+// import { SettingDefaults, Settings } from '../constants/settings.constant';
+// import { environment } from '../../environments/environment';
+/**
+ * Holds only the common data stored in `SharedDbService`,
+ * - Pastoral team
+ * - User
+ *
+ * ---
+ * For other frequently used variables (not stored in `SharedDbService`), see `ExtendedCommonPage`.
+ *
+ * **Provides:**
+ * `Cluster`, `SmallTeam`, `CG`, `AppUser`, `User`
+ */
+class CommonPage {
+    subscription;
+    subscriptionAuth;
+    user;
+    firebaseUser;
+    /** deleted record included */
+    arrClusterForRef;
+    /** deleted record included */
+    arrStForRef;
+    /** deleted record included */
+    arrCgForRef;
+    /** array of clusters, excluding deleted records */
+    arrCluster;
+    /** array of small teams, excluding deleted records */
+    arrSt;
+    /** array of CGs, excluding deleted records */
+    arrCg;
+    constructor() {
+        this.arrClusterForRef = {};
+        this.arrStForRef = {};
+        this.arrCgForRef = {};
+        this.arrCluster = [];
+        this.arrSt = [];
+        this.arrCg = [];
+    }
+    /**
+     * subscribe to clusters, small teams, CGs observable
+     * @param observerble
+     */
+    subscribeObserverble(observerble) {
+        this.subscription = observerble.subscribe((snapshot) => {
+            this.arrClusterForRef = snapshot.arrClusterForRef || {};
+            this.arrCluster = Object.values(this.arrClusterForRef).filter((x) => !x.deleted);
+            this.arrStForRef = snapshot.arrStForRef || {};
+            this.arrSt = Object.values(this.arrStForRef).filter((x) => !x.deleted);
+            this.arrCgForRef = snapshot.arrCgForRef || {};
+            this.arrCg = Object.values(this.arrCgForRef).filter((x) => !x.deleted);
+            // this.firebaseUser = snapshot.firebaseUser || null;
+            // if (snapshot.user) this.user = snapshot.user;
+            // this.checkAccessAndLoadData();
+        });
+    }
+    subscribeAuthObserverble(observerble) {
+        this.subscriptionAuth = observerble.subscribe((v) => {
+            // console.log(v);
+            // console.log('subscriptionAuth');
+            if (v) {
+                this.firebaseUser = v.firebaseUser;
+                this.user = v.user;
+                // if (!environment.production) {
+                //   console.log(this.user.id);
+                // }
+                // init setting if not exist
+                this.initSettings(this.user);
+            }
+            else {
+            }
+            this.checkAccessAndLoadData();
+        });
+    }
+    /**
+     * unsubscribe all observables
+     */
+    unSubscribeObserverble() {
+        this.subscription?.unsubscribe();
+        this.subscriptionAuth?.unsubscribe();
+    }
+    /** get array of clusters, including deleted records */
+    get arrClusterWithDel() {
+        return Object.values(this.arrClusterForRef);
+    }
+    /** get array of small team, including deleted records */
+    get arrStWithDel() {
+        return Object.values(this.arrStForRef);
+    }
+    /** get array of CGs, including deleted records */
+    get arrCgWithDel() {
+        return Object.values(this.arrCgForRef);
+    }
+    /**
+     * Returns small teams under a specified cluster.
+     *
+     * Optionally filters based on user access permissions.
+     *
+     * By default, not including deleted small teams.
+     *
+     * @param idCluster - The cluster ID to filter small teams by.
+     * @param byUserAccess - If true, applies user permission-based filtering. Defaults to false.
+     * @returns An array of filtered small teams.
+     */
+    filteredSmallTeam(idCluster, byUserAccess = false) {
+        if (!byUserAccess) {
+            return this.arrSt.filter((x) => x.cluster == idCluster);
+        }
+        else {
+            if (this.user.permissions) {
+                if (this.user.permissions.includes(PERMISSION.SUPER_USER) ||
+                    this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN)) {
+                    return this.arrSt.filter((x) => x.cluster == idCluster);
+                }
+                else if (this.user.permissions.includes(PERMISSION.TL) ||
+                    this.user.permissions.includes(PERMISSION.SCGL) ||
+                    this.user.permissions.includes(PERMISSION.CGL)) {
+                    return (this.arrSt = this.arrSt.filter((x) => x.id == this.user.pastoral_team?.st));
+                }
+            }
+            return [];
+        }
+    }
+    filteredSmallTeamWithDel(idCluster) {
+        return this.arrStWithDel.filter((x) => x.cluster == idCluster);
+    }
+    /**
+     * by default, not including deleted CG
+     * @param idCluster
+     * @returns array of CG under selected cluster and small team
+     */
+    filteredCg(idSt) {
+        return this.arrCg.filter((x) => x.st == idSt).sort(compareCG);
+    }
+    filteredCgWithDel(idSt) {
+        return this.arrCgWithDel.filter((x) => x.st == idSt);
+    }
+    /**
+     * Returns the list of clusters accessible to the current user based on their permissions.
+     *
+     * @returns {Cluster[]} Filtered cluster list according to user role.
+     */
+    get arrClusterByUserAccess() {
+        if (this.user.permissions) {
+            if (this.user.permissions.includes(PERMISSION.SUPER_USER) ||
+                this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN)) {
+                return this.arrCluster;
+            }
+            else if (this.user.permissions.includes(PERMISSION.TL) ||
+                this.user.permissions.includes(PERMISSION.SCGL) ||
+                this.user.permissions.includes(PERMISSION.CGL)) {
+                return this.arrCluster.filter((x) => x.id == this.user.pastoral_team?.cluster);
+            }
+        }
+        return [];
+    }
+    /**
+     * init setting if not exist
+     * @param user
+     */
+    initSettings(user) { }
+    // initSettings(user: AppUser) {
+    //   if (!user.settings) user.settings = {};
+    //   for (let s of Object.values(Settings)) {
+    //     if (user.settings?.[s] === undefined) {
+    //       user.settings[s] = SettingDefaults[s];
+    //     }
+    //   }
+    // }
+    checkAccessAndLoadData() { }
+}
+
+/**
+ * Holds additional frequently used variables **not** stored in `SharedDbService`,
+ * such as:
+ * - `Sheep`
+ * - `Title`
+ *
+ * ---
+ * **For data stored in `SharedDbService`**
+ * (pastoral team and user), see `CommonPage`.
+ *
+ * ---
+ *  @extends ExtendedCommonPage
+ */
+class ExtendedCommonPage extends CommonPage {
+    // title
+    arrTitleForRef = {};
+    arrTitle = [];
+    // sheep
+    arrSheepForRef = {};
+    arrSheep = [];
+    // user
+    arrUserForRef = {};
+    arrUser = [];
+    // attendance
+    arrAttendance = [];
+    // msj
+    arrMsjClassTypeForRef = {};
+    arrMsjClassBatchForRef = {};
+    arrMsjClassTimeForRef = {};
+    arrMsjStudBatch = [];
+    // selection
+    cluster;
+    st;
+    cg;
+    sheep;
+    title;
+    msjClassType;
+    msjClassBatch;
+    msjClassTime;
+    loading = false;
+    constructor() {
+        super();
+    }
+    get arrTitleReserve() {
+        return this.arrTitle.slice().reverse();
+    }
+    get arrMsjClassType() {
+        return Object.values(this.arrMsjClassTypeForRef).filter((x) => !x.deleted);
+    }
+    get arrMsjClassBatch() {
+        return Object.values(this.arrMsjClassBatchForRef).filter((x) => !x.deleted);
+    }
+    get arrMsjClassTime() {
+        return Object.values(this.arrMsjClassTimeForRef).filter((x) => !x.deleted);
+    }
+    filteredMsjClassBatch(idMsjClassType) {
+        return this.arrMsjClassBatch
+            .filter((x) => x.idMsjClassType == idMsjClassType)
+            .sort((b, a) => {
+            a.dt = new Date(new Date(a.yearTimestamp).getFullYear(), new Date(a.monthTimestamp).getMonth());
+            b.dt = new Date(new Date(b.yearTimestamp).getFullYear(), new Date(b.monthTimestamp).getMonth());
+            if (a.dt.getFullYear() == b.dt.getFullYear()) {
+                return a.dt.getMonth() - b.dt.getMonth();
+            }
+            else {
+                return a.dt.getFullYear() - b.dt.getFullYear();
+            }
+        });
+    }
+    filteredMsjClassTime(idMsjClassBatch) {
+        return this.arrMsjClassTime.filter((x) => x.idMsjClassBatch == idMsjClassBatch);
+    }
+    get isSuperUser() {
+        if (this.user && this.user.permissions) {
+            return this.user.permissions.includes(PERMISSION.SUPER_USER);
+        }
+        else {
+            return false;
+        }
+    }
+    get isPastoralAdmin() {
+        if (this.user && this.user.permissions) {
+            return this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN);
+        }
+        else {
+            return false;
+        }
+    }
+}
+
+/**
+ *  @extends CommonPage
+ *  @extends ExtendedCommonPage
+ */
+class FirebasePage extends ExtendedCommonPage {
+    db;
+    auth;
+    constructor() {
+        super();
+        this.auth = getAuth();
+        this.db = getDatabase();
+    }
+    get userRef() {
+        return ref(this.db, 'move_follow_up_2023/users');
+    }
+    get clusterRef() {
+        return ref(this.db, 'move_follow_up_2023/clusters');
+    }
+    get stRef() {
+        return ref(this.db, 'move_follow_up_2023/small_teams');
+    }
+    get cgRef() {
+        return ref(this.db, 'move_follow_up_2023/CGs');
+    }
+    get sheepRef() {
+        return ref(this.db, 'move_follow_up_2023/sheeps');
+    }
+    get sheepLogRef() {
+        return ref(this.db, 'move_follow_up_2023/sheeps_log');
+    }
+    get msjClassTypeRef() {
+        return ref(this.db, 'move_follow_up_2023/msj/msj_class_type');
+    }
+    get msjClassBatchRef() {
+        return ref(this.db, 'move_follow_up_2023/msj/msj_class_batch');
+    }
+    get msjClassTimeRef() {
+        return ref(this.db, 'move_follow_up_2023/msj/msj_class_time');
+    }
+    get msjStudBatchRef() {
+        return ref(this.db, 'move_follow_up_2023/msj/msj_student_batch_record');
+    }
+    get attRef() {
+        return ref(this.db, 'move_follow_up_2023/attendance/atts');
+    }
+    get titleRef() {
+        return ref(this.db, 'move_follow_up_2023/attendance/titles');
+    }
+}
+
+/**
+ * using observable to read user
+ * replace BasePage
+ *
+ * ---
+ * @extends CommonPage
+ * @extends ExtendedCommonPage
+ * @extends FirebasePage
+ */
+class SecurePage extends FirebasePage {
+    isSecure;
+    router;
+    constructor(router, isSecure) {
+        super();
+        this.isSecure = isSecure;
+        this.router = router;
+    }
+    checkAccessAndLoadData() {
+        if (this.firebaseUser) {
+            if (this.user) {
+                if (this.user.permission == PERMISSION.NOT_VERIFIED && this.isSecure) {
+                    // not verified user
+                    // redirect to home page
+                    this.navigateHome();
+                }
+                // if (this.user.permissions) {
+                //   this.isSuperUser = this.user.permissions.includes(
+                //     PERMISSION.SUPER_USER
+                //   );
+                // }
+                this.checkPermission(this.user);
+                this.readData();
+            }
+            else {
+                // user logged in but no data
+                // redirect to home page (how he came to here?)
+                if (this.isSecure)
+                    this.navigateHome();
+                // this.readData(); // navigated home, no need read data
+            }
+        }
+        else {
+            // user not logged in
+            // redirect to home page
+            if (this.isSecure)
+                this.navigateHome();
+            //   this.readData(); // navigated home, no need read data
+        }
+    }
+    navigateHome() {
+        this.router.navigate(['']);
+    }
+    loadTitle() {
+        const titleRef = ref(this.db, 'move_follow_up_2023/attendance/titles');
+        onValue(titleRef, (v) => {
+            if (v.exists()) {
+                this.arrTitle = Object.values(v.val());
+                this.arrTitleForRef = v.val();
+            }
+        });
+    }
+    loadSheep() {
+        const sheepRef = ref(this.db, 'move_follow_up_2023/sheeps');
+        onValue(sheepRef, (v) => {
+            if (v.exists()) {
+                this.arrSheep = Object.values(v.val());
+                this.arrSheepForRef = v.val();
+            }
+        });
+    }
+    loadAttendance() { }
+    loadUsers() { }
+    loadUsersAsync() {
+        const userRef = ref(this.db, 'move_follow_up_2023/users');
+        return get(userRef);
+    }
+    handleTitleSelected() { }
+    handleClusterSelected() { }
+    handleSmallTeamSelected() { }
+    handleCGSelected() { }
+    loadMsjClassType() {
+        const msjClassTypeRef = ref(this.db, 'move_follow_up_2023/msj/msj_class_type');
+        return get(msjClassTypeRef);
+    }
+    loadMsjClassBatch() {
+        const msjClassBatchRef = ref(this.db, 'move_follow_up_2023/msj/msj_class_batch');
+        return get(msjClassBatchRef);
+    }
+    loadMsjClassTime(msjClassBatch) {
+        const msjClassTimeRef = ref(this.db, 'move_follow_up_2023/msj/msj_class_time');
+        let q = query(msjClassTimeRef);
+        if (msjClassBatch)
+            q = query(msjClassTimeRef, orderByChild('idMsjClassBatch'), equalTo(msjClassBatch.id));
+        return get(q);
+    }
+    recordClick(action) {
+        const testAccId = '5FUtbbtMe4RNPys6QSUzri5UXFN2';
+        const testAcc2Id = 'q1GEMXkzbWOOEg2wreNuPsTgCw52';
+        const testAcc3Id = 'XZUlKaa5aUhwJ2KlEa5oJfImwZA3';
+        const testAcc4Id = '9O3bSHbL2pfWBC9BOJiwMbkHQdr2';
+        const developerAccId = 'ZqdQyuc1uuTbAfmhkjw5HgLFnc82';
+        let userId = this.user?.id;
+        if (userId == testAccId ||
+            userId == testAcc2Id ||
+            userId == testAcc3Id ||
+            userId == testAcc4Id ||
+            userId == developerAccId) {
+            return;
+        }
+        const obj = { action, timeStamp: new Date().getTime() };
+        if (userId) {
+            obj['userId'] = userId;
+        }
+        push(ref(this.db, 'move_follow_up_2023/attendance/clicks'), obj);
+    }
+    // FUNCTIONS INTERFACE
+    /**
+     * Execute after reading user data from database
+     *
+     * @Override
+     *
+     * @example
+      this.firebaseUser = user;
+      if (user) {
+        const userRef = ref(this.db, 'move_follow_up_2023/users/' + user.uid);
+        onValue(userRef, (v) => {
+          if (v.exists()) {
+            this.user = v.val();
+  
+            if (this.user.permission == PERMISSION.NOT_VERIFIED) {
+              // not verified user
+              // redirect to home page
+              router.navigate(['']);
+              // this.router.navigate(['']);
+            }
+  
+            this.checkPermission(this.user);
+            this.loadDataClone();
+          }
+        })
+      }
+                
+     *
+     * @param user
+     */
+    checkPermission(user) {
+        // console.log('checkPermission');
+    }
+    /**
+     * Execute after reading user data from database
+     *
+     * @Override
+     *
+     * @example
+      this.firebaseUser = user;
+      if (user) {
+        const userRef = ref(this.db, 'move_follow_up_2023/users/' + user.uid);
+        onValue(userRef, (v) => {
+          if (v.exists()) {
+            this.user = v.val();
+  
+            if (this.user.permission == PERMISSION.NOT_VERIFIED) {
+              // not verified user
+              // redirect to home page
+              router.navigate(['']);
+              // this.router.navigate(['']);
+            }
+  
+            this.checkPermission(this.user);
+            this.loadDataClone();
+          }
+        })
+      }
+     */
+    readData() { }
+}
+
+class BasePage extends SecurePage {
+    t1;
+    t2;
+    constructor(router, isSecure) {
+        super(router, isSecure);
+        this.isSecure = isSecure;
+        this.router = router;
+        this.load();
+    }
+    load() {
+        onAuthStateChanged(this.auth, (user) => {
+            this.readUser(user);
+            // this.loadUser(user);
+        });
+    }
+    readUser(user) {
+        this.firebaseUser = user;
+        if (user) {
+            // console.log(user.email);
+            const userRef = ref(this.db, 'move_follow_up_2023/users/' + user.uid);
+            onValue(userRef, (v) => {
+                if (v.exists()) {
+                    this.user = v.val();
+                    // console.log(this.user.name);
+                    if (this.user.permission == PERMISSION.NOT_VERIFIED &&
+                        this.isSecure) {
+                        // not verified user
+                        // redirect to home page
+                        this.router.navigate(['']);
+                        // this.router.navigate(['']);
+                    }
+                    // if (this.user.permissions) {
+                    //   this.isSuperUser = this.user.permissions.includes(
+                    //     PERMISSION.SUPER_USER
+                    //   );
+                    // }
+                    this.checkPermission(this.user);
+                    this.readData();
+                    this.initSettings(this.user);
+                }
+                else {
+                    // user logged in but no data
+                    // redirect to home page (how he came to here?)
+                    if (this.isSecure)
+                        this.router.navigate(['']);
+                    // this.router.navigate(['']);
+                    this.readData();
+                }
+            });
+        }
+        else {
+            // user not logged in
+            // redirect to home page
+            if (this.isSecure)
+                this.router.navigate(['']);
+            // this.router.navigate(['']);
+            this.readData();
+        }
+    }
+    timerStart() {
+        this.t1 = new Date();
+    }
+    timerEnd() {
+        this.t2 = new Date();
+        console.log(this.t2.getTime() - this.t1.getTime());
+    }
+}
+
+class MatNavBar {
+    user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    auth = input.required(...(ngDevMode ? [{ debugName: "auth" }] : []));
+    constructor() { }
+    ngOnInit() { }
+    logout() {
+        signOut(this.auth())
+            .then(() => {
+            console.log('Signed out.');
+            window.location.reload();
+        })
+            .catch((err) => { });
+    }
+    toggleSideNav() {
+        // this.helper.toggleSideNav();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MatNavBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: MatNavBar, isStandalone: true, selector: "lib-mat-nav-bar", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, auth: { classPropertyName: "auth", publicName: "auth", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-toolbar style=\"padding-left: 8px; padding-right: 8px\">\r\n  <button mat-icon-button (click)=\"toggleSideNav()\">\r\n    <mat-icon>menu</mat-icon>\r\n  </button>\r\n  <span style=\"font-size: large\"> {{ title() }} </span>\r\n  <span class=\"space\"></span>\r\n  @if (user()) {\r\n    <mat-label style=\"font-size: x-small; text-wrap: wrap; line-height: 10px\">{{\r\n      user().name ? user().name : user().phoneNum\r\n    }}</mat-label>\r\n    <button mat-icon-button (click)=\"logout()\">\r\n      <mat-icon>exit_to_app</mat-icon>\r\n    </button>\r\n  } @else {\r\n    @if (!user()) {\r\n      <button mat-stroked-button routerLink=\"/login-email\">Login</button>\r\n    }\r\n  }\r\n</mat-toolbar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MatNavBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mat-nav-bar', imports: [
+                        RouterModule,
+                        MatLabel,
+                        MatIconModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatMenuModule,
+                        MatIconButton,
+                    ], template: "<mat-toolbar style=\"padding-left: 8px; padding-right: 8px\">\r\n  <button mat-icon-button (click)=\"toggleSideNav()\">\r\n    <mat-icon>menu</mat-icon>\r\n  </button>\r\n  <span style=\"font-size: large\"> {{ title() }} </span>\r\n  <span class=\"space\"></span>\r\n  @if (user()) {\r\n    <mat-label style=\"font-size: x-small; text-wrap: wrap; line-height: 10px\">{{\r\n      user().name ? user().name : user().phoneNum\r\n    }}</mat-label>\r\n    <button mat-icon-button (click)=\"logout()\">\r\n      <mat-icon>exit_to_app</mat-icon>\r\n    </button>\r\n  } @else {\r\n    @if (!user()) {\r\n      <button mat-stroked-button routerLink=\"/login-email\">Login</button>\r\n    }\r\n  }\r\n</mat-toolbar>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], auth: [{ type: i0.Input, args: [{ isSignal: true, alias: "auth", required: true }] }] } });
+
+/*
+ * Public API Surface of cyc-base
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasePage, CommonPage, CycBase, ExtendedCommonPage, FirebasePage, MatNavBar, SecurePage, SharedDb };
+//# sourceMappingURL=cyc-base.mjs.map