@formio/angular 5.2.0-rc.1 → 5.2.1-rc.2

package/{resource → dist/angular-formio/resource}/resource.service.d.ts

@@ -7,6 +7,7 @@ import { FormioAlerts } from '@formio/angular';
 import { FormioAppConfig } from '@formio/angular';
 import { FormioRefreshValue } from '@formio/angular';
 import Promise from 'native-promise-only';
+import * as i0 from "@angular/core";
 export declare class FormioResourceService {
     appConfig: FormioAppConfig;
     config: FormioResourceConfig;
@@ -42,5 +43,7 @@ export declare class FormioResourceService {
     loadResource(route: ActivatedRoute): any;
     save(resource: any): Promise<any>;
     remove(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormioResourceService, [null, null, { optional: true; }, null]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormioResourceService>;
 }
 //# sourceMappingURL=resource.service.d.ts.map

package/dist/angular-formio/resource/resource.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.service.d.ts","sourceRoot":"","sources":["../../../projects/angular-formio/resource/src/resource.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAwB,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,OAAO,MAAM,qBAAqB,CAAC;;AAI1C,qBACa,qBAAqB;IAuBvB,SAAS,EAAE,eAAe;IAC1B,MAAM,EAAE,oBAAoB;IAChB,gBAAgB,EAAE,eAAe;IAC7C,MAAM,EAAE,cAAc;IAzBxB,WAAW,UAAS;IACpB,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,oBAAoB,CAAC;IACjC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAE1C,eAAe,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,GAAG,CAAC;IAEf,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;gBAGjB,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE,oBAAoB,EAChB,gBAAgB,EAAE,eAAe,EAC7C,MAAM,EAAE,cAAc;IAY/B,UAAU;IAIV,IAAI;IA0BJ,OAAO,CAAC,KAAK,EAAE,GAAG;IAWlB,WAAW,CAAC,GAAG,EAAE,GAAG;IAKpB,UAAU,CAAC,KAAK,EAAE,cAAc;IAchC,QAAQ;IAmBR,WAAW;IAmDX,iBAAiB,CAAC,GAAG,EAAE,GAAG;IAI1B,YAAY,CAAC,KAAK,EAAE,cAAc;IAqBlC,IAAI,CAAC,QAAQ,EAAE,GAAG;IAclB,MAAM;yCA/MK,qBAAqB;6CAArB,qBAAqB;CA0NjC"}

package/{resource → dist/angular-formio/resource}/resources.service.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { FormioAuthService } from '@formio/angular/auth';
+import * as i0 from "@angular/core";
 export interface FormioResourceMap {
     [name: string]: any;
 }
@@ -9,5 +10,7 @@ export declare class FormioResources {
     error: EventEmitter<any>;
     onError: EventEmitter<any>;
     constructor(auth?: FormioAuthService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormioResources, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormioResources>;
 }
 //# sourceMappingURL=resources.service.d.ts.map

package/dist/angular-formio/resource/resources.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.service.d.ts","sourceRoot":"","sources":["../../../projects/angular-formio/resource/src/resources.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAEzD,MAAM,WAAW,iBAAiB;IAChC,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB;AAED,qBACa,eAAe;IAKjB,IAAI,CAAC,EAAE,iBAAiB;IAJjC,SAAS,EAAE,iBAAiB,CAAM;IAClC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;gBAElB,IAAI,CAAC,EAAE,iBAAiB;yCALtB,eAAe;6CAAf,eAAe;CAe3B"}

package/dist/angular-formio/resource/view/view.component.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy } from '@angular/core';
+import { FormioResourceService } from '../resource.service';
+import { FormioResourceConfig } from '../resource.config';
+import * as i0 from "@angular/core";
+export declare class FormioResourceViewComponent implements OnDestroy {
+    service: FormioResourceService;
+    config: FormioResourceConfig;
+    constructor(service: FormioResourceService, config: FormioResourceConfig);
+    submission: {
+        data: {};
+    };
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormioResourceViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormioResourceViewComponent, "ng-component", never, {}, {}, never, never>;
+}
+//# sourceMappingURL=view.component.d.ts.map

package/dist/angular-formio/resource/view/view.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.component.d.ts","sourceRoot":"","sources":["../../../../projects/angular-formio/resource/src/view/view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;;AAG1D,qBAGa,2BAA4B,YAAW,SAAS;IAElD,OAAO,EAAE,qBAAqB;IAC9B,MAAM,EAAE,oBAAoB;gBAD5B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB;IAE9B,UAAU;;MAAc;IAE/B,WAAW;yCAPA,2BAA2B;2CAA3B,2BAA2B;CAUvC"}

package/package.json

@@ -1,6 +1,19 @@
 {
   "name": "@formio/angular",
-  "version": "5.2.0-rc.1",
+  "version": "5.2.1-rc.2",
+  "scripts": {
+    "ng": "ng",
+    "build": "ng build angular-formio",
+    "build:watch": "ng build angular-formio --watch",
+    "build:prod": "ng build angular-formio --configuration production",
+    "docs": "npm run docs:build",
+    "docs:build": "compodoc -p tsconfig.json -n angular-formio -d docs --hideGenerator",
+    "docs:serve": "npm run docs:build -- -s",
+    "docs:watch": "npm run docs:build -- -s -w",
+    "publish": "npm run build:prod && npm publish dist/angular-formio",
+    "test": "ng test",
+    "lint": "ng lint"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/formio/angular-formio"
@@ -10,12 +23,7 @@
     "email": "travis@form.io"
   },
   "keywords": [
-    "angular",
-    "forms",
-    "json forms",
-    "javascript forms",
-    "model driven forms",
-    "form.io"
+    "angular"
   ],
   "license": "MIT",
   "bugs": {
@@ -24,24 +32,40 @@
   "engines": {
     "node": ">=6.0.0"
   },
-  "peerDependencies": {
-    "@angular/core": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0",
-    "@angular/common": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0",
-    "@angular/elements": "^9.0.0 || ^10.0.0 || ^11.0.0|| ^12.0.0",
-    "zone.js": "~0.11.4",
-    "formiojs": "^4.13.2",
-    "lodash": "^4.17.20",
-    "ngx-bootstrap": "^5.6.1"
-  },
-  "dependencies": {
-    "tslib": "^2.0.0"
-  },
-  "main": "bundles/formio-angular.umd.js",
-  "module": "fesm2015/formio-angular.js",
-  "es2015": "fesm2015/formio-angular.js",
-  "esm2015": "esm2015/formio-angular.js",
-  "fesm2015": "fesm2015/formio-angular.js",
-  "typings": "formio-angular.d.ts",
-  "metadata": "formio-angular.metadata.json",
-  "sideEffects": false
-}
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^12.2.10",
+    "@angular/animations": "^12.2.10",
+    "@angular/cli": "^12.2.10",
+    "@angular/common": "^12.2.10",
+    "@angular/compiler": "^12.2.10",
+    "@angular/compiler-cli": "^12.2.10",
+    "@angular/core": "^12.2.10",
+    "@angular/elements": "^12.2.10",
+    "@angular/forms": "^12.2.10",
+    "@angular/platform-browser": "^12.2.10",
+    "@angular/platform-browser-dynamic": "^12.2.10",
+    "@angular/router": "^12.2.10",
+    "@compodoc/compodoc": "^1.1.15",
+    "@types/jasmine": "^3.10.0",
+    "@types/jasminewd2": "^2.0.10",
+    "@types/node": "^15.6.1",
+    "codelyzer": "^6.0.2",
+    "formiojs": "^4.13.8",
+    "jasmine-core": "^3.10.0",
+    "jasmine-spec-reporter": "^7.0.0",
+    "karma": "^6.3.4",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.7.0",
+    "ng-packagr": "^12.2.3",
+    "ngx-bootstrap": "^6.2.0",
+    "protractor": "~7.0.0",
+    "rxjs": "^7.4.0",
+    "ts-node": "^10.3.0",
+    "tslib": "^2.3.1",
+    "tslint": "~6.1.0",
+    "typescript": "~4.2.4",
+    "zone.js": "~0.11.4"
+  }
+}

package/projects/angular-formio/README.md

@@ -0,0 +1,24 @@
+# AngularFormio
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.4.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project angular-formio` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-formio`.
+> Note: Don't forget to add `--project angular-formio` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build angular-formio` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build angular-formio`, go to the dist folder `cd dist/angular-formio` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test angular-formio` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/projects/angular-formio/auth/package.json

@@ -0,0 +1,10 @@
+{
+  "ngPackage": {
+    "lib": {
+      "umdModuleIds": {
+        "lodash": "_",
+        "formiojs": "formiojs"
+      }
+    }
+  }
+}

package/projects/angular-formio/auth/src/auth.component.html

@@ -0,0 +1,12 @@
+<div class="card card-primary panel panel-default">
+  <div class="card-header panel-heading">
+    <ul class="nav nav-tabs card-header-tabs">
+      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="login" routerLinkActive="active">Login</a></li>
+      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="register" routerLinkActive="active">Register</a></li>
+      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="resetpass" routerLinkActive="active">Reset Password</a></li>
+    </ul>
+  </div>
+  <div class="card-body panel-body">
+    <router-outlet></router-outlet>
+  </div>
+</div>

package/projects/angular-formio/auth/src/auth.component.ts

@@ -0,0 +1,5 @@
+import { Component } from '@angular/core';
+@Component({
+  templateUrl: './auth.component.html'
+})
+export class FormioAuthComponent {}

package/projects/angular-formio/auth/src/auth.config.ts

@@ -0,0 +1,72 @@
+import { Injectable } from '@angular/core';
+
+export interface FormioAuthFormConfig {
+  path?: string;
+  form?: string;
+  component?: any;
+}
+
+export interface FormioAuthRouteConfig {
+  auth?: any;
+  login?: any;
+  register?: any;
+  resetpass?: any;
+}
+
+@Injectable()
+export class FormioAuthConfig {
+  component?: any;
+  delayAuth?: any;
+  login?: FormioAuthFormConfig;
+  register?: FormioAuthFormConfig;
+  resetpass?: FormioAuthFormConfig;
+  oauth?: FormioOAuthConfig;
+}
+
+
+export interface FormioOAuthConfig {
+  type: FormioOauthType;
+  options: FormioOktaConfig | FormioSamlConfig;
+}
+
+export enum FormioOauthType {
+  okta = 'okta',
+  saml = 'saml',
+}
+
+export interface FormioOktaConfig extends OktaConfig {
+  formio?: any;
+}
+
+export interface FormioSamlConfig {
+  relay: string;
+}
+
+// for more details about Okta configuration options see https://github.com/okta/okta-auth-js#configuration-reference
+export interface OktaConfig {
+  url?: string;
+  tokenManager?: OktaTokenManagerConfig;
+  issuer?: string;
+  clientId?: string;
+  redirectUri?: string;
+  postLogoutRedirectUri?: string;
+  pkce?: boolean;
+  authorizeUrl?: string;
+  userinfoUrl?: string;
+  tokenUrl?: string;
+  ignoreSignature?: boolean;
+  maxClockSkew?: number;
+  scopes?: string[];
+  httpRequestClient?: Function;
+}
+
+export interface OktaTokenManagerConfig {
+  storage?: string | {
+    getItem?: Function;
+    setItem?: Function;
+  };
+  secure?: boolean;
+  autoRenew?: boolean;
+  expireEarlySeconds?: number;
+  storageKey?: string;
+}

package/projects/angular-formio/auth/src/auth.module.ts

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { FormioModule } from '@formio/angular';
+import { FormioAuthComponent } from './auth.component';
+import { FormioAuthLoginComponent } from './login/login.component';
+import { FormioAuthRegisterComponent } from './register/register.component';
+import { FormioResetPassComponent } from './resetpass/resetpass.component';
+import { FormioAuthRouteConfig } from './auth.config';
+import { FormioAuthRoutes } from './auth.routes';
+import { extendRouter } from '@formio/angular';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormioModule,
+    RouterModule
+  ],
+  declarations: [
+    FormioAuthComponent,
+    FormioAuthLoginComponent,
+    FormioAuthRegisterComponent,
+    FormioResetPassComponent
+  ]
+})
+export class FormioAuth {
+  static forRoot(config?: FormioAuthRouteConfig): any {
+    return extendRouter(FormioAuth, config, FormioAuthRoutes);
+  }
+  static forChild(config?: FormioAuthRouteConfig): any {
+    return extendRouter(FormioAuth, config, FormioAuthRoutes);
+  }
+}

