@igniteui/angular-templates 21.1.1491 → 21.1.1500-rc.0

package/igx-ts-legacy/projects/side-nav-auth/files/README.md

@@ -1,50 +0,0 @@
-# <%=name%>
-
-
-TODO: Project setup + links
-
-
-This project was generated with [Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) version <%=cliVersion%>.
-
-## Development server
-
-Run `ig start` to build the application, start a web server and open the application in the default browser. Then navigate to `http://localhost:4200/`. Default serving port can be configured in `ignite-ui-cli.json` via `defaultPort` property.
-
-## Build
-
-Run `ig build` to build the application into an output directory.
-
-## Step by step mode
-
-If you want to get a guided experience through the available options, you can initialize the step by step mode that will help you to create and setup your new application, as well as update project previously created with the Ignite UI CLI. To start the guide, simply run the `ig` command.
-
-## List templates
-
-The `ig list` lists all available templates. When you run the command within a project folder it will list all available templates, even if you have provided different ones.
-
-## Adding components
-
-Add a new component or template to the project passing component ID and choosing a name.
-
-`ig add <component/template> <component_name>`
-
-The ID matches either a component ("grid", "combo", etc) or a predefined template. Predefined templates can provide either multiple components or fulfilling a specific use case like "form-validation", "master-detail" and so on.
-
-## Running unit tests
-
-Run `ig test` to execute the unit tests via [Karma](https://karma-runner.github.io). Runs all `.spec.ts` files under `./src` folder.
-
-## Running end-to-end tests
-
-Run `ig test --e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
-
-## Help
-
-`ig help` lists the available commands and provides a brief description of what they do.
-
-### Further help
-
-To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).
-
-## Angular CLI compatibility
-You can run all of the supported Angular CLI commands. More details at [Angular CLI](https://github.com/angular/angular-cli).

package/igx-ts-legacy/projects/side-nav-auth/files/package.json

@@ -1,60 +0,0 @@
-{
-  "name": "<%=dashName%>",
-  "version": "0.0.0",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve -o",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
-    "lint": "ng lint"
-  },
-  "private": true,
-  "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
-    "angular-auth-oidc-client": "~15.0.4",
-    "hammerjs": "~2.0.8",
-    "igniteui-angular": "~21.1.0",
-    "minireset.css": "~0.0.7",
-    "rxjs": "~7.8.0",
-    "tslib": "~2.8.1",
-    "zone.js": "~0.15.0"
-  },
-  "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
-    "@angular-eslint/builder": "~21.2.0",
-    "@angular-eslint/eslint-plugin": "~21.2.0",
-    "@angular-eslint/eslint-plugin-template": "~21.2.0",
-    "@angular-eslint/schematics": "~21.2.0",
-    "@angular-eslint/template-parser": "~21.2.0",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
-    "@angular/language-service": "~21.1.5",
-    "@types/facebook-js-sdk": "~3.3.6",
-    "@types/hammerjs": "~2.0.41",
-    "@types/jasmine": "~5.1.4",
-    "@types/jasminewd2": "~2.0.3",
-    "@typescript-eslint/eslint-plugin": "~8.47.0",
-    "@typescript-eslint/parser": "~8.47.0",
-    "eslint": "~9.39.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^62.0.0",
-    "igniteui-cli": "~<%=cliVersion%>",
-    "jasmine-core": "~5.12.1",
-    "karma": "~6.4.4",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.1",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.3"
-  }
-}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.component.html

@@ -1,16 +0,0 @@
-<div class="outer-wrapper" igxLayout>
-  <igx-nav-drawer #nav id="project-menu" [isOpen]="true" [enableGestures]="true" width="280px">
-    <ng-template igxDrawer>
-      <span igxDrawerItem [isHeader]="true">Views</span>
-      <span *ngFor="let route of topNavLinks" igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" [routerLink]="route.path">{{route.name}}</span>
-    </ng-template>
-  </igx-nav-drawer>
-  <div class="main" igxFlex igxLayout igxLayoutDir="columns">
-    <igx-navbar title="<%=name%>" actionButtonIcon="menu" (action)="nav.toggle()">
-      <app-login-bar></app-login-bar>
-  </igx-navbar>
-    <div class="content" igxFlex>
-      <router-outlet></router-outlet>
-    </div>
-  </div>
-</div>

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.component.spec.ts

@@ -1,31 +0,0 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app.component';
-import { AuthenticationModule } from './authentication';
-
-describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        NoopAnimationsModule,
-        RouterTestingModule,
-        IgxNavigationDrawerModule,
-        AuthenticationModule,
-        IgxNavbarModule,
-        IgxLayoutModule,
-        IgxRippleModule
-      ],
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  }));
-});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/app.module.ts

@@ -1,48 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { BrowserModule, HammerModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
-} from 'igniteui-angular';
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { AuthenticationModule, ExternalAuthService } from './authentication';
-import { HomeComponent } from './home/home.component';
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    HomeComponent
-  ],
-  imports: [
-    FormsModule,
-    BrowserModule,
-    HammerModule,
-    BrowserAnimationsModule,
-    // NOTE: `AuthenticationModule` defines child routes, must be imported before root `AppRoutingModule`
-    AuthenticationModule,
-    AppRoutingModule,
-    IgxNavigationDrawerModule,
-    IgxNavbarModule,
-    IgxLayoutModule,
-    IgxRippleModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule {
-
-  constructor(private externalAuthService: ExternalAuthService) {
-    /**
-     * To register a social login, un-comment one or more of the following and add your service provider Client ID.
-     * See https://github.com/IgniteUI/igniteui-cli/wiki/Angular-Authentication-Project-Template#add-a-third-party-social-provider
-     */
-    // this.externalAuthService.addGoogle('<CLIENT_ID>');
-
-    // this.externalAuthService.addMicrosoft('<CLIENT_ID>');
-
-    // this.externalAuthService.addFacebook('<CLIENT_ID>');
-  }
-
-}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/auth.guard.spec.ts

@@ -1,34 +0,0 @@
-import { AuthGuard } from './auth.guard';
-
-describe('AuthGuard', () => {
-  let mockRouter: any;
-  let mockUserService: any;
-  beforeEach(() => {
-    mockRouter = {
-      navigate: () => { }
-    };
-    mockUserService = {
-      currentUser: true
-    };
-  });
-
-  it('Should properly initialize', () => {
-    const authGuard = new AuthGuard(mockRouter, mockUserService);
-    expect(authGuard).toBeDefined();
-  });
-
-  it(`Should properly call 'canActivate'`, () => {
-    const authGuard = new AuthGuard(mockRouter, mockUserService);
-    const mockSpy = jasmine.createSpy('mockSpy');
-    expect(authGuard.canActivate(mockSpy as any, mockSpy as any)).toEqual(true);
-  });
-  it(`Should properly call 'canActivate'`, () => {
-    const authGuard = new AuthGuard(mockRouter, mockUserService);
-    const mockSpy = jasmine.createSpy('mockSpy');
-    mockUserService.currentUser = false;
-    spyOn(mockRouter, 'navigate');
-    expect(authGuard.canActivate(mockSpy as any, { url: 'test' } as any)).toEqual(false);
-    expect(mockRouter.navigate).toHaveBeenCalled();
-    expect(mockRouter.navigate).toHaveBeenCalledWith([''], { queryParams: { returnUrl: 'test' } });
-  });
-});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/auth.guard.ts

@@ -1,18 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
-import { UserService } from './services/user.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AuthGuard implements CanActivate {
-  constructor(private router: Router, private userService: UserService) { }
-
-  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if (this.userService.currentUser) {
-      return true;
-    }
-    this.router.navigate([''], { queryParams: { returnUrl: state.url } });
-    return false;
-  }
-}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/authentication-routing.module.ts

@@ -1,24 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { AuthGuard } from './auth.guard';
-import { ProfileComponent } from './profile/profile.component';
-import { RedirectComponent } from './redirect/redirect.component';
-import { ExternalAuthProvider } from './services/external-auth-configs';
-import { ExternalAuthRedirectUrl } from './services/external-auth.service';
-
-const authRoutes: Routes = [
-  { path: 'profile', component: ProfileComponent, canActivate: [AuthGuard] },
-  { path: ExternalAuthRedirectUrl.Google, component: RedirectComponent, data: { provider: ExternalAuthProvider.Google } },
-  { path: ExternalAuthRedirectUrl.Facebook, component: RedirectComponent, data: { provider: ExternalAuthProvider.Facebook } },
-  { path: ExternalAuthRedirectUrl.Microsoft, component: RedirectComponent, data: { provider: ExternalAuthProvider.Microsoft } }
-];
-
-@NgModule({
-  imports: [
-    RouterModule.forChild(authRoutes)
-  ],
-  exports: [
-    RouterModule
-  ]
-})
-export class AuthenticationRoutingModule { }

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/authentication.module.spec.ts

@@ -1,13 +0,0 @@
-import { AuthenticationModule } from './authentication.module';
-
-describe('AuthenticationModule', () => {
-  let authenticationModule: AuthenticationModule;
-
-  beforeEach(() => {
-    authenticationModule = new AuthenticationModule();
-  });
-
-  it('should create an instance', () => {
-    expect(authenticationModule).toBeTruthy();
-  });
-});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/authentication.module.ts

@@ -1,67 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { AuthModule, OidcConfigService } from 'angular-auth-oidc-client';
-import {
-  IgxAvatarModule,
-  IgxButtonModule,
-  IgxDialogModule,
-  IgxDropDownModule,
-  IgxIconModule,
-  IgxInputGroupModule,
-  IgxRippleModule,
-  IgxToggleModule
-} from 'igniteui-angular';
-import { AuthGuard } from './auth.guard';
-import { AuthenticationRoutingModule } from './authentication-routing.module';
-import { LoginBarComponent } from './login-bar/login-bar.component';
-import { LoginDialogComponent } from './login-dialog/login-dialog.component';
-import { LoginComponent } from './login/login.component';
-import { ProfileComponent } from './profile/profile.component';
-import { RedirectComponent } from './redirect/redirect.component';
-import { RegisterComponent } from './register/register.component';
-import { BackendProvider } from './services/fake-backend.service';
-import { JwtInterceptor } from './services/jwt.interceptor';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    HttpClientModule,
-    ReactiveFormsModule,
-    AuthModule.forRoot(),
-    AuthenticationRoutingModule,
-    IgxAvatarModule,
-    IgxButtonModule,
-    IgxDialogModule,
-    IgxDropDownModule,
-    IgxIconModule,
-    IgxInputGroupModule,
-    IgxRippleModule,
-    IgxToggleModule
-  ],
-  declarations: [
-    LoginBarComponent,
-    LoginComponent,
-    LoginDialogComponent,
-    ProfileComponent,
-    RedirectComponent,
-    RegisterComponent
-  ],
-  providers: [
-    AuthGuard,
-    OidcConfigService,
-    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
-    // TODO: DELETE THIS BEFORE PRODUCTION!
-    BackendProvider
-  ],
-  exports: [
-    LoginBarComponent,
-    LoginComponent,
-    RedirectComponent,
-    RegisterComponent,
-    LoginDialogComponent,
-    ProfileComponent
-  ]
-})
-export class AuthenticationModule { }

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/index.ts

@@ -1,9 +0,0 @@
-export * from './auth.guard';
-export * from './authentication-routing.module';
-export * from './authentication.module';
-export * from './models/login';
-export * from './models/register';
-export * from './models/user';
-export * from './services/authentication.service';
-export * from './services/external-auth.service';
-export * from './services/user.service';

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/login/login.component.html

@@ -1,29 +0,0 @@
-<form id="loginForm" [formGroup]="loginForm" (ngSubmit)="tryLogin()">
-  <igx-input-group>
-    <igx-prefix>
-      <igx-icon>account_circle</igx-icon>
-    </igx-prefix>
-    <label igxLabel for="email">Email</label>
-    <input igxInput id="loginEmail" name="email" formControlName="email" type="text" />
-  </igx-input-group>
-  <igx-input-group>
-    <igx-prefix>
-      <igx-icon>lock</igx-icon>
-    </igx-prefix>
-    <input igxInput id="loginPassword" name="password" type="password" formControlName="password" />
-    <label igxLabel for="password">Password</label>
-  </igx-input-group>
-
-  <div class="button-wrapper">
-    <button igxButton="raised" type="submit" igxRipple [disabled]="!loginForm.valid">LOG IN</button>
-    <a id="register" (click)="showRegistrationForm()">Create new account?</a>
-  </div>
-  <div class="social-login" *ngIf="authService.hasProvider()">
-    <button type="button" *ngIf="authService.hasProvider(providers.Facebook)" class="facebook" igxButton="raised"
-      (click)="signUpFb()">Sign Up Facebook</button>
-    <button type="button" *ngIf="authService.hasProvider(providers.Google)" class="google" igxButton="raised"
-      (click)="signUpG()">Sign Up Google</button>
-    <button type="button" *ngIf="authService.hasProvider(providers.Microsoft)" class="microsoft" igxButton="raised"
-      (click)="signUpMS()">Sign Up Microsoft</button>
-  </div>
-</form>

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/login/login.component.spec.ts

@@ -1,115 +0,0 @@
-import { DebugElement } from '@angular/core';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Router } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-import { IgxButtonModule, IgxIconModule, IgxInputGroupModule, IgxRippleModule } from 'igniteui-angular';
-import { AuthenticationService } from '../services/authentication.service';
-import { ExternalAuthProvider } from '../services/external-auth-configs';
-import { ExternalAuthService } from '../services/external-auth.service';
-import { UserService } from '../services/user.service';
-import { LoginComponent } from './login.component';
-
-const MAIL_GROUP_NAME = 'email';
-const PASSWORD_GROUP_NAME = 'password';
-
-describe('LoginComponent', () => {
-  let component: LoginComponent;
-  let fixture: ComponentFixture<LoginComponent>;
-  const extAuthSpy = jasmine.createSpyObj('ExternalAuthService', ['login', 'hasProvider']);
-  const authSpy = jasmine.createSpyObj('AuthenticationService', ['login']);
-  const userServSpy = jasmine.createSpyObj('UserService', ['setCurrentUser']);
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [ReactiveFormsModule, RouterTestingModule, NoopAnimationsModule,
-        IgxInputGroupModule, IgxButtonModule, IgxIconModule, IgxRippleModule],
-      declarations: [LoginComponent],
-      providers: [
-        { provide: ExternalAuthService, useValue: extAuthSpy },
-        { provide: AuthenticationService, useValue: authSpy },
-        { provide: UserService, useValue: userServSpy }
-      ]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should submit login data', async () => {
-    const router: Router = TestBed.inject(Router);
-    spyOn(router, 'navigate');
-    expect(component.loginForm.valid).toBeFalsy();
-    component.loginForm.controls[MAIL_GROUP_NAME].setValue('test@example.com');
-    expect(component.loginForm.valid).toBeFalsy();
-    component.loginForm.controls[PASSWORD_GROUP_NAME].setValue('123456');
-    expect(component.loginForm.valid).toBeTruthy();
-    spyOn(component.loggedIn, 'emit');
-    authSpy.login.and.returnValue(Promise.resolve({
-      error: null,
-      user: { name: 'TEST' }
-    }));
-    await component.tryLogin();
-    expect(authSpy.login).toHaveBeenCalledTimes(1);
-    expect(authSpy.login).toHaveBeenCalledWith({
-      email: 'test@example.com',
-      password: '123456'
-    });
-    expect(userServSpy.setCurrentUser).toHaveBeenCalledWith({ name: 'TEST' });
-    expect(component.loggedIn.emit).toHaveBeenCalled();
-    expect(router.navigate).toHaveBeenCalledWith(['/profile']);
-
-    authSpy.login.and.returnValue(Promise.resolve({
-      error: 'Err'
-    }));
-    spyOn(window, 'alert');
-    await component.tryLogin();
-    expect(window.alert).toHaveBeenCalledWith('Err');
-  });
-
-  it('should enable external auth buttons when configured', () => {
-    let activeProvider = ExternalAuthProvider.Facebook;
-    const has = (provider: ExternalAuthProvider) => provider ? provider === activeProvider : true;
-    (extAuthSpy.hasProvider as jasmine.Spy).and.callFake(has);
-    fixture.detectChanges();
-    expect(fixture.debugElement.query(By.css('button.facebook'))).toEqual(jasmine.any(DebugElement));
-    expect(fixture.debugElement.query(By.css('button.google'))).toBeNull();
-    expect(fixture.debugElement.query(By.css('button.microsoft'))).toBeNull();
-    activeProvider = ExternalAuthProvider.Google;
-    fixture.detectChanges();
-    expect(fixture.debugElement.query(By.css('button.facebook'))).toBeNull();
-    expect(fixture.debugElement.query(By.css('button.google'))).toEqual(jasmine.any(DebugElement));
-    expect(fixture.debugElement.query(By.css('button.microsoft'))).toBeNull();
-  });
-
-  it('should call correct external auth login per button', () => {
-    (extAuthSpy.hasProvider as jasmine.Spy).and.returnValue(true);
-    fixture.detectChanges();
-    spyOn(component.loggedIn, 'emit');
-    fixture.debugElement.query(By.css('button.facebook')).nativeElement.click();
-    expect(extAuthSpy.login).toHaveBeenCalledWith(ExternalAuthProvider.Facebook);
-    expect(component.loggedIn.emit).toHaveBeenCalled();
-
-    fixture.debugElement.query(By.css('button.google')).nativeElement.click();
-    expect(extAuthSpy.login).toHaveBeenCalledWith(ExternalAuthProvider.Google);
-
-    fixture.debugElement.query(By.css('button.microsoft')).nativeElement.click();
-    expect(extAuthSpy.login).toHaveBeenCalledWith(ExternalAuthProvider.Microsoft);
-  });
-
-  it('should emit viewChange on "create account" click', () => {
-    spyOn(fixture.componentInstance.viewChange, 'emit');
-    fixture.debugElement.query(By.css('#register')).nativeElement.click();
-    expect(fixture.componentInstance.viewChange.emit).toHaveBeenCalled();
-  });
-});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/login/login.component.ts

@@ -1,63 +0,0 @@
-import { Component, EventEmitter, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { AuthenticationService } from '../services/authentication.service';
-import { ExternalAuthProvider } from '../services/external-auth-configs';
-import { ExternalAuthService } from '../services/external-auth.service';
-import { UserService } from '../services/user.service';
-
-@Component({
-  selector: 'app-login',
-  templateUrl: './login.component.html',
-  styleUrls: ['./login.component.scss']
-})
-export class LoginComponent {
-  public loginForm: FormGroup;
-  @Output() public viewChange: EventEmitter<any> = new EventEmitter();
-  @Output() public loggedIn: EventEmitter<any> = new EventEmitter();
-  /** expose to template */
-  public providers = ExternalAuthProvider;
-
-  constructor(
-    public authService: ExternalAuthService, private authentication: AuthenticationService,
-    private userService: UserService, private router: Router, fb: FormBuilder
-  ) {
-    this.loginForm = fb.group({
-      email: ['', Validators.required],
-      password: ['', Validators.required],
-    });
-  }
-
-  signUpG() {
-    this.authService.login(ExternalAuthProvider.Google);
-  }
-
-  signUpMS() {
-    this.authService.login(ExternalAuthProvider.Microsoft);
-  }
-
-  signUpFb() {
-    this.authService.login(ExternalAuthProvider.Facebook);
-    this.loggedIn.emit();
-  }
-
-  async tryLogin() {
-    const response = await this.authentication.login(this.loginForm.value);
-    if (!response.error) {
-      this.userService.setCurrentUser(response.user!);
-      this.router.navigate(['/profile']);
-      this.loginForm.reset();
-      // https://github.com/angular/angular/issues/15741
-      Object.keys(this.loginForm.controls).forEach(key => {
-        this.loginForm.controls[key].setErrors(null);
-      });
-      this.loggedIn.emit();
-    } else {
-      alert(response.error);
-    }
-  }
-
-  showRegistrationForm() {
-    this.viewChange.emit();
-  }
-}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/login-bar/login-bar.component.html

@@ -1,17 +0,0 @@
-<button *ngIf="!userService.currentUser" igxRipple="white" igxButton="flat" igxButtonColor="white"
-  (click)="openDialog()">Log In</button>
-
-<button class="login-button" *ngIf="userService.currentUser" igxRipple="white" igxButton="flat" igxButtonBackground="c"
-  igxButtonColor="white" [igxToggleAction]="options">
-  <igx-avatar [initials]="userService.initials ?? ''" [src]="userService.currentUser.picture ?? ''"
-    [roundShape]="true" size="small" bgColor="white">
-  </igx-avatar>
-  <igx-icon>keyboard_arrow_down</igx-icon>
-</button>
-
-<igx-drop-down #options (selectionChanging)="menuSelect($event)">
-  <igx-drop-down-item [index]="0" igxRipple>Profile</igx-drop-down-item>
-  <igx-drop-down-item [index]="1" igxRipple>Log Out</igx-drop-down-item>
-</igx-drop-down>
-
-<app-login-dialog></app-login-dialog>