@tehw0lf/contact-form 0.0.1

package/README.md

@@ -0,0 +1,28 @@
+# contact-form
+
+This provides a simple way to let your users contact you.
+The component takes as input an API-URL.
+
+Default is 'https://forwardmethis.com/tehwolf@pm.me' - please change it, as you will need to confirm the API access for the first email you will receive.
+
+```html
+<contact-form [apiURL]="emailBackendURL"></contact-form>
+```
+
+In your component, set the `emailBackendURL` property. The naming of this variable is arbitrary:
+
+```ts
+emailBackendURL = 'https://forwardmethis.com/my@email.com';
+```
+
+This contact form will send a POST request to the API, containing the following data structure:
+
+```json
+{
+  "name": "your entered name",
+  "email": "your entered email address",
+  "message": "your entered message"
+}
+```
+
+You can of course use your own backend with this data structure, as the API-URL can be overridden as shown above.

package/bundles/tehw0lf-contact-form.umd.js

@@ -0,0 +1,136 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/core'), require('@angular/forms'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@tehw0lf/contact-form', ['exports', '@angular/common', '@angular/common/http', '@angular/core', '@angular/forms', 'rxjs', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.tehw0lf = global.tehw0lf || {}, global.tehw0lf['contact-form'] = {}), global.ng.common, global.ng.common.http, global.ng.core, global.ng.forms, global.rxjs, global.rxjs.operators));
+}(this, (function (exports, i3, i1, i0, i1$1, rxjs, operators) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+
+    var EmailApiService = /** @class */ (function () {
+        function EmailApiService(http) {
+            this.http = http;
+            this.httpOptions = {
+                headers: new i1.HttpHeaders({
+                    'Content-Type': 'application/json'
+                })
+            };
+        }
+        EmailApiService.prototype.sendEmail = function (apiURL, data) {
+            return this.http.post(apiURL, JSON.stringify(data), this.httpOptions).pipe(operators.map(function (response) {
+                return response;
+            }), operators.catchError(function (error) {
+                return rxjs.of(error.statusText);
+            }));
+        };
+        return EmailApiService;
+    }());
+    EmailApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: EmailApiService, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    EmailApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: EmailApiService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: EmailApiService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
+
+    var ContactFormComponent = /** @class */ (function () {
+        function ContactFormComponent(builder, emailService) {
+            this.builder = builder;
+            this.emailService = emailService;
+            this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+            this.emailSent = new rxjs.Subject();
+            this.emailSent$ = this.emailSent.asObservable();
+            this.unsubscribe$ = new rxjs.Subject();
+            this.emailSent.next(null);
+            this.formGroup = this.builder.group({
+                name: new i1$1.FormControl('', [i1$1.Validators.required]),
+                email: new i1$1.FormControl('', [i1$1.Validators.required, i1$1.Validators.email]),
+                message: new i1$1.FormControl('', [i1$1.Validators.required])
+            });
+        }
+        ContactFormComponent.prototype.ngOnDestroy = function () {
+            this.unsubscribe$.next();
+            this.unsubscribe$.complete();
+        };
+        ContactFormComponent.prototype.submitFormData = function (formData) {
+            var _this = this;
+            this.emailService
+                .sendEmail(this.apiURL, formData.value)
+                .pipe(operators.tap(function (response) {
+                if (response === 'OK') {
+                    _this.emailSent.next(true);
+                }
+                else {
+                    _this.emailSent.next(false);
+                }
+            }), operators.takeUntil(this.unsubscribe$))
+                .subscribe();
+        };
+        return ContactFormComponent;
+    }());
+    ContactFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: EmailApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ContactFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL" }, ngImport: i0__namespace, template: "<form\n  class=\"contact-form\"\n  [formGroup]=\"formGroup\"\n  (ngSubmit)=\"submitFormData(formGroup)\"\n>\n  <div class=\"form-group\">\n    <label for=\"name\">Ihr Name</label>\n    <input\n      class=\"form-control\"\n      type=\"text\"\n      name=\"name\"\n      placeholder=\"Name\"\n      formControlName=\"name\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"email\">Ihre E-Mail Adresse</label>\n    <input\n      class=\"form-control\"\n      type=\"email\"\n      name=\"email\"\n      placeholder=\"ihre@mail.de\"\n      formControlName=\"email\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"message\">Ihre Nachricht</label>\n    <textarea class=\"form-control\" formControlName=\"message\" name=\"message\">\n    </textarea>\n  </div>\n  <button class=\"form-button\" type=\"submit\" [disabled]=\"!formGroup.valid\">\n    Senden\n  </button>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === true\">\n    E-Mail erfolgreich versendet!\n  </div>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === false\">\n    Fehler: E-Mail konnte nicht versendet werden\n  </div>\n</form>\n", styles: [".contact-form{background-color:#fff;max-width:500px;margin:auto;padding:40px;box-shadow:0 2px 10px #00000013;box-sizing:border-box}.form-button{display:block;border:1px solid #ced4da;border-radius:.25rem;width:96%;padding:.375rem .75rem}.form-control{display:block;width:90%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#282b2e;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;margin-top:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group{margin-bottom:1rem}.form-status{margin-top:2rem}textarea{overflow:auto;resize:vertical}\n"], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/component-selector
+                        selector: 'contact-form',
+                        templateUrl: './contact-form.component.html',
+                        styleUrls: ['./contact-form.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: EmailApiService }]; }, propDecorators: { apiURL: [{
+                    type: i0.Input
+                }] } });
+
+    var ContactFormModule = /** @class */ (function () {
+        function ContactFormModule() {
+        }
+        return ContactFormModule;
+    }());
+    ContactFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    ContactFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormModule, declarations: [ContactFormComponent], imports: [i3.CommonModule, i1.HttpClientModule, i1$1.ReactiveFormsModule], exports: [ContactFormComponent] });
+    ContactFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormModule, providers: [EmailApiService], imports: [[i3.CommonModule, i1.HttpClientModule, i1$1.ReactiveFormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: ContactFormModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i3.CommonModule, i1.HttpClientModule, i1$1.ReactiveFormsModule],
+                        declarations: [ContactFormComponent],
+                        exports: [ContactFormComponent],
+                        providers: [EmailApiService],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ContactFormComponent = ContactFormComponent;
+    exports.ContactFormModule = ContactFormModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=tehw0lf-contact-form.umd.js.map

package/bundles/tehw0lf-contact-form.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tehw0lf-contact-form.umd.js","sources":["../../../../libs/contact-form/src/lib/email-api.service.ts","../../../../libs/contact-form/src/lib/contact-form/contact-form.component.ts","../../../../libs/contact-form/src/lib/contact-form/contact-form.component.html","../../../../libs/contact-form/src/lib/contact-form.module.ts","../../../../libs/contact-form/src/tehw0lf-contact-form.ts"],"sourcesContent":["import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class EmailApiService {\n  httpOptions = {\n    headers: new HttpHeaders({\n      'Content-Type': 'application/json'\n    })\n  };\n  constructor(private http: HttpClient) {}\n\n  sendEmail(apiURL: string, data: any): Observable<any> {\n    return this.http.post(apiURL, JSON.stringify(data), this.httpOptions).pipe(\n      map((response: any) => {\n        return response;\n      }),\n      catchError((error: any) => {\n        return of(error.statusText);\n      })\n    );\n  }\n}\n","import { Component, Input, OnDestroy } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\n\nimport { EmailApiService } from '../email-api.service';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contact-form',\n  templateUrl: './contact-form.component.html',\n  styleUrls: ['./contact-form.component.scss']\n})\nexport class ContactFormComponent implements OnDestroy {\n  @Input() apiURL = 'https://forwardmethis.com/tehwolf@pm.me';\n\n  formGroup: FormGroup;\n  emailSent: Subject<boolean | null> = new Subject();\n  emailSent$ = this.emailSent.asObservable();\n\n  private unsubscribe$: Subject<void> = new Subject();\n\n  constructor(\n    private builder: FormBuilder,\n    private emailService: EmailApiService\n  ) {\n    this.emailSent.next(null);\n    this.formGroup = this.builder.group({\n      name: new FormControl('', [Validators.required]),\n      email: new FormControl('', [Validators.required, Validators.email]),\n      message: new FormControl('', [Validators.required])\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribe$.next();\n    this.unsubscribe$.complete();\n  }\n\n  submitFormData(formData: FormGroup) {\n    this.emailService\n      .sendEmail(this.apiURL, formData.value)\n      .pipe(\n        tap((response: string) => {\n          if (response === 'OK') {\n            this.emailSent.next(true);\n          } else {\n            this.emailSent.next(false);\n          }\n        }),\n        takeUntil(this.unsubscribe$)\n      )\n      .subscribe();\n  }\n}\n","<form\n  class=\"contact-form\"\n  [formGroup]=\"formGroup\"\n  (ngSubmit)=\"submitFormData(formGroup)\"\n>\n  <div class=\"form-group\">\n    <label for=\"name\">Ihr Name</label>\n    <input\n      class=\"form-control\"\n      type=\"text\"\n      name=\"name\"\n      placeholder=\"Name\"\n      formControlName=\"name\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"email\">Ihre E-Mail Adresse</label>\n    <input\n      class=\"form-control\"\n      type=\"email\"\n      name=\"email\"\n      placeholder=\"ihre@mail.de\"\n      formControlName=\"email\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"message\">Ihre Nachricht</label>\n    <textarea class=\"form-control\" formControlName=\"message\" name=\"message\">\n    </textarea>\n  </div>\n  <button class=\"form-button\" type=\"submit\" [disabled]=\"!formGroup.valid\">\n    Senden\n  </button>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === true\">\n    E-Mail erfolgreich versendet!\n  </div>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === false\">\n    Fehler: E-Mail konnte nicht versendet werden\n  </div>\n</form>\n","import { CommonModule } from '@angular/common';\nimport { HttpClientModule } from '@angular/common/http';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { ContactFormComponent } from './contact-form/contact-form.component';\nimport { EmailApiService } from './email-api.service';\n\n@NgModule({\n  imports: [CommonModule, HttpClientModule, ReactiveFormsModule],\n  declarations: [ContactFormComponent],\n  exports: [ContactFormComponent],\n  providers: [EmailApiService],\n})\nexport class ContactFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["HttpHeaders","map","catchError","of","Injectable","Subject","FormControl","Validators","tap","takeUntil","Component","Input","CommonModule","HttpClientModule","ReactiveFormsModule","NgModule"],"mappings":"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"}

package/esm2015/index.js

@@ -0,0 +1,3 @@
+export * from './lib/contact-form.module';
+export * from './lib/contact-form/contact-form.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJDQUEyQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdC1mb3JtLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0LWZvcm0vY29udGFjdC1mb3JtLmNvbXBvbmVudCc7XG4iXX0=

package/esm2015/lib/contact-form/contact-form.component.js

@@ -0,0 +1,56 @@
+import { Component, Input } from '@angular/core';
+import { FormBuilder, FormControl, Validators } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import { EmailApiService } from '../email-api.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../email-api.service";
+import * as i3 from "@angular/common";
+export class ContactFormComponent {
+    constructor(builder, emailService) {
+        this.builder = builder;
+        this.emailService = emailService;
+        this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+        this.emailSent = new Subject();
+        this.emailSent$ = this.emailSent.asObservable();
+        this.unsubscribe$ = new Subject();
+        this.emailSent.next(null);
+        this.formGroup = this.builder.group({
+            name: new FormControl('', [Validators.required]),
+            email: new FormControl('', [Validators.required, Validators.email]),
+            message: new FormControl('', [Validators.required])
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    }
+    submitFormData(formData) {
+        this.emailService
+            .sendEmail(this.apiURL, formData.value)
+            .pipe(tap((response) => {
+            if (response === 'OK') {
+                this.emailSent.next(true);
+            }
+            else {
+                this.emailSent.next(false);
+            }
+        }), takeUntil(this.unsubscribe$))
+            .subscribe();
+    }
+}
+ContactFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.EmailApiService }], target: i0.ɵɵFactoryTarget.Component });
+ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL" }, ngImport: i0, template: "<form\n  class=\"contact-form\"\n  [formGroup]=\"formGroup\"\n  (ngSubmit)=\"submitFormData(formGroup)\"\n>\n  <div class=\"form-group\">\n    <label for=\"name\">Ihr Name</label>\n    <input\n      class=\"form-control\"\n      type=\"text\"\n      name=\"name\"\n      placeholder=\"Name\"\n      formControlName=\"name\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"email\">Ihre E-Mail Adresse</label>\n    <input\n      class=\"form-control\"\n      type=\"email\"\n      name=\"email\"\n      placeholder=\"ihre@mail.de\"\n      formControlName=\"email\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"message\">Ihre Nachricht</label>\n    <textarea class=\"form-control\" formControlName=\"message\" name=\"message\">\n    </textarea>\n  </div>\n  <button class=\"form-button\" type=\"submit\" [disabled]=\"!formGroup.valid\">\n    Senden\n  </button>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === true\">\n    E-Mail erfolgreich versendet!\n  </div>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === false\">\n    Fehler: E-Mail konnte nicht versendet werden\n  </div>\n</form>\n", styles: [".contact-form{background-color:#fff;max-width:500px;margin:auto;padding:40px;box-shadow:0 2px 10px #00000013;box-sizing:border-box}.form-button{display:block;border:1px solid #ced4da;border-radius:.25rem;width:96%;padding:.375rem .75rem}.form-control{display:block;width:90%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#282b2e;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;margin-top:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group{margin-bottom:1rem}.form-status{margin-top:2rem}textarea{overflow:auto;resize:vertical}\n"], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'contact-form',
+                    templateUrl: './contact-form.component.html',
+                    styleUrls: ['./contact-form.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.EmailApiService }]; }, propDecorators: { apiURL: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29udGFjdC1mb3JtL3NyYy9saWIvY29udGFjdC1mb3JtL2NvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvbGliL2NvbnRhY3QtZm9ybS9jb250YWN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQWEsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWhELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFRdkQsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQixZQUNVLE9BQW9CLEVBQ3BCLFlBQTZCO1FBRDdCLFlBQU8sR0FBUCxPQUFPLENBQWE7UUFDcEIsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBVjlCLFdBQU0sR0FBRyx5Q0FBeUMsQ0FBQztRQUc1RCxjQUFTLEdBQTRCLElBQUksT0FBTyxFQUFFLENBQUM7UUFDbkQsZUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFbkMsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQU1sRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1lBQ2xDLElBQUksRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDaEQsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ25FLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDcEQsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxRQUFtQjtRQUNoQyxJQUFJLENBQUMsWUFBWTthQUNkLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUM7YUFDdEMsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLFFBQWdCLEVBQUUsRUFBRTtZQUN2QixJQUFJLFFBQVEsS0FBSyxJQUFJLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzNCO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQzVCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FDN0I7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDOztrSEF4Q1Usb0JBQW9CO3NHQUFwQixvQkFBb0Isa0ZDYmpDLHNvQ0F3Q0E7NEZEM0JhLG9CQUFvQjtrQkFOaEMsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxjQUFjO29CQUN4QixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztpQkFDN0M7Z0lBRVUsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBFbWFpbEFwaVNlcnZpY2UgfSBmcm9tICcuLi9lbWFpbC1hcGkuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NvbnRhY3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWZvcm0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWN0Rm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGFwaVVSTCA9ICdodHRwczovL2ZvcndhcmRtZXRoaXMuY29tL3RlaHdvbGZAcG0ubWUnO1xuXG4gIGZvcm1Hcm91cDogRm9ybUdyb3VwO1xuICBlbWFpbFNlbnQ6IFN1YmplY3Q8Ym9vbGVhbiB8IG51bGw+ID0gbmV3IFN1YmplY3QoKTtcbiAgZW1haWxTZW50JCA9IHRoaXMuZW1haWxTZW50LmFzT2JzZXJ2YWJsZSgpO1xuXG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgZW1haWxTZXJ2aWNlOiBFbWFpbEFwaVNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy5lbWFpbFNlbnQubmV4dChudWxsKTtcbiAgICB0aGlzLmZvcm1Hcm91cCA9IHRoaXMuYnVpbGRlci5ncm91cCh7XG4gICAgICBuYW1lOiBuZXcgRm9ybUNvbnRyb2woJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXSksXG4gICAgICBlbWFpbDogbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5lbWFpbF0pLFxuICAgICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pXG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5uZXh0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHN1Ym1pdEZvcm1EYXRhKGZvcm1EYXRhOiBGb3JtR3JvdXApIHtcbiAgICB0aGlzLmVtYWlsU2VydmljZVxuICAgICAgLnNlbmRFbWFpbCh0aGlzLmFwaVVSTCwgZm9ybURhdGEudmFsdWUpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChyZXNwb25zZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgaWYgKHJlc3BvbnNlID09PSAnT0snKSB7XG4gICAgICAgICAgICB0aGlzLmVtYWlsU2VudC5uZXh0KHRydWUpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmVtYWlsU2VudC5uZXh0KGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIGNsYXNzPVwiY29udGFjdC1mb3JtXCJcbiAgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIlxuICAobmdTdWJtaXQpPVwic3VibWl0Rm9ybURhdGEoZm9ybUdyb3VwKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPGxhYmVsIGZvcj1cIm5hbWVcIj5JaHIgTmFtZTwvbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBuYW1lPVwibmFtZVwiXG4gICAgICBwbGFjZWhvbGRlcj1cIk5hbWVcIlxuICAgICAgZm9ybUNvbnRyb2xOYW1lPVwibmFtZVwiXG4gICAgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPGxhYmVsIGZvcj1cImVtYWlsXCI+SWhyZSBFLU1haWwgQWRyZXNzZTwvbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICB0eXBlPVwiZW1haWxcIlxuICAgICAgbmFtZT1cImVtYWlsXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiaWhyZUBtYWlsLmRlXCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cImVtYWlsXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cbiAgICA8bGFiZWwgZm9yPVwibWVzc2FnZVwiPklocmUgTmFjaHJpY2h0PC9sYWJlbD5cbiAgICA8dGV4dGFyZWEgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBmb3JtQ29udHJvbE5hbWU9XCJtZXNzYWdlXCIgbmFtZT1cIm1lc3NhZ2VcIj5cbiAgICA8L3RleHRhcmVhPlxuICA8L2Rpdj5cbiAgPGJ1dHRvbiBjbGFzcz1cImZvcm0tYnV0dG9uXCIgdHlwZT1cInN1Ym1pdFwiIFtkaXNhYmxlZF09XCIhZm9ybUdyb3VwLnZhbGlkXCI+XG4gICAgU2VuZGVuXG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1zdGF0dXNcIiAqbmdJZj1cIihlbWFpbFNlbnQkIHwgYXN5bmMpID09PSB0cnVlXCI+XG4gICAgRS1NYWlsIGVyZm9sZ3JlaWNoIHZlcnNlbmRldCFcbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLXN0YXR1c1wiICpuZ0lmPVwiKGVtYWlsU2VudCQgfCBhc3luYykgPT09IGZhbHNlXCI+XG4gICAgRmVobGVyOiBFLU1haWwga29ubnRlIG5pY2h0IHZlcnNlbmRldCB3ZXJkZW5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=

package/esm2015/lib/contact-form.module.js

@@ -0,0 +1,22 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { ContactFormComponent } from './contact-form/contact-form.component';
+import { EmailApiService } from './email-api.service';
+import * as i0 from "@angular/core";
+export class ContactFormModule {
+}
+ContactFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ContactFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, declarations: [ContactFormComponent], imports: [CommonModule, HttpClientModule, ReactiveFormsModule], exports: [ContactFormComponent] });
+ContactFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, providers: [EmailApiService], imports: [[CommonModule, HttpClientModule, ReactiveFormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, HttpClientModule, ReactiveFormsModule],
+                    declarations: [ContactFormComponent],
+                    exports: [ContactFormComponent],
+                    providers: [EmailApiService],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1mb3JtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29udGFjdC1mb3JtL3NyYy9saWIvY29udGFjdC1mb3JtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBUXRELE1BQU0sT0FBTyxpQkFBaUI7OytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFKYixvQkFBb0IsYUFEekIsWUFBWSxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixhQUVuRCxvQkFBb0I7Z0hBR25CLGlCQUFpQixhQUZqQixDQUFDLGVBQWUsQ0FBQyxZQUhuQixDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsQ0FBQzs0RkFLbkQsaUJBQWlCO2tCQU43QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsQ0FBQztvQkFDOUQsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUMvQixTQUFTLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgQ29udGFjdEZvcm1Db21wb25lbnQgfSBmcm9tICcuL2NvbnRhY3QtZm9ybS9jb250YWN0LWZvcm0uY29tcG9uZW50JztcbmltcG9ydCB7IEVtYWlsQXBpU2VydmljZSB9IGZyb20gJy4vZW1haWwtYXBpLnNlcnZpY2UnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBIdHRwQ2xpZW50TW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbQ29udGFjdEZvcm1Db21wb25lbnRdLFxuICBleHBvcnRzOiBbQ29udGFjdEZvcm1Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtFbWFpbEFwaVNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWN0Rm9ybU1vZHVsZSB7fVxuIl19

package/esm2015/lib/email-api.service.js

@@ -0,0 +1,32 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+export class EmailApiService {
+    constructor(http) {
+        this.http = http;
+        this.httpOptions = {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json'
+            })
+        };
+    }
+    sendEmail(apiURL, data) {
+        return this.http.post(apiURL, JSON.stringify(data), this.httpOptions).pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            return of(error.statusText);
+        }));
+    }
+}
+EmailApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+EmailApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtYXBpLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvbGliL2VtYWlsLWFwaS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUtqRCxNQUFNLE9BQU8sZUFBZTtJQU0xQixZQUFvQixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBTHBDLGdCQUFXLEdBQUc7WUFDWixPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUM7Z0JBQ3ZCLGNBQWMsRUFBRSxrQkFBa0I7YUFDbkMsQ0FBQztTQUNILENBQUM7SUFDcUMsQ0FBQztJQUV4QyxTQUFTLENBQUMsTUFBYyxFQUFFLElBQVM7UUFDakMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUN4RSxHQUFHLENBQUMsQ0FBQyxRQUFhLEVBQUUsRUFBRTtZQUNwQixPQUFPLFFBQVEsQ0FBQztRQUNsQixDQUFDLENBQUMsRUFDRixVQUFVLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN4QixPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7OzZHQWpCVSxlQUFlO2lIQUFmLGVBQWUsY0FGZCxNQUFNOzRGQUVQLGVBQWU7a0JBSDNCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSHR0cENsaWVudCwgSHR0cEhlYWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgY2F0Y2hFcnJvciwgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBFbWFpbEFwaVNlcnZpY2Uge1xuICBodHRwT3B0aW9ucyA9IHtcbiAgICBoZWFkZXJzOiBuZXcgSHR0cEhlYWRlcnMoe1xuICAgICAgJ0NvbnRlbnQtVHlwZSc6ICdhcHBsaWNhdGlvbi9qc29uJ1xuICAgIH0pXG4gIH07XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkge31cblxuICBzZW5kRW1haWwoYXBpVVJMOiBzdHJpbmcsIGRhdGE6IGFueSk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0KGFwaVVSTCwgSlNPTi5zdHJpbmdpZnkoZGF0YSksIHRoaXMuaHR0cE9wdGlvbnMpLnBpcGUoXG4gICAgICBtYXAoKHJlc3BvbnNlOiBhbnkpID0+IHtcbiAgICAgICAgcmV0dXJuIHJlc3BvbnNlO1xuICAgICAgfSksXG4gICAgICBjYXRjaEVycm9yKChlcnJvcjogYW55KSA9PiB7XG4gICAgICAgIHJldHVybiBvZihlcnJvci5zdGF0dXNUZXh0KTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxufVxuIl19

