@tehw0lf/contact-form 0.0.2 → 0.0.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021,2022 Robert Weyres
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -5,14 +5,43 @@ 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.
 
+## Installation
+
+### Peer Dependencies
+
+The following dependencies are needed:
+
+```bash
+    @angular/animations
+    @angular/cdk
+    @angular/common
+    @angular/core
+    @angular/flex-layout
+    @angular/forms
+    @angular/material
+```
+
+### Module
+
+If it's not added already, please run `ng add @angular/material` prior to adding this module.
+Run `ng add @tehw0lf/contact-form` in the workspace root of your angular application.
+
+## Usage
+
+The contact form component takes an apiURL and an email as input. By default, this is set to [ForwardMeThis](https://forwardmethis.com) and the email address is blank. You can set the variables on the component tag:
+
 ```html
-<contact-form [apiURL]="emailBackendURL"></contact-form>
+<contact-form
+  [apiURL]="emailBackendURL"
+  [email]="yourEmailAddress"
+></contact-form>
 ```
 
-In your component, set the `emailBackendURL` property. The naming of this variable is arbitrary:
+In your component, set the `emailBackendURL` and `yourEmailAddress` properties. The naming of these variables is arbitrary:
 
 ```ts
-emailBackendURL = 'https://forwardmethis.com/my@email.com';
+emailBackendURL = 'https://forwardmethis.com/';
+yourEmailAddress = 'my@mail.com'; //this is optional, if your API URL doesn't require an email address parameter
 ```
 
 This contact form will send a POST request to the API, containing the following data structure:
@@ -25,4 +54,41 @@ This contact form will send a POST request to the API, containing the following
 }
 ```
 
-You can of course use your own backend with this data structure, as the API-URL can be overridden as shown above.
+You can of course use your own backend with this data structure, as the API-URL and E-Mail address can be overridden as shown above.
+
+## Theming
+
+The colors of card background, button and text as well as the backdrop filter can be customized with optional input parameters:
+
+```ts
+backgroundColor; //default: 'rgba(34, 34, 34, 0.75)';
+backdropFilter; //default: 'blur(50px)';
+buttonColor; //default: '#cc7832';
+buttonBackgroundColor; //default: ''
+buttonTextColor; //default: '#cc7832';
+labelColor; //default: 'lightgray';
+textColor; //default: 'lightgray';
+```
+
+## Development
+
+### Serve
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+### Build
+
+Run `ng build contact-form` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build (e.g. when building to publish to npm).
+
+### Running unit tests
+
+Run `ng test` to execute the unit tests via [Jest](https://jestjs.io).
+
+## To Do
+
+Apply Material Design
+Extract CSS variables
+
+## Contributing
+
+Contributions are welcome, although the library is still in an alpha stage. Feel free to open a PR and I'll have a look!

package/esm2020/lib/contact-form/contact-form.component.mjs

@@ -11,7 +11,8 @@ export class ContactFormComponent {
     constructor(builder, emailService) {
         this.builder = builder;
         this.emailService = emailService;
-        this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+        this.apiURL = 'https://forwardmethis.com/';
+        this.email = '';
         this.emailSent = new Subject();
         this.emailSent$ = this.emailSent.asObservable();
         this.unsubscribe$ = new Subject();
@@ -28,7 +29,7 @@ export class ContactFormComponent {
     }
     submitFormData(formData) {
         this.emailService
-            .sendEmail(this.apiURL, formData.value)
+            .sendEmail(`${this.apiURL}${this.email}`, formData.value)
             .pipe(tap((response) => {
             if (response === 'OK') {
                 this.emailSent.next(true);
@@ -41,11 +42,13 @@ export class ContactFormComponent {
     }
 }
 ContactFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.EmailApiService }], target: i0.ɵɵFactoryTarget.Component });
-ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL", email: "email" }, 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'contact-form', 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"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.EmailApiService }]; }, propDecorators: { apiURL: [{
                 type: Input
+            }], email: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29udGFjdC1mb3JtL3NyYy9saWIvY29udGFjdC1mb3JtL2NvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvbGliL2NvbnRhY3QtZm9ybS9jb250YWN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQWEsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWhELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFRdkQsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQixZQUNVLE9BQW9CLEVBQ3BCLFlBQTZCO1FBRDdCLFlBQU8sR0FBUCxPQUFPLENBQWE7UUFDcEIsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBVjlCLFdBQU0sR0FBRyx5Q0FBeUMsQ0FBQztRQUc1RCxjQUFTLEdBQTRCLElBQUksT0FBTyxFQUFFLENBQUM7UUFDbkQsZUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFbkMsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQU1sRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1lBQ2xDLElBQUksRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDaEQsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ25FLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDcEQsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxRQUFtQjtRQUNoQyxJQUFJLENBQUMsWUFBWTthQUNkLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUM7YUFDdEMsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLFFBQWdCLEVBQUUsRUFBRTtZQUN2QixJQUFJLFFBQVEsS0FBSyxJQUFJLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzNCO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQzVCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FDN0I7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDOztpSEF4Q1Usb0JBQW9CO3FHQUFwQixvQkFBb0Isa0ZDYmpDLHNvQ0F3Q0E7MkZEM0JhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFFRSxjQUFjO2dJQUtmLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRW1haWxBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vZW1haWwtYXBpLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjb250YWN0LWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFjdC1mb3JtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdEZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBhcGlVUkwgPSAnaHR0cHM6Ly9mb3J3YXJkbWV0aGlzLmNvbS90ZWh3b2xmQHBtLm1lJztcblxuICBmb3JtR3JvdXA6IEZvcm1Hcm91cDtcbiAgZW1haWxTZW50OiBTdWJqZWN0PGJvb2xlYW4gfCBudWxsPiA9IG5ldyBTdWJqZWN0KCk7XG4gIGVtYWlsU2VudCQgPSB0aGlzLmVtYWlsU2VudC5hc09ic2VydmFibGUoKTtcblxuICBwcml2YXRlIHVuc3Vic2NyaWJlJDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBidWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgICBwcml2YXRlIGVtYWlsU2VydmljZTogRW1haWxBcGlTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuZW1haWxTZW50Lm5leHQobnVsbCk7XG4gICAgdGhpcy5mb3JtR3JvdXAgPSB0aGlzLmJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgbmFtZTogbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pLFxuICAgICAgZW1haWw6IG5ldyBGb3JtQ29udHJvbCgnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMuZW1haWxdKSxcbiAgICAgIG1lc3NhZ2U6IG5ldyBGb3JtQ29udHJvbCgnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdKVxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBzdWJtaXRGb3JtRGF0YShmb3JtRGF0YTogRm9ybUdyb3VwKSB7XG4gICAgdGhpcy5lbWFpbFNlcnZpY2VcbiAgICAgIC5zZW5kRW1haWwodGhpcy5hcGlVUkwsIGZvcm1EYXRhLnZhbHVlKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgocmVzcG9uc2U6IHN0cmluZykgPT4ge1xuICAgICAgICAgIGlmIChyZXNwb25zZSA9PT0gJ09LJykge1xuICAgICAgICAgICAgdGhpcy5lbWFpbFNlbnQubmV4dCh0cnVlKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5lbWFpbFNlbnQubmV4dChmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG59XG4iLCI8Zm9ybVxuICBjbGFzcz1cImNvbnRhY3QtZm9ybVwiXG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcbiAgKG5nU3VibWl0KT1cInN1Ym1pdEZvcm1EYXRhKGZvcm1Hcm91cClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgIDxsYWJlbCBmb3I9XCJuYW1lXCI+SWhyIE5hbWU8L2xhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgbmFtZT1cIm5hbWVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJOYW1lXCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cIm5hbWVcIlxuICAgIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgIDxsYWJlbCBmb3I9XCJlbWFpbFwiPklocmUgRS1NYWlsIEFkcmVzc2U8L2xhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgdHlwZT1cImVtYWlsXCJcbiAgICAgIG5hbWU9XCJlbWFpbFwiXG4gICAgICBwbGFjZWhvbGRlcj1cImlocmVAbWFpbC5kZVwiXG4gICAgICBmb3JtQ29udHJvbE5hbWU9XCJlbWFpbFwiXG4gICAgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPGxhYmVsIGZvcj1cIm1lc3NhZ2VcIj5JaHJlIE5hY2hyaWNodDwvbGFiZWw+XG4gICAgPHRleHRhcmVhIGNsYXNzPVwiZm9ybS1jb250cm9sXCIgZm9ybUNvbnRyb2xOYW1lPVwibWVzc2FnZVwiIG5hbWU9XCJtZXNzYWdlXCI+XG4gICAgPC90ZXh0YXJlYT5cbiAgPC9kaXY+XG4gIDxidXR0b24gY2xhc3M9XCJmb3JtLWJ1dHRvblwiIHR5cGU9XCJzdWJtaXRcIiBbZGlzYWJsZWRdPVwiIWZvcm1Hcm91cC52YWxpZFwiPlxuICAgIFNlbmRlblxuICA8L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cImZvcm0tc3RhdHVzXCIgKm5nSWY9XCIoZW1haWxTZW50JCB8IGFzeW5jKSA9PT0gdHJ1ZVwiPlxuICAgIEUtTWFpbCBlcmZvbGdyZWljaCB2ZXJzZW5kZXQhXG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1zdGF0dXNcIiAqbmdJZj1cIihlbWFpbFNlbnQkIHwgYXN5bmMpID09PSBmYWxzZVwiPlxuICAgIEZlaGxlcjogRS1NYWlsIGtvbm50ZSBuaWNodCB2ZXJzZW5kZXQgd2VyZGVuXG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29udGFjdC1mb3JtL3NyYy9saWIvY29udGFjdC1mb3JtL2NvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbnRhY3QtZm9ybS9zcmMvbGliL2NvbnRhY3QtZm9ybS9jb250YWN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQWEsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWhELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFRdkQsTUFBTSxPQUFPLG9CQUFvQjtJQVUvQixZQUNVLE9BQW9CLEVBQ3BCLFlBQTZCO1FBRDdCLFlBQU8sR0FBUCxPQUFPLENBQWE7UUFDcEIsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBWDlCLFdBQU0sR0FBRyw0QkFBNEIsQ0FBQztRQUN0QyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBR3BCLGNBQVMsR0FBNEIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUNuRCxlQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVuQyxpQkFBWSxHQUFrQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBTWxELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7WUFDbEMsSUFBSSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNoRCxLQUFLLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkUsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNwRCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsY0FBYyxDQUFDLFFBQW1CO1FBQ2hDLElBQUksQ0FBQyxZQUFZO2FBQ2QsU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQzthQUN4RCxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsUUFBZ0IsRUFBRSxFQUFFO1lBQ3ZCLElBQUksUUFBUSxLQUFLLElBQUksRUFBRTtnQkFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDNUI7UUFDSCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUM3QjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7O2lIQXpDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixrR0NiakMsc29DQXdDQTsyRkQzQmEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUVFLGNBQWM7Z0lBS2YsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRW1haWxBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vZW1haWwtYXBpLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjb250YWN0LWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFjdC1mb3JtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdEZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBhcGlVUkwgPSAnaHR0cHM6Ly9mb3J3YXJkbWV0aGlzLmNvbS8nO1xuICBASW5wdXQoKSBlbWFpbCA9ICcnO1xuXG4gIGZvcm1Hcm91cDogRm9ybUdyb3VwO1xuICBlbWFpbFNlbnQ6IFN1YmplY3Q8Ym9vbGVhbiB8IG51bGw+ID0gbmV3IFN1YmplY3QoKTtcbiAgZW1haWxTZW50JCA9IHRoaXMuZW1haWxTZW50LmFzT2JzZXJ2YWJsZSgpO1xuXG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGJ1aWxkZXI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgZW1haWxTZXJ2aWNlOiBFbWFpbEFwaVNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy5lbWFpbFNlbnQubmV4dChudWxsKTtcbiAgICB0aGlzLmZvcm1Hcm91cCA9IHRoaXMuYnVpbGRlci5ncm91cCh7XG4gICAgICBuYW1lOiBuZXcgRm9ybUNvbnRyb2woJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXSksXG4gICAgICBlbWFpbDogbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5lbWFpbF0pLFxuICAgICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pXG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5uZXh0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHN1Ym1pdEZvcm1EYXRhKGZvcm1EYXRhOiBGb3JtR3JvdXApIHtcbiAgICB0aGlzLmVtYWlsU2VydmljZVxuICAgICAgLnNlbmRFbWFpbChgJHt0aGlzLmFwaVVSTH0ke3RoaXMuZW1haWx9YCwgZm9ybURhdGEudmFsdWUpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChyZXNwb25zZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgaWYgKHJlc3BvbnNlID09PSAnT0snKSB7XG4gICAgICAgICAgICB0aGlzLmVtYWlsU2VudC5uZXh0KHRydWUpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmVtYWlsU2VudC5uZXh0KGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIGNsYXNzPVwiY29udGFjdC1mb3JtXCJcbiAgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIlxuICAobmdTdWJtaXQpPVwic3VibWl0Rm9ybURhdGEoZm9ybUdyb3VwKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPGxhYmVsIGZvcj1cIm5hbWVcIj5JaHIgTmFtZTwvbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBuYW1lPVwibmFtZVwiXG4gICAgICBwbGFjZWhvbGRlcj1cIk5hbWVcIlxuICAgICAgZm9ybUNvbnRyb2xOYW1lPVwibmFtZVwiXG4gICAgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPGxhYmVsIGZvcj1cImVtYWlsXCI+SWhyZSBFLU1haWwgQWRyZXNzZTwvbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICB0eXBlPVwiZW1haWxcIlxuICAgICAgbmFtZT1cImVtYWlsXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiaWhyZUBtYWlsLmRlXCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cImVtYWlsXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cbiAgICA8bGFiZWwgZm9yPVwibWVzc2FnZVwiPklocmUgTmFjaHJpY2h0PC9sYWJlbD5cbiAgICA8dGV4dGFyZWEgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBmb3JtQ29udHJvbE5hbWU9XCJtZXNzYWdlXCIgbmFtZT1cIm1lc3NhZ2VcIj5cbiAgICA8L3RleHRhcmVhPlxuICA8L2Rpdj5cbiAgPGJ1dHRvbiBjbGFzcz1cImZvcm0tYnV0dG9uXCIgdHlwZT1cInN1Ym1pdFwiIFtkaXNhYmxlZF09XCIhZm9ybUdyb3VwLnZhbGlkXCI+XG4gICAgU2VuZGVuXG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1zdGF0dXNcIiAqbmdJZj1cIihlbWFpbFNlbnQkIHwgYXN5bmMpID09PSB0cnVlXCI+XG4gICAgRS1NYWlsIGVyZm9sZ3JlaWNoIHZlcnNlbmRldCFcbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmb3JtLXN0YXR1c1wiICpuZ0lmPVwiKGVtYWlsU2VudCQgfCBhc3luYykgPT09IGZhbHNlXCI+XG4gICAgRmVobGVyOiBFLU1haWwga29ubnRlIG5pY2h0IHZlcnNlbmRldCB3ZXJkZW5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=

package/fesm2015/tehw0lf-contact-form.mjs

@@ -39,7 +39,8 @@ class ContactFormComponent {
     constructor(builder, emailService) {
         this.builder = builder;
         this.emailService = emailService;
-        this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+        this.apiURL = 'https://forwardmethis.com/';
+        this.email = '';
         this.emailSent = new Subject();
         this.emailSent$ = this.emailSent.asObservable();
         this.unsubscribe$ = new Subject();
@@ -56,7 +57,7 @@ class ContactFormComponent {
     }
     submitFormData(formData) {
         this.emailService
-            .sendEmail(this.apiURL, formData.value)
+            .sendEmail(`${this.apiURL}${this.email}`, formData.value)
             .pipe(tap((response) => {
             if (response === 'OK') {
                 this.emailSent.next(true);
@@ -69,12 +70,14 @@ class ContactFormComponent {
     }
 }
 ContactFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: EmailApiService }], target: i0.ɵɵFactoryTarget.Component });
-ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL", email: "email" }, 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'contact-form', 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"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: EmailApiService }]; }, propDecorators: { apiURL: [{
                 type: Input
+            }], email: [{
+                type: Input
             }] } });
 
 class ContactFormModule {

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

@@ -1 +1 @@
-{"version":3,"file":"tehw0lf-contact-form.mjs","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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"}
+{"version":3,"file":"tehw0lf-contact-form.mjs","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/';\n  @Input() email = '';\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}${this.email}`, 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/fesm2020/tehw0lf-contact-form.mjs

