ngx-techlify-core 18.7.2 → 18.8.0

package/fesm2022/ngx-techlify-core.mjs

@@ -4,7 +4,7 @@ import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i7 from '@angular/flex-layout/flex';
 import * as i7$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
+import { MatButtonModule, MatButton } from '@angular/material/button';
 import { __decorate } from 'tslib';
 import { debounceTime, catchError, switchMap, map, distinctUntilChanged, startWith, finalize, filter } from 'rxjs/operators';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
@@ -12,7 +12,7 @@ import * as i9 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import * as i2 from '@angular/flex-layout/extended';
 import * as i2$1 from '@angular/common';
-import { CommonModule, DatePipe } from '@angular/common';
+import { CommonModule, DatePipe, NgIf } from '@angular/common';
 import * as i14 from 'ngx-infinite-scroll';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import * as i8 from '@angular/material/checkbox';
@@ -26,7 +26,7 @@ import { MatTableModule } from '@angular/material/table';
 import * as i3 from 'ngx-doc-viewer';
 import { NgxDocViewerModule } from 'ngx-doc-viewer';
 import * as i10 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
+import { MatCardModule, MatCardContent, MatCard, MatCardTitle } from '@angular/material/card';
 import * as i1$4 from '@angular/forms';
 import { UntypedFormControl, Validators, ReactiveFormsModule, FormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
 import * as i1$2 from '@angular/common/http';
@@ -35,9 +35,9 @@ import { throwError, Observable, Subject, of, BehaviorSubject, map as map$1, Sub
 import * as i1$1 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i9$1 from '@angular/material/form-field';
-import { MAT_FORM_FIELD, MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
+import { MAT_FORM_FIELD, MatFormFieldControl, MatFormFieldModule, MatFormField, MatLabel, MatError } from '@angular/material/form-field';
 import * as i9$2 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
+import { MatInputModule, MatInput } from '@angular/material/input';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import * as i1$3 from '@angular/cdk/a11y';
@@ -12725,6 +12725,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class FileUploadButtonComponent {
+    constructor(entityFileService) {
+        this.entityFileService = entityFileService;
+        this.uploaded = new EventEmitter();
+        this.DEFAULT_FILE_ID = 'file-upload-button';
+    }
+    async onFileChange(event) {
+        if (event.target.files && event.target.files.length) {
+            const fileArray = Array.from(event.target.files);
+            const fileInput = document.getElementById(this.config?.fileId ?? this.DEFAULT_FILE_ID);
+            fileInput.value = '';
+            this.isUploading = true;
+            const results = await this.uploadFiles(fileArray);
+            this.uploaded.emit(results);
+            this.isUploading = false;
+        }
+    }
+    selectFiles(event) {
+        event.preventDefault();
+        document
+            .getElementById(this.config?.fileId ?? this.DEFAULT_FILE_ID)
+            ?.click();
+    }
+    async uploadFiles(files) {
+        const uploadPromises = files.map((file) => this.entityFileService.uploadEntityFile(file));
+        return await Promise.all(uploadPromises);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadButtonComponent, deps: [{ token: EntityFileService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileUploadButtonComponent, isStandalone: true, selector: "app-file-upload-button", inputs: { config: "config" }, outputs: { uploaded: "uploaded" }, ngImport: i0, template: "<button\n  [disabled]=\"isUploading\"\n  mat-stroked-button\n  type=\"button\"\n  (click)=\"selectFiles($event)\"\n>\n  <mat-icon>attachment</mat-icon> Attach\n</button>\n\n<input\n  type=\"file\"\n  id=\"{{ config.fileId ?? DEFAULT_FILE_ID }}\"\n  [accept]=\"config.accept ?? '*'\"\n  (change)=\"onFileChange($event)\"\n  [multiple]=\"config.multiple ?? false\"\n  class=\"d-none\"\n/>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-upload-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], template: "<button\n  [disabled]=\"isUploading\"\n  mat-stroked-button\n  type=\"button\"\n  (click)=\"selectFiles($event)\"\n>\n  <mat-icon>attachment</mat-icon> Attach\n</button>\n\n<input\n  type=\"file\"\n  id=\"{{ config.fileId ?? DEFAULT_FILE_ID }}\"\n  [accept]=\"config.accept ?? '*'\"\n  (change)=\"onFileChange($event)\"\n  [multiple]=\"config.multiple ?? false\"\n  class=\"d-none\"\n/>\n" }]
+        }], ctorParameters: () => [{ type: EntityFileService }], propDecorators: { config: [{
+                type: Input
+            }], uploaded: [{
+                type: Output
+            }] } });
+
+class ImagePreviewComponent {
+    constructor() {
+        this.height = 100;
+        this.removed = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImagePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImagePreviewComponent, isStandalone: true, selector: "app-image-preview", inputs: { path: "path", height: "height" }, outputs: { removed: "removed" }, ngImport: i0, template: "<img\n  *ngIf=\"path\"\n  [src]=\"path\" [alt]=\"path\"\n  [style.height.px]=\"height\"\n  class=\"img-thumbnail\"\n>\n<mat-icon (click)=\"removed.emit()\" class=\"cursor-pointer\">close</mat-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImagePreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-image-preview', standalone: true, imports: [
+                        NgIf,
+                        MatIcon
+                    ], template: "<img\n  *ngIf=\"path\"\n  [src]=\"path\" [alt]=\"path\"\n  [style.height.px]=\"height\"\n  class=\"img-thumbnail\"\n>\n<mat-icon (click)=\"removed.emit()\" class=\"cursor-pointer\">close</mat-icon>\n" }]
+        }], propDecorators: { path: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], removed: [{
+                type: Output
+            }] } });
+
+class ClientService extends TechlifyServiceBaseClass {
+    constructor(httpService) {
+        super(httpService, 'clients');
+        this.httpService = httpService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClientService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClientService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClientService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: HttpService }] });
+
+class CompanyInformationComponent extends TechlifyFormComponentInterface {
+    constructor(formValidatorService, formBuilder, currentUserService, clientService, alertService, location) {
+        super(formValidatorService);
+        this.formBuilder = formBuilder;
+        this.currentUserService = currentUserService;
+        this.clientService = clientService;
+        this.alertService = alertService;
+        this.location = location;
+        this.errorMessages = {
+            name: {
+                required: 'The name field is required.'
+            }
+        };
+        this.form = this.formBuilder.group({
+            id: [''],
+            name: ['', Validators.required],
+            email: [''],
+            phone: [''],
+            address: [''],
+            logo: [''],
+            letterhead_image: [''],
+            tin: ['']
+        });
+    }
+    ngOnInit() {
+        this.user = this.currentUserService.getUser();
+        const client = this.user?.client;
+        if (client) {
+            this.form.patchValue({ ...client });
+        }
+    }
+    save() {
+        this.form.markAllAsTouched();
+        if (this.form.invalid) {
+            this.alertService.addAlert('Please check the form for errors.', 'error');
+            return;
+        }
+        const data = { ...this.form.value };
+        this.isWorking = true;
+        this.clientService.update(data).subscribe({
+            next: () => {
+                this.isWorking = false;
+                // update user
+                this.currentUserService.getUserObservable(true).subscribe();
+                this.alertService.addAlert('The company information saved successfully!', 'success');
+            },
+            error: () => (this.isWorking = false)
+        });
+    }
+    onFileUploaded(uploadedFile, field) {
+        if (uploadedFile && uploadedFile.length > 0) {
+            this.form.get(field)?.patchValue(uploadedFile[0]?.item?.url);
+        }
+    }
+    redirectBack() {
+        this.location.back();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInformationComponent, deps: [{ token: FormValidatorService }, { token: i1$4.FormBuilder }, { token: CurrentUserService }, { token: ClientService }, { token: AlertService }, { token: i2$1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInformationComponent, isStandalone: true, selector: "app-company-information", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <form\n        [formGroup]=\"form\"\n        class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\"\n        (submit)=\"save()\"\n      >\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Name</mat-label>\n          <input matInput formControlName=\"name\">\n          <mat-error *ngIf=\"isFieldValid('name')\">\n            {{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n          <mat-label>Email</mat-label>\n          <input matInput formControlName=\"email\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50%)\">\n          <mat-label>Phone</mat-label>\n          <input matInput formControlName=\"phone\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Address</mat-label>\n          <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>TIN</mat-label>\n          <input matInput formControlName=\"tin\">\n        </mat-form-field>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Logo</p>\n          <app-file-upload-button\n            *ngIf=\"!form?.value?.logo\"\n            [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'logo')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.logo\"\n            [path]=\"form.value?.logo\"\n            (removed)=\"form.get('logo')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Letterhead Image</p>\n          <app-file-upload-button\n            *ngIf=\"!form.value?.letterhead_image\"\n            [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.letterhead_image\"\n            [path]=\"form.value?.letterhead_image\"\n            (removed)=\"form.get('letterhead_image')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n          <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n            Save\n          </button>\n          <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n            Cancel\n          </button>\n        </div>\n      </form>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FileUploadButtonComponent, selector: "app-file-upload-button", inputs: ["config"], outputs: ["uploaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: ImagePreviewComponent, selector: "app-image-preview", inputs: ["path", "height"], outputs: ["removed"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInformationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-company-information', standalone: true, imports: [
+                        MatCardContent,
+                        MatCard,
+                        MatCardTitle,
+                        MatFormField,
+                        MatLabel,
+                        MatInput,
+                        MatButton,
+                        ReactiveFormsModule,
+                        FileUploadButtonComponent,
+                        NgIf,
+                        MatError,
+                        ImagePreviewComponent,
+                    ], template: "<div class=\"d-flex justify-content-center align-items-center\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <form\n        [formGroup]=\"form\"\n        class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\"\n        (submit)=\"save()\"\n      >\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Name</mat-label>\n          <input matInput formControlName=\"name\">\n          <mat-error *ngIf=\"isFieldValid('name')\">\n            {{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n          <mat-label>Email</mat-label>\n          <input matInput formControlName=\"email\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50%)\">\n          <mat-label>Phone</mat-label>\n          <input matInput formControlName=\"phone\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Address</mat-label>\n          <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>TIN</mat-label>\n          <input matInput formControlName=\"tin\">\n        </mat-form-field>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Logo</p>\n          <app-file-upload-button\n            *ngIf=\"!form?.value?.logo\"\n            [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'logo')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.logo\"\n            [path]=\"form.value?.logo\"\n            (removed)=\"form.get('logo')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Letterhead Image</p>\n          <app-file-upload-button\n            *ngIf=\"!form.value?.letterhead_image\"\n            [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.letterhead_image\"\n            [path]=\"form.value?.letterhead_image\"\n            (removed)=\"form.get('letterhead_image')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n          <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n            Save\n          </button>\n          <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n            Cancel\n          </button>\n        </div>\n      </form>\n    </mat-card-content>\n  </mat-card>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: FormValidatorService }, { type: i1$4.FormBuilder }, { type: CurrentUserService }, { type: ClientService }, { type: AlertService }, { type: i2$1.Location }] });
+
+class CompanyInfoDisplayComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInfoDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInfoDisplayComponent, isStandalone: true, selector: "app-company-info-display", inputs: { client: "client" }, ngImport: i0, template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div>\n    <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInfoDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-company-info-display', standalone: true, imports: [
+                        NgIf
+                    ], template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div>\n    <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n" }]
+        }], propDecorators: { client: [{
+                type: Input
+            }] } });
+
 /*
  * Public API Surface of ngx-techlify-core
  */
@@ -12733,5 +12900,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, ConfigService, CoreModule, CredentialsService, CurrentUserService, DEFAULT_SELECTED_VALUE, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFileService, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, NgxTechlifyUsersModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelector, PageEvent, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleModule, RoleRoutingProvider, RoleService, RolesViewAllComponent, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFormComponentInterface, TechlifyListingControllerInterface, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyServiceBaseClass, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientsListComponent, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserExploreComponent, UserFormComponent, UserListPageConfig, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UsersViewAllComponent, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr };
+export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ClientService, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, CompanyInfoDisplayComponent, CompanyInformationComponent, ConfigService, CoreModule, CredentialsService, CurrentUserService, DEFAULT_SELECTED_VALUE, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFileService, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, NgxTechlifyUsersModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelector, PageEvent, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleModule, RoleRoutingProvider, RoleService, RolesViewAllComponent, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFormComponentInterface, TechlifyListingControllerInterface, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyServiceBaseClass, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientsListComponent, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserExploreComponent, UserFormComponent, UserListPageConfig, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UsersViewAllComponent, UtilityModule, ViewerConfig, calculateTimeline, esfur, estlr, esulr };
 //# sourceMappingURL=ngx-techlify-core.mjs.map