techlify-inventory-common 18.51.0 → 22.0.0

package/fesm2022/techlify-inventory-common-recipient.module-gxR77BIj.mjs

@@ -0,0 +1,647 @@
+import { t as SharedModule } from "./techlify-inventory-common-shared.module-DP-FVqea.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Injectable, NgModule, Optional, signal } from "@angular/core";
+import * as i1 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i1$1 from "ngx-techlify-core";
+import { TechlifyFormComponent, TechlifyListComponent, TechlifyService } from "ngx-techlify-core";
+import * as i6 from "@angular/material/card";
+import * as i9 from "@angular/material/table";
+import * as i7 from "@angular/material/progress-bar";
+import * as i3 from "ngx-infinite-scroll";
+import * as i2 from "@angular/forms";
+import { Validators } from "@angular/forms";
+import * as i4 from "@angular/material/dialog";
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i5 from "@angular/material/button";
+import * as i7$1 from "@angular/material/form-field";
+import * as i8$1 from "@angular/material/input";
+import * as i8 from "@angular/material/sort";
+import * as i10 from "ngx-permissions";
+var RecipientService = class RecipientService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "recipients");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientService,
+		deps: [{ token: i1$1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RecipientService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$1.HttpService }]
+});
+var RecipientFormComponent = class RecipientFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	formBuilder;
+	service;
+	dialogRef;
+	data;
+	constructor(formValidatorService, formBuilder, service, dialogRef, data) {
+		super(formValidatorService, service);
+		this.formValidatorService = formValidatorService;
+		this.formBuilder = formBuilder;
+		this.service = service;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.errorMessages = { name: { required: "The name field is required." } };
+		this.form = this.formBuilder.group({
+			id: [""],
+			name: ["", Validators.required],
+			details: [""]
+		});
+	}
+	ngOnInit() {
+		const model = this.data?.model;
+		if (model) {
+			this.isUpdate = true;
+			this.form.patchValue(model);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientFormComponent,
+		deps: [
+			{ token: i1$1.FormValidatorService },
+			{ token: i2.FormBuilder },
+			{ token: RecipientService },
+			{ token: i4.MatDialogRef },
+			{
+				token: MAT_DIALOG_DATA,
+				optional: true
+			}
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: RecipientFormComponent,
+		isStandalone: true,
+		selector: "app-recipient-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      @if (isFieldValid('name')) {\n      <mat-error>{{ getErrorMessage('name') }}</mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: i5.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "directive",
+				type: i6.MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "component",
+				type: i7$1.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i7$1.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i7$1.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i8$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: i2.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RecipientFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-recipient-form",
+			imports: [SharedModule],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      @if (isFieldValid('name')) {\n      <mat-error>{{ getErrorMessage('name') }}</mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$1.FormValidatorService },
+		{ type: i2.FormBuilder },
+		{ type: RecipientService },
+		{ type: i4.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}, { type: Optional }]
+		}
+	]
+});
+var RecipientListComponent = class RecipientListComponent extends TechlifyListComponent {
+	fb;
+	service;
+	recipientForm = signal(RecipientFormComponent, ...ngDevMode ? [{ debugName: "recipientForm" }] : /* istanbul ignore next */ []);
+	displayedColumns = [
+		"#",
+		"name",
+		"details",
+		"actions"
+	];
+	constructor(fb, service) {
+		super(service);
+		this.fb = fb;
+		this.service = service;
+		this.filterFormConfiguration = {};
+		this.filterForm = this.fb.group({
+			search: [""],
+			sort_by: ["created_at|desc"]
+		});
+	}
+	ngOnInit() {
+		this.patchFiltersFromRoute();
+		this.loadData();
+		this.listenFilterChanges();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientListComponent,
+		deps: [{ token: i2.FormBuilder }, { token: RecipientService }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: RecipientListComponent,
+		isStandalone: false,
+		selector: "app-recipient-list",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\n        <ng-container matColumnDef=\"#\">\n          <th mat-header-cell *matHeaderCellDef>#</th>\n          <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef>Details</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: $safeNavigationMigration(element?.name) }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      </table>\n      @if (isWorking) {\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      }\n    </mat-card-content>\n  </mat-card>\n</div>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i3.InfiniteScrollDirective,
+				selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+				inputs: [
+					"infiniteScrollDistance",
+					"infiniteScrollUpDistance",
+					"infiniteScrollThrottle",
+					"infiniteScrollDisabled",
+					"infiniteScrollContainer",
+					"scrollWindow",
+					"immediateCheck",
+					"horizontal",
+					"alwaysCallback",
+					"fromRoot"
+				],
+				outputs: ["scrolled", "scrolledUp"]
+			},
+			{
+				kind: "component",
+				type: i6.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i7$1.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i7$1.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "component",
+				type: i7.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "directive",
+				type: i8.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i8.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i9.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i9.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i9.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i9.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i9.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i9.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i9.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i9.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "component",
+				type: i9.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i9.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "directive",
+				type: i10.NgxPermissionsDirective,
+				selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]",
+				inputs: [
+					"ngxPermissionsOnly",
+					"ngxPermissionsOnlyThen",
+					"ngxPermissionsOnlyElse",
+					"ngxPermissionsExcept",
+					"ngxPermissionsExceptElse",
+					"ngxPermissionsExceptThen",
+					"ngxPermissionsThen",
+					"ngxPermissionsElse",
+					"ngxPermissionsOnlyAuthorisedStrategy",
+					"ngxPermissionsOnlyUnauthorisedStrategy",
+					"ngxPermissionsExceptUnauthorisedStrategy",
+					"ngxPermissionsExceptAuthorisedStrategy",
+					"ngxPermissionsUnauthorisedStrategy",
+					"ngxPermissionsAuthorisedStrategy"
+				],
+				outputs: ["permissionsAuthorized", "permissionsUnauthorized"]
+			},
+			{
+				kind: "directive",
+				type: i2.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "component",
+				type: i1$1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "component",
+				type: i1$1.TechlifyFormButtonComponent,
+				selector: "app-techlify-form-button",
+				inputs: [
+					"component",
+					"model",
+					"data",
+					"width",
+					"tooltip",
+					"multiAddComponent",
+					"multiAddData",
+					"multiAddWidth",
+					"multiAddTooltip"
+				],
+				outputs: ["saved"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RecipientListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-recipient-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\n        <ng-container matColumnDef=\"#\">\n          <th mat-header-cell *matHeaderCellDef>#</th>\n          <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef>Details</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: $safeNavigationMigration(element?.name) }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      </table>\n      @if (isWorking) {\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      }\n    </mat-card-content>\n  </mat-card>\n</div>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i2.FormBuilder }, { type: RecipientService }]
+});
+const routes = [{
+	path: "",
+	component: RecipientListComponent
+}];
+var RecipientRoutingModule = class RecipientRoutingModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientRoutingModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientRoutingModule,
+		imports: [i1.RouterModule],
+		exports: [RouterModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientRoutingModule,
+		imports: [RouterModule.forChild(routes), RouterModule]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RecipientRoutingModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [RouterModule.forChild(routes)],
+			exports: [RouterModule]
+		}]
+	}]
+});
+var RecipientModule = class RecipientModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientModule,
+		declarations: [RecipientListComponent],
+		imports: [RecipientRoutingModule, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RecipientModule,
+		imports: [RecipientRoutingModule, SharedModule]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RecipientModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [RecipientListComponent],
+			imports: [RecipientRoutingModule, SharedModule]
+		}]
+	}]
+});
+export { RecipientModule };
+
+//# sourceMappingURL=techlify-inventory-common-recipient.module-gxR77BIj.mjs.map