@@ -39,7 +39,8 @@ class ContactFormComponent {
     constructor(builder, emailService) {
         this.builder = builder;
         this.emailService = emailService;
-        this.apiURL = 'https://forwardmethis.com/tehwolf@pm.me';
+        this.apiURL = 'https://forwardmethis.com/';
+        this.email = '';
         this.emailSent = new Subject();
         this.emailSent$ = this.emailSent.asObservable();
         this.unsubscribe$ = new Subject();
@@ -56,7 +57,7 @@ class ContactFormComponent {
     }
     submitFormData(formData) {
         this.emailService
-            .sendEmail(this.apiURL, formData.value)
+            .sendEmail(`${this.apiURL}${this.email}`, formData.value)
             .pipe(tap((response) => {
             if (response === 'OK') {
                 this.emailSent.next(true);
@@ -69,12 +70,14 @@ class ContactFormComponent {
     }
 }
 ContactFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: EmailApiService }], target: i0.ɵɵFactoryTarget.Component });
-ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+ContactFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: ContactFormComponent, selector: "contact-form", inputs: { apiURL: "apiURL", email: "email" }, 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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ContactFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'contact-form', 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"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: EmailApiService }]; }, propDecorators: { apiURL: [{
                 type: Input
+            }], email: [{
+                type: Input
             }] } });
 
 class ContactFormModule {

package/fesm2020/tehw0lf-contact-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tehw0lf-contact-form.mjs","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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"}
+{"version":3,"file":"tehw0lf-contact-form.mjs","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/';\n  @Input() email = '';\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}${this.email}`, 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":";;;;;;;;;;;MAQa,eAAe;IAM1B,YAAoB,IAAgB;QAAhB,SAAI,GAAJ,IAAI,CAAY;QALpC,gBAAW,GAAG;YACZ,OAAO,EAAE,IAAI,WAAW,CAAC;gBACvB,cAAc,EAAE,kBAAkB;aACnC,CAAC;SACH,CAAC;KACsC;IAExC,SAAS,CAAC,MAAc,EAAE,IAAS;QACjC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CACxE,GAAG,CAAC,CAAC,QAAa;YAChB,OAAO,QAAQ,CAAC;SACjB,CAAC,EACF,UAAU,CAAC,CAAC,KAAU;YACpB,OAAO,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;SAC7B,CAAC,CACH,CAAC;KACH;;4GAjBU,eAAe;gHAAf,eAAe,cAFd,MAAM;2FAEP,eAAe;kBAH3B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;MCMY,oBAAoB;IAU/B,YACU,OAAoB,EACpB,YAA6B;QAD7B,YAAO,GAAP,OAAO,CAAa;QACpB,iBAAY,GAAZ,YAAY,CAAiB;QAX9B,WAAM,GAAG,4BAA4B,CAAC;QACtC,UAAK,GAAG,EAAE,CAAC;QAGpB,cAAS,GAA4B,IAAI,OAAO,EAAE,CAAC;QACnD,eAAU,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;QAEnC,iBAAY,GAAkB,IAAI,OAAO,EAAE,CAAC;QAMlD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,IAAI,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAChD,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YACnE,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACpD,CAAC,CAAC;KACJ;IAED,WAAW;QACT,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;KAC9B;IAED,cAAc,CAAC,QAAmB;QAChC,IAAI,CAAC,YAAY;aACd,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;aACxD,IAAI,CACH,GAAG,CAAC,CAAC,QAAgB;YACnB,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3B;iBAAM;gBACL,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC5B;SACF,CAAC,EACF,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAC7B;aACA,SAAS,EAAE,CAAC;KAChB;;iHAzCU,oBAAoB;qGAApB,oBAAoB,kGCbjC,soCAwCA;2FD3Ba,oBAAoB;kBANhC,SAAS;+BAEE,cAAc;+HAKf,MAAM;sBAAd,KAAK;gBACG,KAAK;sBAAb,KAAK;;;MEDK,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAJb,oBAAoB,aADzB,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,aAEnD,oBAAoB;+GAGnB,iBAAiB,aAFjB,CAAC,eAAe,CAAC,YAHnB,CAAC,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,CAAC;2FAKnD,iBAAiB;kBAN7B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,CAAC;oBAC9D,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,SAAS,EAAE,CAAC,eAAe,CAAC;iBAC7B;;;ACbD;;;;;;"}

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

@@ -7,6 +7,7 @@ export declare class ContactFormComponent implements OnDestroy {
     private builder;
     private emailService;
     apiURL: string;
+    email: string;
     formGroup: FormGroup;
     emailSent: Subject<boolean | null>;
     emailSent$: import("rxjs").Observable<boolean | null>;
@@ -15,5 +16,5 @@ export declare class ContactFormComponent implements OnDestroy {
     ngOnDestroy(): void;
     submitFormData(formData: FormGroup): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContactFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContactFormComponent, "contact-form", never, { "apiURL": "apiURL"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContactFormComponent, "contact-form", never, { "apiURL": "apiURL"; "email": "email"; }, {}, never, never>;
 }

package/package.json

@@ -1,16 +1,30 @@
 {
   "name": "@tehw0lf/contact-form",
-  "version": "0.0.2",
+  "version": "0.0.6",
+  "license": "MIT",
+  "homepage": "https://github.com/tehw0lf/tehwol.fi.git",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tehw0lf/tehwol.fi.git"
+  },
   "peerDependencies": {
+    "@angular/animations": "^13.1.0",
+    "@angular/cdk": "^13.1.0",
     "@angular/common": "^13.1.0",
     "@angular/core": "^13.1.0",
+    "@angular/flex-layout": "^13.0.0-beta.36",
     "@angular/forms": "^13.1.0",
+    "@angular/material": "^13.1.0",
     "rxjs": "~7.4.0",
     "@angular/platform-browser-dynamic": "13.1.0"
   },
   "dependencies": {
     "tslib": "^2.2.0"
   },
+  "schematics": "./schematics/collection.json",
+  "ng-add": {
+    "save": "dependencies"
+  },
   "module": "fesm2015/tehw0lf-contact-form.mjs",
   "es2020": "fesm2020/tehw0lf-contact-form.mjs",
   "esm2020": "esm2020/tehw0lf-contact-form.mjs",

package/schematics/collection.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Add contact-form library to the project if material is installed.",
+      "factory": "./ng-add/index",
+      "schema": "./ng-add/schema.json"
+    },
+    "ng-add-setup": {
+      "description": "Install dependencies and add the library to the project",
+      "private": true,
+      "factory": "./ng-add/setup",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const schematics_1 = require("@angular/cdk/schematics");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const workspace_models_1 = require("@schematics/angular/utility/workspace-models");
+const package_config_1 = require("./package-config");
+function default_1(options) {
+    return (host, context) => __awaiter(this, void 0, void 0, function* () {
+        const materialVersion = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
+        const workspace = yield (0, workspace_1.getWorkspace)(host);
+        const project = (0, schematics_1.getProjectFromWorkspace)(workspace, options.project);
+        if (project.extensions.projectType !== workspace_models_1.ProjectType.Application) {
+            context.logger.error('This library needs to be added to an application project');
+            return;
+        }
+        if (!materialVersion) {
+            context.logger.error(`@angular/material not found.
+       Please run 'ng add @angular/material' first`);
+            return;
+        }
+        context.addTask(new tasks_1.RunSchematicTask('ng-add-setup', options));
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/ng-add/index.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,4DAAoE;AACpE,wDAAkE;AAClE,qEAAqE;AACrE,mFAA2E;AAE3E,qDAAoE;AAGpE,mBAAyB,OAAe;IACtC,OAAO,CAAO,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,eAAe,GAAG,IAAA,iDAAgC,EACtD,IAAI,EACJ,mBAAmB,CACpB,CAAC;QACF,MAAM,SAAS,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAEpE,IAAI,OAAO,CAAC,UAAU,CAAC,WAAW,KAAK,8BAAW,CAAC,WAAW,EAAE;YAC9D,OAAO,CAAC,MAAM,CAAC,KAAK,CAClB,0DAA0D,CAC3D,CAAC;YACF,OAAO;SACR;QAED,IAAI,CAAC,eAAe,EAAE;YACpB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;mDACwB,CAAC,CAAC;YAC/C,OAAO;SACR;QAED,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC;AACJ,CAAC;AAxBD,4BAwBC"}

package/schematics/ng-add/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-add/index.spec.js

@@ -0,0 +1,103 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const testing_1 = require("@angular-devkit/schematics/testing");
+const file_content_1 = require("../testing/file-content");
+const test_app_1 = require("../testing/test-app");
+const test_library_1 = require("../testing/test-library");
+describe('ng-add-setup schematic with material present', () => {
+    let runner;
+    let appTree;
+    let errorOutput;
+    let warnOutput;
+    beforeEach(() => __awaiter(void 0, void 0, void 0, function* () {
+        runner = new testing_1.SchematicTestRunner('schematics', require.resolve('../collection.json'));
+        appTree = yield (0, test_app_1.createTestAppWithMaterial)(runner);
+        errorOutput = [];
+        warnOutput = [];
+        runner.logger.subscribe((e) => {
+            if (e.level === 'error') {
+                errorOutput.push(e.message);
+            }
+            else if (e.level === 'warn') {
+                warnOutput.push(e.message);
+            }
+        });
+    }));
+    describe('add module', () => {
+        it('should add the ContactFormModule to the project module', () => __awaiter(void 0, void 0, void 0, function* () {
+            const tree = yield runner
+                .runSchematicAsync('ng-add-setup', {}, appTree)
+                .toPromise();
+            const fileContent = (0, file_content_1.getFileContent)(tree, '/projects/material/src/app/app.module.ts');
+            expect(fileContent).toContain('ContactFormModule');
+        }));
+    });
+});
+describe('ng-add schematic without material present', () => {
+    let runner;
+    let appTree;
+    let errorOutput;
+    let warnOutput;
+    beforeEach(() => __awaiter(void 0, void 0, void 0, function* () {
+        runner = new testing_1.SchematicTestRunner('schematics', require.resolve('../collection.json'));
+        appTree = yield (0, test_app_1.createTestApp)(runner);
+        errorOutput = [];
+        warnOutput = [];
+        runner.logger.subscribe((e) => {
+            if (e.level === 'error') {
+                errorOutput.push(e.message);
+            }
+            else if (e.level === 'warn') {
+                warnOutput.push(e.message);
+            }
+        });
+    }));
+    describe('fail to add module', () => {
+        it('should fail if material is missing', () => __awaiter(void 0, void 0, void 0, function* () {
+            const tree = yield runner
+                .runSchematicAsync('ng-add', {}, appTree)
+                .toPromise();
+            const fileContent = (0, file_content_1.getFileContent)(tree, '/projects/material/src/app/app.module.ts');
+            expect(fileContent).not.toContain('ContactFormModule');
+            expect(errorOutput.length).toBe(1);
+            expect(warnOutput.length).toBe(0);
+            expect(errorOutput[0]).toMatch(`@angular/material not found.
+       Please run 'ng add @angular/material' first`);
+        }));
+    });
+});
+describe('ng-add schematic - library project', () => {
+    let runner;
+    let libraryTree;
+    let errorOutput;
+    let warnOutput;
+    beforeEach(() => __awaiter(void 0, void 0, void 0, function* () {
+        runner = new testing_1.SchematicTestRunner('schematics', require.resolve('../collection.json'));
+        libraryTree = yield (0, test_library_1.createTestLibrary)(runner);
+        errorOutput = [];
+        warnOutput = [];
+        runner.logger.subscribe((e) => {
+            if (e.level === 'error') {
+                errorOutput.push(e.message);
+            }
+            else if (e.level === 'warn') {
+                warnOutput.push(e.message);
+            }
+        });
+    }));
+    it('should do nothing if a library project is targeted', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield runner.runSchematicAsync('ng-add', {}, libraryTree).toPromise();
+        expect(errorOutput.length).toBe(1);
+        expect(errorOutput[0]).toMatch('This library needs to be added to an application project');
+    }));
+});
+//# sourceMappingURL=index.spec.js.map

package/schematics/ng-add/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/ng-add/index.spec.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,gEAAyE;AAEzE,0DAAyD;AACzD,kDAA+E;AAC/E,0DAA4D;AAE5D,QAAQ,CAAC,8CAA8C,EAAE,GAAG,EAAE;IAC5D,IAAI,MAA2B,CAAC;IAChC,IAAI,OAAa,CAAC;IAClB,IAAI,WAAqB,CAAC;IAC1B,IAAI,UAAoB,CAAC;IAEzB,UAAU,CAAC,GAAS,EAAE;QACpB,MAAM,GAAG,IAAI,6BAAmB,CAC9B,YAAY,EACZ,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACtC,CAAC;QACF,OAAO,GAAG,MAAM,IAAA,oCAAyB,EAAC,MAAM,CAAC,CAAC;QAElD,WAAW,GAAG,EAAE,CAAC;QACjB,UAAU,GAAG,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,EAAE;gBACvB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC7B;iBAAM,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE;gBAC7B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,wDAAwD,EAAE,GAAS,EAAE;YACtE,MAAM,IAAI,GAAG,MAAM,MAAM;iBACtB,iBAAiB,CAAC,cAAc,EAAE,EAAE,EAAE,OAAO,CAAC;iBAC9C,SAAS,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAA,6BAAc,EAChC,IAAI,EACJ,0CAA0C,CAC3C,CAAC;YAEF,MAAM,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACrD,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACzD,IAAI,MAA2B,CAAC;IAChC,IAAI,OAAa,CAAC;IAClB,IAAI,WAAqB,CAAC;IAC1B,IAAI,UAAoB,CAAC;IAEzB,UAAU,CAAC,GAAS,EAAE;QACpB,MAAM,GAAG,IAAI,6BAAmB,CAC9B,YAAY,EACZ,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACtC,CAAC;QACF,OAAO,GAAG,MAAM,IAAA,wBAAa,EAAC,MAAM,CAAC,CAAC;QAEtC,WAAW,GAAG,EAAE,CAAC;QACjB,UAAU,GAAG,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,EAAE;gBACvB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC7B;iBAAM,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE;gBAC7B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;IAEH,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAClC,EAAE,CAAC,oCAAoC,EAAE,GAAS,EAAE;YAClD,MAAM,IAAI,GAAG,MAAM,MAAM;iBACtB,iBAAiB,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC;iBACxC,SAAS,EAAE,CAAC;YAEf,MAAM,WAAW,GAAG,IAAA,6BAAc,EAChC,IAAI,EACJ,0CAA0C,CAC3C,CAAC;YAEF,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;YAEvD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACnC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;mDACc,CAAC,CAAC;QACjD,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAClD,IAAI,MAA2B,CAAC;IAChC,IAAI,WAAiB,CAAC;IACtB,IAAI,WAAqB,CAAC;IAC1B,IAAI,UAAoB,CAAC;IAEzB,UAAU,CAAC,GAAS,EAAE;QACpB,MAAM,GAAG,IAAI,6BAAmB,CAC9B,YAAY,EACZ,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACtC,CAAC;QACF,WAAW,GAAG,MAAM,IAAA,gCAAiB,EAAC,MAAM,CAAC,CAAC;QAE9C,WAAW,GAAG,EAAE,CAAC;QACjB,UAAU,GAAG,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,EAAE;gBACvB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC7B;iBAAM,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE;gBAC7B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAS,EAAE;QAClE,MAAM,MAAM,CAAC,iBAAiB,CAAC,QAAQ,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,CAAC;QAEtE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAC5B,0DAA0D,CAC3D,CAAC;IACJ,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/schematics/ng-add/package-config.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+/** Adds a package to the package.json in the given host tree. */
+export declare function addPackageToPackageJson(host: Tree, pkg: string, version: string): Tree;
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+export declare function getPackageVersionFromPackageJson(tree: Tree, name: string): string | null;

package/schematics/ng-add/package-config.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPackageVersionFromPackageJson = exports.addPackageToPackageJson = void 0;
+/**
+ * Sorts the keys of the given object.
+ * @returns A new object instance with sorted keys
+ */
+function sortObjectByKeys(obj) {
+    return Object.keys(obj)
+        .sort()
+        .reduce((result, key) => {
+        result[key] = obj[key];
+        return result;
+    }, {});
+}
+/** Adds a package to the package.json in the given host tree. */
+function addPackageToPackageJson(host, pkg, version) {
+    if (host.exists('package.json')) {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const sourceText = host.read('package.json').toString('utf-8');
+        const json = JSON.parse(sourceText);
+        if (!json.dependencies) {
+            json.dependencies = {};
+        }
+        if (!json.dependencies[pkg]) {
+            json.dependencies[pkg] = version;
+            json.dependencies = sortObjectByKeys(json.dependencies);
+        }
+        host.overwrite('package.json', JSON.stringify(json, null, 2));
+    }
+    return host;
+}
+exports.addPackageToPackageJson = addPackageToPackageJson;
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+function getPackageVersionFromPackageJson(tree, name) {
+    if (!tree.exists('package.json')) {
+        return null;
+    }
+    const packageJson = JSON.parse(
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    tree.read('package.json').toString('utf8'));
+    if (packageJson.dependencies && packageJson.dependencies[name]) {
+        return packageJson.dependencies[name];
+    }
+    return null;
+}
+exports.getPackageVersionFromPackageJson = getPackageVersionFromPackageJson;
+//# sourceMappingURL=package-config.js.map

package/schematics/ng-add/package-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-config.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/ng-add/package-config.ts"],"names":[],"mappings":";;;AAaA;;;GAGG;AACH,SAAS,gBAAgB,CAAC,GAA2B;IACnD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;SACpB,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACtB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAA4B,CAAC,CAAC;AACrC,CAAC;AAED,iEAAiE;AACjE,SAAgB,uBAAuB,CACrC,IAAU,EACV,GAAW,EACX,OAAe;IAEf,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAC/B,oEAAoE;QACpE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAChE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAgB,CAAC;QAEnD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;YACjC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SACzD;QAED,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;KAC/D;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAvBD,0DAuBC;AAED,kGAAkG;AAClG,SAAgB,gCAAgC,CAC9C,IAAU,EACV,IAAY;IAEZ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK;IAC5B,oEAAoE;IACpE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC7B,CAAC;IAEjB,IAAI,WAAW,CAAC,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QAC9D,OAAO,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KACvC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAlBD,4EAkBC"}

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,3 @@
+export interface Schema {
+    project: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/ng-add/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/ng-add/schema.ts"],"names":[],"mappings":""}

package/schematics/ng-add/schema.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "angular-material-ng-add",
+  "title": "Angular Material ng-add schematic",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "Name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/setup.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/ng-add/setup.js

@@ -0,0 +1,48 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const schematics_2 = require("@angular/cdk/schematics");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const package_config_1 = require("./package-config");
+const contactFormModuleName = 'ContactFormModule';
+const contactFormPackageName = '@tehw0lf/contact-form';
+const flexLayoutFallbackVersion = '^13.0.0-beta.36';
+function default_1(options) {
+    return () => __awaiter(this, void 0, void 0, function* () {
+        return (0, schematics_1.chain)([addDependencies(), addContactFormModule(options)]);
+    });
+}
+exports.default = default_1;
+function addContactFormModule(options) {
+    return (host, context) => __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield (0, workspace_1.getWorkspace)(host);
+        const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
+        const appModulePath = (0, schematics_2.getAppModulePath)(host, (0, schematics_2.getProjectMainFile)(project));
+        if (!(0, schematics_2.hasNgModuleImport)(host, appModulePath, contactFormModuleName)) {
+            (0, schematics_2.addModuleImportToRootModule)(host, contactFormModuleName, contactFormPackageName, project);
+        }
+        context.logger.warn('Library is already installed, nothing to do.');
+        return;
+    });
+}
+function addDependencies() {
+    return (host, context) => __awaiter(this, void 0, void 0, function* () {
+        const flexLayoutVersion = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/flex-layout');
+        if (!flexLayoutVersion || flexLayoutVersion !== flexLayoutFallbackVersion) {
+            (0, package_config_1.addPackageToPackageJson)(host, '@angular/flex-layout', flexLayoutFallbackVersion);
+            context.logger.info(`@angular/flex-layout ${flexLayoutFallbackVersion} was added to dependencies.`);
+        }
+        context.addTask(new tasks_1.NodePackageInstallTask());
+    });
+}
+//# sourceMappingURL=setup.js.map

package/schematics/ng-add/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/ng-add/setup.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,2DAKoC;AACpC,4DAA0E;AAC1E,wDAMiC;AACjC,qEAAqE;AAErE,qDAG0B;AAG1B,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAClD,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AACvD,MAAM,yBAAyB,GAAG,iBAAiB,CAAC;AAEpD,mBAAyB,OAAe;IACtC,OAAO,GAAS,EAAE;QAChB,OAAO,IAAA,kBAAK,EAAC,CAAC,eAAe,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC,CAAA,CAAC;AACJ,CAAC;AAJD,4BAIC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAO,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,SAAS,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,IAAA,6BAAgB,EAAC,IAAI,EAAE,IAAA,+BAAkB,EAAC,OAAO,CAAC,CAAC,CAAC;QAE1E,IAAI,CAAC,IAAA,8BAAiB,EAAC,IAAI,EAAE,aAAa,EAAE,qBAAqB,CAAC,EAAE;YAClE,IAAA,wCAA2B,EACzB,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,OAAO,CACR,CAAC;SACH;QACD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,8CAA8C,CAAC,CAAC;QACpE,OAAO;IACT,CAAC,CAAA,CAAC;AACJ,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,CAAO,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,iBAAiB,GAAG,IAAA,iDAAgC,EACxD,IAAI,EACJ,sBAAsB,CACvB,CAAC;QAEF,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,yBAAyB,EAAE;YACzE,IAAA,wCAAuB,EACrB,IAAI,EACJ,sBAAsB,EACtB,yBAAyB,CAC1B,CAAC;YAEF,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,wBAAwB,yBAAyB,6BAA6B,CAC/E,CAAC;SACH;QACD,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC;AACJ,CAAC"}

package/schematics/testing/file-content.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+/** Gets the content of a specified file from a schematic tree. */
+export declare function getFileContent(tree: Tree, filePath: string): string;

package/schematics/testing/file-content.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileContent = void 0;
+/** Gets the content of a specified file from a schematic tree. */
+function getFileContent(tree, filePath) {
+    const contentBuffer = tree.read(filePath);
+    if (!contentBuffer) {
+        throw new Error(`Cannot read "${filePath}" because it does not exist.`);
+    }
+    return contentBuffer.toString();
+}
+exports.getFileContent = getFileContent;
+//# sourceMappingURL=file-content.js.map

package/schematics/testing/file-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-content.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/testing/file-content.ts"],"names":[],"mappings":";;;AAUA,kEAAkE;AAClE,SAAgB,cAAc,CAAC,IAAU,EAAE,QAAgB;IACzD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE1C,IAAI,CAAC,aAAa,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,gBAAgB,QAAQ,8BAA8B,CAAC,CAAC;KACzE;IAED,OAAO,aAAa,CAAC,QAAQ,EAAE,CAAC;AAClC,CAAC;AARD,wCAQC"}

package/schematics/testing/test-app.d.ts

@@ -0,0 +1,12 @@
+import { Tree } from '@angular-devkit/schematics';
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Create a base app used for testing. */
+export declare function createTestApp(runner: SchematicTestRunner, appOptions?: {}, tree?: Tree): Promise<UnitTestTree>;
+export declare function createTestAppWithMaterial(runner: SchematicTestRunner, appOptions?: {}, tree?: Tree): Promise<UnitTestTree>;

package/schematics/testing/test-app.js

@@ -0,0 +1,44 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTestAppWithMaterial = exports.createTestApp = void 0;
+const package_config_1 = require("../ng-add/package-config");
+const file_content_1 = require("./file-content");
+const test_project_1 = require("./test-project");
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Create a base app used for testing. */
+function createTestApp(runner, appOptions = {}, tree) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return (0, test_project_1.createTestProject)(runner, 'application', appOptions, tree);
+    });
+}
+exports.createTestApp = createTestApp;
+function createTestAppWithMaterial(runner, appOptions = {}, tree) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const projectTree = yield (0, test_project_1.createTestProject)(runner, 'application', appOptions, tree);
+        const coreVersion = (0, package_config_1.getPackageVersionFromPackageJson)(projectTree, '@angular/core');
+        const packageJson = (0, file_content_1.getFileContent)(projectTree, '/package.json');
+        const updatedPackageJson = packageJson.replace(`"dependencies": {
+    "@angular/animations": "${coreVersion}",`, `"dependencies": {
+    "@angular/animations": "${coreVersion}",
+    "@angular/material": "${coreVersion}",`);
+        projectTree.overwrite('/package.json', updatedPackageJson);
+        return projectTree;
+    });
+}
+exports.createTestAppWithMaterial = createTestAppWithMaterial;
+//# sourceMappingURL=test-app.js.map