package/esm2015/tehw0lf-contact-form.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVodzBsZi1jb250YWN0LWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvdGVodzBsZi1jb250YWN0LWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/fesm2015/tehw0lf-contact-form.js

@@ -0,0 +1,105 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { of, Subject } from 'rxjs';
+import { map, catchError, tap, takeUntil } from 'rxjs/operators';
+
+class EmailApiService {
+    constructor(http) {
+        this.http = http;
+        this.httpOptions = {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json'
+            })
+        };
+    }
+    sendEmail(apiURL, data) {
+        return this.http.post(apiURL, JSON.stringify(data), this.httpOptions).pipe(map((response) => {
+            return response;
+        }), catchError((error) => {
+            return of(error.statusText);
+        }));
+    }
+}
+EmailApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+EmailApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: EmailApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class ContactFormComponent {
+    constructor(builder, emailService) {
+        this.builder = builder;
+        this.emailService = emailService;
+        this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+        this.emailSent = new Subject();
+        this.emailSent$ = this.emailSent.asObservable();
+        this.unsubscribe$ = new Subject();
+        this.emailSent.next(null);
+        this.formGroup = this.builder.group({
+            name: new FormControl('', [Validators.required]),
+            email: new FormControl('', [Validators.required, Validators.email]),
+            message: new FormControl('', [Validators.required])
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    }
+    submitFormData(formData) {
+        this.emailService
+            .sendEmail(this.apiURL, formData.value)
+            .pipe(tap((response) => {
+            if (response === 'OK') {
+                this.emailSent.next(true);
+            }
+            else {
+                this.emailSent.next(false);
+            }
+        }), takeUntil(this.unsubscribe$))
+            .subscribe();
+    }
+}
+ContactFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: EmailApiService }], target: i0.ɵɵFactoryTarget.Component });
+ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL" }, ngImport: i0, template: "<form\n  class=\"contact-form\"\n  [formGroup]=\"formGroup\"\n  (ngSubmit)=\"submitFormData(formGroup)\"\n>\n  <div class=\"form-group\">\n    <label for=\"name\">Ihr Name</label>\n    <input\n      class=\"form-control\"\n      type=\"text\"\n      name=\"name\"\n      placeholder=\"Name\"\n      formControlName=\"name\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"email\">Ihre E-Mail Adresse</label>\n    <input\n      class=\"form-control\"\n      type=\"email\"\n      name=\"email\"\n      placeholder=\"ihre@mail.de\"\n      formControlName=\"email\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"message\">Ihre Nachricht</label>\n    <textarea class=\"form-control\" formControlName=\"message\" name=\"message\">\n    </textarea>\n  </div>\n  <button class=\"form-button\" type=\"submit\" [disabled]=\"!formGroup.valid\">\n    Senden\n  </button>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === true\">\n    E-Mail erfolgreich versendet!\n  </div>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === false\">\n    Fehler: E-Mail konnte nicht versendet werden\n  </div>\n</form>\n", styles: [".contact-form{background-color:#fff;max-width:500px;margin:auto;padding:40px;box-shadow:0 2px 10px #00000013;box-sizing:border-box}.form-button{display:block;border:1px solid #ced4da;border-radius:.25rem;width:96%;padding:.375rem .75rem}.form-control{display:block;width:90%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#282b2e;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;margin-top:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group{margin-bottom:1rem}.form-status{margin-top:2rem}textarea{overflow:auto;resize:vertical}\n"], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'contact-form',
+                    templateUrl: './contact-form.component.html',
+                    styleUrls: ['./contact-form.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: EmailApiService }]; }, propDecorators: { apiURL: [{
+                type: Input
+            }] } });
+
+class ContactFormModule {
+}
+ContactFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ContactFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, declarations: [ContactFormComponent], imports: [CommonModule, HttpClientModule, ReactiveFormsModule], exports: [ContactFormComponent] });
+ContactFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, providers: [EmailApiService], imports: [[CommonModule, HttpClientModule, ReactiveFormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: ContactFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, HttpClientModule, ReactiveFormsModule],
+                    declarations: [ContactFormComponent],
+                    exports: [ContactFormComponent],
+                    providers: [EmailApiService],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ContactFormComponent, ContactFormModule };
+//# sourceMappingURL=tehw0lf-contact-form.js.map