package/projects/angular-formio/auth/src/auth.routes.ts

@@ -0,0 +1,34 @@
+import { Routes } from '@angular/router';
+import { FormioAuthRouteConfig } from './auth.config';
+import { FormioAuthComponent } from './auth.component';
+import { FormioAuthLoginComponent } from './login/login.component';
+import { FormioAuthRegisterComponent } from './register/register.component';
+import { FormioResetPassComponent } from './resetpass/resetpass.component';
+
+export function FormioAuthRoutes(config?: FormioAuthRouteConfig): Routes {
+  return [
+    {
+      path: '',
+      component: config && config.auth ? config.auth : FormioAuthComponent,
+      children: [
+        {
+          path: '',
+          redirectTo: 'login',
+          pathMatch: 'full'
+        },
+        {
+          path: 'login',
+          component: config && config.login ? config.login : FormioAuthLoginComponent
+        },
+        {
+          path: 'register',
+          component: config && config.register ? config.register : FormioAuthRegisterComponent
+        },
+        {
+          path: 'resetpass',
+          component: config && config.resetpass ? config.resetpass : FormioResetPassComponent
+        }
+      ]
+    }
+  ];
+}

package/projects/angular-formio/auth/src/auth.service.ts

@@ -0,0 +1,201 @@
+import { EventEmitter, Injectable, Inject } from '@angular/core';
+import { FormioAuthConfig } from './auth.config';
+import { FormioAppConfig } from '@formio/angular';
+import { get, each } from 'lodash';
+import { Formio } from 'formiojs';
+
+@Injectable()
+export class FormioAuthService {
+  public user: any;
+  public authenticated = false;
+
+  public loginForm: string;
+  public onLogin: EventEmitter<object>;
+  public onLogout: EventEmitter<object>;
+
+  public registerForm: string;
+  public onRegister: EventEmitter<object>;
+  public onUser: EventEmitter<object>;
+  public onError: EventEmitter<any>;
+
+  public resetPassForm: string;
+  public onResetPass: EventEmitter<object>;
+
+  public ready: Promise<boolean>;
+  public readyResolve: any;
+  public readyReject: any;
+
+  public projectReady?: Promise<any>;
+  public accessReady?: Promise<any>;
+  public userReady?: Promise<any>;
+  public formAccess: any = {};
+  public submissionAccess: any = {};
+  public roles: any;
+  public is: any = {};
+
+  constructor(
+    public appConfig: FormioAppConfig,
+    public config: FormioAuthConfig
+  ) {
+    this.user = null;
+
+    if (this.appConfig && this.appConfig.appUrl) {
+      Formio.setBaseUrl(this.appConfig.apiUrl);
+      Formio.setProjectUrl(this.appConfig.appUrl);
+      Formio.formOnly = !!this.appConfig.formOnly;
+    } else {
+      console.error('You must provide an AppConfig within your application!');
+    }
+
+    this.loginForm =
+      this.appConfig.appUrl +
+      '/' +
+      get(this.config, 'login.form', 'user/login');
+    this.registerForm =
+      this.appConfig.appUrl +
+      '/' +
+      get(this.config, 'register.form', 'user/register');
+    this.resetPassForm =
+      this.appConfig.appUrl +
+      '/' +
+      get(this.config, 'register.form', 'resetpass');
+    this.onLogin = new EventEmitter();
+    this.onLogout = new EventEmitter();
+    this.onRegister = new EventEmitter();
+    this.onUser = new EventEmitter();
+    this.onError = new EventEmitter();
+
+    this.ready = new Promise((resolve: any, reject: any) => {
+      this.readyResolve = resolve;
+      this.readyReject = reject;
+    });
+
+    // Register for the core events.
+    Formio.events.on('formio.badToken', () => this.logoutError());
+    Formio.events.on('formio.sessionExpired', () => this.logoutError());
+    if (!this.config.delayAuth) {
+      this.init();
+    }
+  }
+
+  onLoginSubmit(submission: object) {
+    this.setUser(submission);
+    this.onLogin.emit(submission);
+  }
+
+  onRegisterSubmit(submission: object) {
+    this.setUser(submission);
+    this.onRegister.emit(submission);
+  }
+
+  onResetPassSubmit(submission: object) {
+    this.onResetPass.emit(submission);
+  }
+
+  init() {
+    this.projectReady = Formio.makeStaticRequest(this.appConfig.appUrl).then(
+      (project: any) => {
+        each(project.access, (access: any) => {
+          this.formAccess[access.type] = access.roles;
+        });
+      },
+      (): any => {
+        this.formAccess = {};
+        return null;
+      }
+    );
+
+    // Get the access for this project.
+    this.accessReady = Formio.makeStaticRequest(
+      this.appConfig.appUrl + '/access'
+    ).then(
+      (access: any) => {
+        each(access.forms, (form: any) => {
+          this.submissionAccess[form.name] = {};
+          form.submissionAccess.forEach((subAccess: any) => {
+            this.submissionAccess[form.name][subAccess.type] = subAccess.roles;
+          });
+        });
+        this.roles = access.roles;
+        return access;
+      },
+      (): any => {
+        this.roles = {};
+        return null;
+      }
+    );
+
+    let currentUserPromise: Promise<any>;
+    if (this.config.oauth) {
+      // Make a fix to the hash to remove starting "/" that angular might put there.
+      if (window.location.hash && window.location.hash.match(/^#\/access_token/)) {
+        history.pushState(null, null, window.location.hash.replace(/^#\/access_token/, '#access_token'));
+      }
+
+      // Initiate the SSO if they provide oauth settings.
+      currentUserPromise = Formio.ssoInit(this.config.oauth.type, this.config.oauth.options);
+    } else {
+      currentUserPromise = Formio.currentUser();
+    }
+
+    this.userReady = currentUserPromise.then((user: any) => {
+      this.setUser(user);
+      return user;
+    });
+
+    // Trigger we are redy when all promises have resolved.
+    if (this.accessReady) {
+      this.accessReady
+        .then(() => this.projectReady)
+        .then(() => this.userReady)
+        .then(() => this.readyResolve(true))
+        .catch((err: any) => this.readyReject(err));
+    }
+  }
+
+  setUser(user: any) {
+    const namespace = Formio.namespace || 'formio';
+    if (user) {
+      this.user = user;
+      localStorage.setItem(`${namespace}AppUser`, JSON.stringify(user));
+      this.setUserRoles();
+    } else {
+      this.user = null;
+      this.is = {};
+      localStorage.removeItem(`${namespace}AppUser`);
+      Formio.clearCache();
+      Formio.setUser(null);
+    }
+
+    this.authenticated = !!Formio.getToken();
+    this.onUser.emit(this.user);
+  }
+
+  setUserRoles() {
+    if (this.accessReady) {
+      this.accessReady.then(() => {
+        each(this.roles, (role: any, roleName: string) => {
+          if (this.user.roles.indexOf(role._id) !== -1) {
+            this.is[roleName] = true;
+          }
+        });
+      });
+    }
+  }
+
+  logoutError() {
+    this.setUser(null);
+    const namespace = Formio.namespace || 'formio';
+    localStorage.removeItem(`${namespace}Token`);
+    this.onError.emit();
+  }
+
+  logout() {
+    this.setUser(null);
+    const namespace = Formio.namespace || 'formio';
+    localStorage.removeItem(`${namespace}Token`);
+    Formio.logout()
+      .then(() => this.onLogout.emit())
+      .catch(() => this.logoutError());
+  }
+}

package/projects/angular-formio/auth/src/index.ts

@@ -0,0 +1,8 @@
+export { FormioAuthConfig } from './auth.config';
+export { FormioAuthService } from './auth.service';
+export { FormioAuthComponent }  from './auth.component';
+export { FormioAuthLoginComponent } from './login/login.component';
+export { FormioAuthRegisterComponent } from './register/register.component';
+export { FormioResetPassComponent } from './resetpass/resetpass.component';
+export { FormioAuthRoutes } from './auth.routes';
+export { FormioAuth } from './auth.module';

package/projects/angular-formio/auth/src/login/login.component.html

@@ -0,0 +1 @@
+<formio [src]="service.loginForm" (submit)="service.onLoginSubmit($event)"></formio>

package/projects/angular-formio/auth/src/login/login.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+import { FormioAuthService } from '../auth.service';
+@Component({
+  templateUrl: './login.component.html'
+})
+export class FormioAuthLoginComponent {
+  constructor(public service: FormioAuthService) {}
+}

package/projects/angular-formio/auth/src/public_api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of angular-formio
+ */
+
+export * from './index';

package/projects/angular-formio/auth/src/register/register.component.html

@@ -0,0 +1 @@
+<formio [src]="service.registerForm" (submit)="service.onRegisterSubmit($event)"></formio>

package/projects/angular-formio/auth/src/register/register.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+import { FormioAuthService } from '../auth.service';
+@Component({
+  templateUrl: './register.component.html'
+})
+export class FormioAuthRegisterComponent {
+  constructor(public service: FormioAuthService) {}
+}

package/projects/angular-formio/auth/src/resetpass/resetpass.component.html

@@ -0,0 +1 @@
+<formio [src]="service.resetPassForm" (submit)="service.onResetPassSubmit($event)"></formio>

package/projects/angular-formio/auth/src/resetpass/resetpass.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+import { FormioAuthService } from '../auth.service';
+@Component({
+  templateUrl: './resetpass.component.html'
+})
+export class FormioResetPassComponent {
+  constructor(public service: FormioAuthService) {}
+}

package/projects/angular-formio/grid/package.json

@@ -0,0 +1,11 @@
+{
+  "ngPackage": {
+    "lib": {
+      "umdModuleIds": {
+        "lodash": "_",
+        "formiojs": "formiojs",
+        "ngx-bootstrap/pagination": "ngx-bootstrap/pagination"
+      }
+    }
+  }
+}