package/schematics/testing/test-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-app.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/testing/test-app.ts"],"names":[],"mappings":";;;;;;;;;;;;AAMA,6DAA4E;AAC5E,iDAAgD;AAChD,iDAAmD;AAEnD;;;;;;GAMG;AACH,0CAA0C;AAC1C,SAAsB,aAAa,CACjC,MAA2B,EAC3B,UAAU,GAAG,EAAE,EACf,IAAW;;QAEX,OAAO,IAAA,gCAAiB,EAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC;CAAA;AAND,sCAMC;AAED,SAAsB,yBAAyB,CAC7C,MAA2B,EAC3B,UAAU,GAAG,EAAE,EACf,IAAW;;QAEX,MAAM,WAAW,GAAG,MAAM,IAAA,gCAAiB,EACzC,MAAM,EACN,aAAa,EACb,UAAU,EACV,IAAI,CACL,CAAC;QAEF,MAAM,WAAW,GAAG,IAAA,iDAAgC,EAClD,WAAW,EACX,eAAe,CAChB,CAAC;QAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,EAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAEjE,MAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAC5C;8BAC0B,WAAW,IAAI,EACzC;8BAC0B,WAAW;4BACb,WAAW,IAAI,CACxC,CAAC;QACF,WAAW,CAAC,SAAS,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,WAAW,CAAC;IACrB,CAAC;CAAA;AA5BD,8DA4BC"}