package/fesm2015/tehw0lf-contact-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tehw0lf-contact-form.js","sources":["../../../../libs/contact-form/src/lib/email-api.service.ts","../../../../libs/contact-form/src/lib/contact-form/contact-form.component.ts","../../../../libs/contact-form/src/lib/contact-form/contact-form.component.html","../../../../libs/contact-form/src/lib/contact-form.module.ts","../../../../libs/contact-form/src/tehw0lf-contact-form.ts"],"sourcesContent":["import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class EmailApiService {\n  httpOptions = {\n    headers: new HttpHeaders({\n      'Content-Type': 'application/json'\n    })\n  };\n  constructor(private http: HttpClient) {}\n\n  sendEmail(apiURL: string, data: any): Observable<any> {\n    return this.http.post(apiURL, JSON.stringify(data), this.httpOptions).pipe(\n      map((response: any) => {\n        return response;\n      }),\n      catchError((error: any) => {\n        return of(error.statusText);\n      })\n    );\n  }\n}\n","import { Component, Input, OnDestroy } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\n\nimport { EmailApiService } from '../email-api.service';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'contact-form',\n  templateUrl: './contact-form.component.html',\n  styleUrls: ['./contact-form.component.scss']\n})\nexport class ContactFormComponent implements OnDestroy {\n  @Input() apiURL = 'https://forwardmethis.com/tehwolf@pm.me';\n\n  formGroup: FormGroup;\n  emailSent: Subject<boolean | null> = new Subject();\n  emailSent$ = this.emailSent.asObservable();\n\n  private unsubscribe$: Subject<void> = new Subject();\n\n  constructor(\n    private builder: FormBuilder,\n    private emailService: EmailApiService\n  ) {\n    this.emailSent.next(null);\n    this.formGroup = this.builder.group({\n      name: new FormControl('', [Validators.required]),\n      email: new FormControl('', [Validators.required, Validators.email]),\n      message: new FormControl('', [Validators.required])\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribe$.next();\n    this.unsubscribe$.complete();\n  }\n\n  submitFormData(formData: FormGroup) {\n    this.emailService\n      .sendEmail(this.apiURL, formData.value)\n      .pipe(\n        tap((response: string) => {\n          if (response === 'OK') {\n            this.emailSent.next(true);\n          } else {\n            this.emailSent.next(false);\n          }\n        }),\n        takeUntil(this.unsubscribe$)\n      )\n      .subscribe();\n  }\n}\n","<form\n  class=\"contact-form\"\n  [formGroup]=\"formGroup\"\n  (ngSubmit)=\"submitFormData(formGroup)\"\n>\n  <div class=\"form-group\">\n    <label for=\"name\">Ihr Name</label>\n    <input\n      class=\"form-control\"\n      type=\"text\"\n      name=\"name\"\n      placeholder=\"Name\"\n      formControlName=\"name\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"email\">Ihre E-Mail Adresse</label>\n    <input\n      class=\"form-control\"\n      type=\"email\"\n      name=\"email\"\n      placeholder=\"ihre@mail.de\"\n      formControlName=\"email\"\n    />\n  </div>\n  <div class=\"form-group\">\n    <label for=\"message\">Ihre Nachricht</label>\n    <textarea class=\"form-control\" formControlName=\"message\" name=\"message\">\n    </textarea>\n  </div>\n  <button class=\"form-button\" type=\"submit\" [disabled]=\"!formGroup.valid\">\n    Senden\n  </button>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === true\">\n    E-Mail erfolgreich versendet!\n  </div>\n  <div class=\"form-status\" *ngIf=\"(emailSent$ | async) === false\">\n    Fehler: E-Mail konnte nicht versendet werden\n  </div>\n</form>\n","import { CommonModule } from '@angular/common';\nimport { HttpClientModule } from '@angular/common/http';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { ContactFormComponent } from './contact-form/contact-form.component';\nimport { EmailApiService } from './email-api.service';\n\n@NgModule({\n  imports: [CommonModule, HttpClientModule, ReactiveFormsModule],\n  declarations: [ContactFormComponent],\n  exports: [ContactFormComponent],\n  providers: [EmailApiService],\n})\nexport class ContactFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/contact-form.module';
+export * from './lib/contact-form/contact-form.component';

package/lib/contact-form/contact-form.component.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { EmailApiService } from '../email-api.service';
+import * as i0 from "@angular/core";
+export declare class ContactFormComponent implements OnDestroy {
+    private builder;
+    private emailService;
+    apiURL: string;
+    formGroup: FormGroup;
+    emailSent: Subject<boolean | null>;
+    emailSent$: import("rxjs").Observable<boolean | null>;
+    private unsubscribe$;
+    constructor(builder: FormBuilder, emailService: EmailApiService);
+    ngOnDestroy(): void;
+    submitFormData(formData: FormGroup): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContactFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContactFormComponent, "contact-form", never, { "apiURL": "apiURL"; }, {}, never, never>;
+}

package/lib/contact-form.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./contact-form/contact-form.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/common/http";
+import * as i4 from "@angular/forms";
+export declare class ContactFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContactFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ContactFormModule, [typeof i1.ContactFormComponent], [typeof i2.CommonModule, typeof i3.HttpClientModule, typeof i4.ReactiveFormsModule], [typeof i1.ContactFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ContactFormModule>;
+}

package/lib/email-api.service.d.ts

@@ -0,0 +1,13 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class EmailApiService {
+    private http;
+    httpOptions: {
+        headers: HttpHeaders;
+    };
+    constructor(http: HttpClient);
+    sendEmail(apiURL: string, data: any): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailApiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EmailApiService>;
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@tehw0lf/contact-form",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.2.11",
+    "@angular/core": "^12.2.11",
+    "@angular/forms": "^12.2.11",
+    "rxjs": "~7.4.0"
+  },
+  "dependencies": {
+    "tslib": "^2.2.0"
+  },
+  "main": "bundles/tehw0lf-contact-form.umd.js",
+  "module": "fesm2015/tehw0lf-contact-form.js",
+  "es2015": "fesm2015/tehw0lf-contact-form.js",
+  "esm2015": "esm2015/tehw0lf-contact-form.js",
+  "fesm2015": "fesm2015/tehw0lf-contact-form.js",
+  "typings": "tehw0lf-contact-form.d.ts",
+  "sideEffects": false
+}

package/tehw0lf-contact-form.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tehw0lf/contact-form" />
+export * from './index';