techlify-inventory-common 18.50.0 → 22.0.0

package/fesm2022/techlify-inventory-common-category.module-Dtn1604q.mjs

@@ -0,0 +1,842 @@
+import { n as TechlifyFilterComponent, t as TechlifyFilterModule } from "./techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Injectable, Input, NgModule, Output } from "@angular/core";
+import * as i3 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i1$1 from "ngx-techlify-core";
+import { MaterialModule, NoteModule, TechlifyFormComponent, TechlifyListComponent, TechlifyService } from "ngx-techlify-core";
+import * as i2 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import * as i4$1 from "@angular/material/card";
+import { MatCardModule } from "@angular/material/card";
+import * as i7 from "@angular/material/table";
+import * as i8 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i10 from "ngx-infinite-scroll";
+import { InfiniteScrollModule } from "ngx-infinite-scroll";
+import * as i2$1 from "@angular/forms";
+import { ReactiveFormsModule, Validators } from "@angular/forms";
+import * as i1 from "@angular/material/dialog";
+import { MatDialogModule } from "@angular/material/dialog";
+import * as i4$2 from "@angular/material/button";
+import * as i5 from "@angular/material/form-field";
+import * as i6$1 from "@angular/material/input";
+import * as i6 from "@angular/material/sort";
+import * as i4 from "@angular/material/divider";
+import { CommonModule } from "@angular/common";
+var CategoryService = class CategoryService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "product-categories");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryService,
+		deps: [{ token: i1$1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$1.HttpService }]
+});
+var CategoryFormComponent = class CategoryFormComponent extends TechlifyFormComponent {
+	formBuilder;
+	categoryService;
+	category;
+	saved = new EventEmitter();
+	cancelled = new EventEmitter();
+	isSaving = false;
+	constructor(formValidatorService, formBuilder, categoryService) {
+		super(formValidatorService);
+		this.formBuilder = formBuilder;
+		this.categoryService = categoryService;
+		this.errorMessages = { title: { required: "The title field is required." } };
+		this.form = this.formBuilder.group({
+			id: [""],
+			title: ["", Validators.required],
+			description: [""]
+		});
+	}
+	save() {
+		this.form.markAllAsTouched();
+		if (this.form.invalid) {
+			this.alertService.addAlert("Please check the form for errors.", "error");
+			return;
+		}
+		this.isSaving = true;
+		const data = { ...this.form.value };
+		let request = this.categoryService.store(data);
+		if (this.category?.id) request = this.categoryService.update(data);
+		request.subscribe({
+			next: (response) => {
+				this.isSaving = false;
+				this.alertService.addAlert("Category saved successfully!", "success");
+				this.saved.emit(response?.item);
+			},
+			error: () => {
+				this.isSaving = false;
+			}
+		});
+	}
+	ngOnInit() {
+		if (this.category) this.form.patchValue({ ...this.category });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryFormComponent,
+		deps: [
+			{ token: i1$1.FormValidatorService },
+			{ token: i2$1.FormBuilder },
+			{ token: CategoryService }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: CategoryFormComponent,
+		isStandalone: false,
+		selector: "app-category-form",
+		inputs: { category: "category" },
+		outputs: {
+			saved: "saved",
+			cancelled: "cancelled"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<form [formGroup]=\"form\" (submit)=\"save()\" class=\"d-flex flex-column justify-content-start\">\n  <mat-form-field>\n    <mat-label>Title</mat-label>\n    <input type=\"text\" matInput formControlName=\"title\" placeholder=\"Title\" />\n    @if (isFieldValid('title')) {\n    <mat-error>\n      {{ getErrorMessage('title') }}\n    </mat-error>\n    }\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>Description</mat-label>\n    <textarea matInput formControlName=\"description\" placeholder=\"Description\"></textarea>\n  </mat-form-field>\n\n  <div class=\"d-flex justify-content-end align-items-center gap-2\">\n    <button [disabled]=\"isSaving\" type=\"submit\" mat-raised-button color=\"primary\">Save</button>\n    <button [disabled]=\"isSaving\" type=\"button\" mat-flat-button (click)=\"cancelled.emit()\">Cancel</button>\n  </div>\n</form>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.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$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "component",
+				type: i4$2.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: "component",
+				type: i5.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i5.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i5.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i6$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"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-category-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<form [formGroup]=\"form\" (submit)=\"save()\" class=\"d-flex flex-column justify-content-start\">\n  <mat-form-field>\n    <mat-label>Title</mat-label>\n    <input type=\"text\" matInput formControlName=\"title\" placeholder=\"Title\" />\n    @if (isFieldValid('title')) {\n    <mat-error>\n      {{ getErrorMessage('title') }}\n    </mat-error>\n    }\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-label>Description</mat-label>\n    <textarea matInput formControlName=\"description\" placeholder=\"Description\"></textarea>\n  </mat-form-field>\n\n  <div class=\"d-flex justify-content-end align-items-center gap-2\">\n    <button [disabled]=\"isSaving\" type=\"submit\" mat-raised-button color=\"primary\">Save</button>\n    <button [disabled]=\"isSaving\" type=\"button\" mat-flat-button (click)=\"cancelled.emit()\">Cancel</button>\n  </div>\n</form>\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$1.FormValidatorService },
+		{ type: i2$1.FormBuilder },
+		{ type: CategoryService }
+	],
+	propDecorators: {
+		category: [{ type: Input }],
+		saved: [{ type: Output }],
+		cancelled: [{ type: Output }]
+	}
+});
+var CategoryFormButtonComponent = class CategoryFormButtonComponent {
+	matDialog;
+	category;
+	saved = new EventEmitter();
+	constructor(matDialog) {
+		this.matDialog = matDialog;
+	}
+	showCategoryForm(templateRef) {
+		this.matDialog.open(templateRef, { width: "500px" });
+	}
+	onCategorySaved(category) {
+		this.matDialog.closeAll();
+		this.saved.emit(category);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryFormButtonComponent,
+		deps: [{ token: i1.MatDialog }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: CategoryFormButtonComponent,
+		isStandalone: false,
+		selector: "app-category-form-button",
+		inputs: { category: "category" },
+		outputs: { saved: "saved" },
+		ngImport: i0,
+		template: "@if (!category) {\n<mat-icon color=\"primary\" class=\"cursor-pointer\" (click)=\"showCategoryForm(categoryFormTemplate)\"> add </mat-icon>\n} @if (category) {\n<mat-icon class=\"cursor-pointer\" (click)=\"showCategoryForm(categoryFormTemplate)\"> edit </mat-icon>\n}\n\n<ng-template #categoryFormTemplate>\n  <h3 class=\"mb-0\" mat-dialog-title>{{ category ? 'Edit' : 'Create' }} Category</h3>\n  <small class=\"text-secondary px-4\"> Note that category names are unique and cannot be duplicated. </small>\n  <div mat-dialog-content>\n    <app-category-form\n      class=\"mt-3\"\n      [category]=\"category\"\n      (saved)=\"onCategorySaved($event)\"\n      (cancelled)=\"matDialog.closeAll()\"\n    ></app-category-form>\n  </div>\n</ng-template>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: i2.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: i1.MatDialogTitle,
+				selector: "[mat-dialog-title], [matDialogTitle]",
+				inputs: ["id"],
+				exportAs: ["matDialogTitle"]
+			},
+			{
+				kind: "directive",
+				type: i1.MatDialogContent,
+				selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+			},
+			{
+				kind: "component",
+				type: CategoryFormComponent,
+				selector: "app-category-form",
+				inputs: ["category"],
+				outputs: ["saved", "cancelled"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryFormButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-category-form-button",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "@if (!category) {\n<mat-icon color=\"primary\" class=\"cursor-pointer\" (click)=\"showCategoryForm(categoryFormTemplate)\"> add </mat-icon>\n} @if (category) {\n<mat-icon class=\"cursor-pointer\" (click)=\"showCategoryForm(categoryFormTemplate)\"> edit </mat-icon>\n}\n\n<ng-template #categoryFormTemplate>\n  <h3 class=\"mb-0\" mat-dialog-title>{{ category ? 'Edit' : 'Create' }} Category</h3>\n  <small class=\"text-secondary px-4\"> Note that category names are unique and cannot be duplicated. </small>\n  <div mat-dialog-content>\n    <app-category-form\n      class=\"mt-3\"\n      [category]=\"category\"\n      (saved)=\"onCategorySaved($event)\"\n      (cancelled)=\"matDialog.closeAll()\"\n    ></app-category-form>\n  </div>\n</ng-template>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i1.MatDialog }],
+	propDecorators: {
+		category: [{ type: Input }],
+		saved: [{ type: Output }]
+	}
+});
+var CategoryListPageComponent = class CategoryListPageComponent extends TechlifyListComponent {
+	formBuilder;
+	categoryService;
+	filterConfig = { search: { placeholder: "Search category title, description" } };
+	displayedColumns = [
+		"no",
+		"title",
+		"description",
+		"products",
+		"actions"
+	];
+	constructor(formBuilder, categoryService) {
+		super();
+		this.formBuilder = formBuilder;
+		this.categoryService = categoryService;
+		this.filterForm = this.formBuilder.group({
+			search: [""],
+			sort_by: ["created_at|desc"]
+		});
+	}
+	loadData() {
+		this.isWorking = true;
+		const params = { ...this.filterForm.value };
+		params.perPage = this.perPage;
+		params.page = this.page;
+		params.withCount = "products";
+		this.categoryService.index(params).subscribe({
+			next: (response) => {
+				this.models = this.models.concat(response?.data);
+				this.lastPage = response?.last_page;
+				this.isWorking = false;
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	onSortChange(sort) {
+		let { active, direction } = sort;
+		if (!active) active = "created_at";
+		if (!direction) direction = "desc";
+		this.filterForm.get("sort_by").setValue(active + "|" + direction);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryListPageComponent,
+		deps: [{ token: i2$1.FormBuilder }, { token: CategoryService }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: CategoryListPageComponent,
+		isStandalone: false,
+		selector: "app-category-list-page",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h3 class=\"mb-0\">Product Categories</h3>\n      <app-category-form-button (saved)=\"reload()\"></app-category-form-button>\n    </div>\n    <app-techlify-filter\n      [filterForm]=\"filterForm\"\n      (filterUpdated)=\"reload()\"\n      [filterConfig]=\"filterConfig\"\n    ></app-techlify-filter>\n  </mat-card-content>\n</mat-card>\n\n<mat-card class=\"mt-2\">\n  <mat-card-content class=\"p-0\">\n    <table\n      mat-table\n      [dataSource]=\"models\"\n      class=\"w-100\"\n      aria-describedby=\"Product Categories\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      matSort\n      (matSortChange)=\"onSortChange($event)\"\n    >\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\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      <!-- Title Column -->\n      <ng-container matColumnDef=\"title\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Title</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.title }}</td>\n      </ng-container>\n\n      <!-- Description Column -->\n      <ng-container matColumnDef=\"description\">\n        <th mat-header-cell *matHeaderCellDef>Description</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.description }}</td>\n      </ng-container>\n\n      <!-- Products Column -->\n      <ng-container matColumnDef=\"products\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header=\"products_count\">Products</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.products_count }}\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\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 justify-content-start align-items-center gap-2\">\n            <app-category-form-button [category]=\"element\" (saved)=\"reload()\"></app-category-form-button>\n            <a class=\"text-decoration-none text-dark\" [routerLink]=\"[$safeNavigationMigration(element?.id), 'view']\">\n              <mat-icon class=\"text-dark\">visibility</mat-icon>\n            </a>\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\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i3.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: i4$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i4$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i2.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i6.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i7.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "component",
+				type: i7.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "component",
+				type: i8.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: TechlifyFilterComponent,
+				selector: "app-techlify-filter",
+				inputs: ["filterForm", "filterConfig"],
+				outputs: ["filterUpdated"]
+			},
+			{
+				kind: "directive",
+				type: i10.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: CategoryFormButtonComponent,
+				selector: "app-category-form-button",
+				inputs: ["category"],
+				outputs: ["saved"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryListPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-category-list-page",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h3 class=\"mb-0\">Product Categories</h3>\n      <app-category-form-button (saved)=\"reload()\"></app-category-form-button>\n    </div>\n    <app-techlify-filter\n      [filterForm]=\"filterForm\"\n      (filterUpdated)=\"reload()\"\n      [filterConfig]=\"filterConfig\"\n    ></app-techlify-filter>\n  </mat-card-content>\n</mat-card>\n\n<mat-card class=\"mt-2\">\n  <mat-card-content class=\"p-0\">\n    <table\n      mat-table\n      [dataSource]=\"models\"\n      class=\"w-100\"\n      aria-describedby=\"Product Categories\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      matSort\n      (matSortChange)=\"onSortChange($event)\"\n    >\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\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      <!-- Title Column -->\n      <ng-container matColumnDef=\"title\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Title</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.title }}</td>\n      </ng-container>\n\n      <!-- Description Column -->\n      <ng-container matColumnDef=\"description\">\n        <th mat-header-cell *matHeaderCellDef>Description</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.description }}</td>\n      </ng-container>\n\n      <!-- Products Column -->\n      <ng-container matColumnDef=\"products\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header=\"products_count\">Products</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.products_count }}\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\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 justify-content-start align-items-center gap-2\">\n            <app-category-form-button [category]=\"element\" (saved)=\"reload()\"></app-category-form-button>\n            <a class=\"text-decoration-none text-dark\" [routerLink]=\"[$safeNavigationMigration(element?.id), 'view']\">\n              <mat-icon class=\"text-dark\">visibility</mat-icon>\n            </a>\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\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i2$1.FormBuilder }, { type: CategoryService }]
+});
+var CategoryViewComponent = class CategoryViewComponent {
+	activatedRoute;
+	service;
+	id;
+	isWorking = false;
+	model;
+	constructor(activatedRoute, service) {
+		this.activatedRoute = activatedRoute;
+		this.service = service;
+		this.id = parseInt(this.activatedRoute.snapshot.params["id"]);
+	}
+	ngOnInit() {
+		if (this.id) this.loadData();
+	}
+	loadData() {
+		this.isWorking = true;
+		this.service.show(this.id).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.model = response?.item;
+			},
+			error: (error) => {
+				this.isWorking = false;
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryViewComponent,
+		deps: [{ token: i3.ActivatedRoute }, { token: CategoryService }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: CategoryViewComponent,
+		isStandalone: false,
+		selector: "app-category-view",
+		ngImport: i0,
+		template: "@if (isWorking) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (model) {\n<div style=\"max-width: 250px\" class=\"d-flex flex-column gap-3\">\n  <mat-card>\n    <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n      <h3 class=\"fw-bold\">Information</h3>\n      <div class=\"d-flex justify-content-end align-items-center\">\n        <app-category-form-button [category]=\"model\" (saved)=\"loadData()\"></app-category-form-button>\n      </div>\n    </mat-card-content>\n    <mat-divider class=\"mt-2\"></mat-divider>\n    <mat-card-content class=\"mt-3\">\n      <div class=\"d-flex flex-column justify-content-start gap-0\">\n        <small class=\"text-secondary\">Title</small>\n        <p>{{ model?.title }}</p>\n      </div>\n      @if (model?.description) {\n      <div class=\"d-flex flex-column justify-content-start gap-0\">\n        <small class=\"text-secondary\">Description</small>\n        <p>{{ model?.description }}</p>\n      </div>\n      }\n    </mat-card-content>\n  </mat-card>\n\n  <app-note-list\n    labelText=\"Notes\"\n    viewMode=\"timeline\"\n    modelType=\"ProductCategory\"\n    [relatedModelId]=\"$safeNavigationMigration(model?.id)\"\n  ></app-note-list>\n</div>\n}\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: i4$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i4$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i4.MatDivider,
+				selector: "mat-divider",
+				inputs: ["vertical", "inset"]
+			},
+			{
+				kind: "component",
+				type: i8.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: i1$1.NoteListComponent,
+				selector: "app-note-list",
+				inputs: [
+					"relatedModelId",
+					"modelType",
+					"readonly",
+					"labelText",
+					"commentsView",
+					"viewMode"
+				]
+			},
+			{
+				kind: "component",
+				type: CategoryFormButtonComponent,
+				selector: "app-category-form-button",
+				inputs: ["category"],
+				outputs: ["saved"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryViewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-category-view",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "@if (isWorking) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (model) {\n<div style=\"max-width: 250px\" class=\"d-flex flex-column gap-3\">\n  <mat-card>\n    <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n      <h3 class=\"fw-bold\">Information</h3>\n      <div class=\"d-flex justify-content-end align-items-center\">\n        <app-category-form-button [category]=\"model\" (saved)=\"loadData()\"></app-category-form-button>\n      </div>\n    </mat-card-content>\n    <mat-divider class=\"mt-2\"></mat-divider>\n    <mat-card-content class=\"mt-3\">\n      <div class=\"d-flex flex-column justify-content-start gap-0\">\n        <small class=\"text-secondary\">Title</small>\n        <p>{{ model?.title }}</p>\n      </div>\n      @if (model?.description) {\n      <div class=\"d-flex flex-column justify-content-start gap-0\">\n        <small class=\"text-secondary\">Description</small>\n        <p>{{ model?.description }}</p>\n      </div>\n      }\n    </mat-card-content>\n  </mat-card>\n\n  <app-note-list\n    labelText=\"Notes\"\n    viewMode=\"timeline\"\n    modelType=\"ProductCategory\"\n    [relatedModelId]=\"$safeNavigationMigration(model?.id)\"\n  ></app-note-list>\n</div>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i3.ActivatedRoute }, { type: CategoryService }]
+});
+const routes = [{
+	path: "",
+	component: CategoryListPageComponent
+}, {
+	path: ":id/view",
+	component: CategoryViewComponent
+}];
+var CategoryRoutingModule = class CategoryRoutingModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryRoutingModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryRoutingModule,
+		imports: [i3.RouterModule],
+		exports: [RouterModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryRoutingModule,
+		imports: [RouterModule.forChild(routes), RouterModule]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryRoutingModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [RouterModule.forChild(routes)],
+			exports: [RouterModule]
+		}]
+	}]
+});
+var CategoryModule = class CategoryModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryModule,
+		declarations: [
+			CategoryListPageComponent,
+			CategoryFormButtonComponent,
+			CategoryFormComponent,
+			CategoryViewComponent
+		],
+		imports: [
+			CommonModule,
+			CategoryRoutingModule,
+			MatCardModule,
+			MatIconModule,
+			MatDialogModule,
+			ReactiveFormsModule,
+			MaterialModule,
+			TechlifyFilterModule,
+			InfiniteScrollModule,
+			MatProgressBarModule,
+			NoteModule
+		],
+		exports: [CategoryFormButtonComponent]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: CategoryModule,
+		imports: [
+			CommonModule,
+			CategoryRoutingModule,
+			MatCardModule,
+			MatIconModule,
+			MatDialogModule,
+			ReactiveFormsModule,
+			MaterialModule,
+			TechlifyFilterModule,
+			InfiniteScrollModule,
+			MatProgressBarModule,
+			NoteModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: CategoryModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [
+				CategoryListPageComponent,
+				CategoryFormButtonComponent,
+				CategoryFormComponent,
+				CategoryViewComponent
+			],
+			imports: [
+				CommonModule,
+				CategoryRoutingModule,
+				MatCardModule,
+				MatIconModule,
+				MatDialogModule,
+				ReactiveFormsModule,
+				MaterialModule,
+				TechlifyFilterModule,
+				InfiniteScrollModule,
+				MatProgressBarModule,
+				NoteModule
+			],
+			exports: [CategoryFormButtonComponent]
+		}]
+	}]
+});
+export { CategoryModule };
+
+//# sourceMappingURL=techlify-inventory-common-category.module-Dtn1604q.mjs.map