package/schematics/testing/test-library.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+/** Create a base library used for testing. */
+export declare function createTestLibrary(runner: SchematicTestRunner, appOptions?: {}, tree?: Tree): Promise<UnitTestTree>;

package/schematics/testing/test-library.js

@@ -0,0 +1,21 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTestLibrary = void 0;
+const test_project_1 = require("./test-project");
+/** Create a base library used for testing. */
+function createTestLibrary(runner, appOptions = {}, tree) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return (0, test_project_1.createTestProject)(runner, 'library', appOptions, tree);
+    });
+}
+exports.createTestLibrary = createTestLibrary;
+//# sourceMappingURL=test-library.js.map

package/schematics/testing/test-library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-library.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/testing/test-library.ts"],"names":[],"mappings":";;;;;;;;;;;;AAUA,iDAAmD;AAGnD,8CAA8C;AAC9C,SAAsB,iBAAiB,CACrC,MAA2B,EAC3B,UAAU,GAAG,EAAE,EACf,IAAW;;QAEX,OAAO,IAAA,gCAAiB,EAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAChE,CAAC;CAAA;AAND,8CAMC"}

package/schematics/testing/test-project.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+/** Create a base project used for testing. */
+export declare function createTestProject(runner: SchematicTestRunner, projectType: 'application' | 'library', appOptions?: {}, tree?: Tree): Promise<UnitTestTree>;

package/schematics/testing/test-project.js

@@ -0,0 +1,29 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTestProject = void 0;
+/** Create a base project used for testing. */
+function createTestProject(runner, projectType, appOptions = {}, tree) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const workspaceTree = yield runner
+            .runExternalSchematicAsync('@schematics/angular', 'workspace', {
+            name: 'workspace',
+            version: '6.0.0',
+            newProjectRoot: 'projects',
+        }, tree)
+            .toPromise();
+        return runner
+            .runExternalSchematicAsync('@schematics/angular', projectType, Object.assign({ name: 'material' }, appOptions), workspaceTree)
+            .toPromise();
+    });
+}
+exports.createTestProject = createTestProject;
+//# sourceMappingURL=test-project.js.map

package/schematics/testing/test-project.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-project.js","sourceRoot":"","sources":["../../../../../libs/contact-form/schematics/testing/test-project.ts"],"names":[],"mappings":";;;;;;;;;;;;AAWA,8CAA8C;AAC9C,SAAsB,iBAAiB,CACrC,MAA2B,EAC3B,WAAsC,EACtC,UAAU,GAAG,EAAE,EACf,IAAW;;QAEX,MAAM,aAAa,GAAG,MAAM,MAAM;aAC/B,yBAAyB,CACxB,qBAAqB,EACrB,WAAW,EACX;YACE,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,cAAc,EAAE,UAAU;SAC3B,EACD,IAAI,CACL;aACA,SAAS,EAAE,CAAC;QAEf,OAAO,MAAM;aACV,yBAAyB,CACxB,qBAAqB,EACrB,WAAW,kBACV,IAAI,EAAE,UAAU,IAAK,UAAU,GAChC,aAAa,CACd;aACA,SAAS,EAAE,CAAC;IACjB,CAAC;CAAA;AA3BD,8CA2BC"}