techlify-inventory-common 18.51.0 → 22.0.0

package/fesm2022/techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs

@@ -0,0 +1,464 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Output } from "@angular/core";
+import * as i2 from "@angular/router";
+import moment from "moment";
+import * as i1 from "ngx-techlify-core";
+import { MaterialModule, SearchableSelectorModule, TimelineFilterModule } from "ngx-techlify-core";
+import * as i7 from "@angular/material/icon";
+import * as i3 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import { debounceTime, distinctUntilChanged } from "rxjs";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/form-field";
+import * as i8 from "@angular/material/input";
+import * as i4 from "@angular/material/autocomplete";
+import * as i9 from "@angular/material/select";
+import * as i10 from "@angular/material/button-toggle";
+import { CommonModule } from "@angular/common";
+import * as i11 from "ngx-permissions";
+import { NgxPermissionsModule } from "ngx-permissions";
+var TechlifyFilterComponent = class TechlifyFilterComponent {
+	requestHelperService;
+	activatedRoute;
+	filterForm;
+	filterConfig;
+	filterUpdated = new EventEmitter();
+	constructor(requestHelperService, activatedRoute) {
+		this.requestHelperService = requestHelperService;
+		this.activatedRoute = activatedRoute;
+	}
+	ngOnInit() {
+		this.filterForm.valueChanges.subscribe({ next: (value) => {
+			const params = this.requestHelperService.convertToFormData(value);
+			this.requestHelperService.updateQueryParams(params);
+		} });
+		this.requestHelperService.updateFormWithQueryParams(this.filterForm, {
+			duration: { number: true },
+			expiry_duration: { number: true },
+			payment_method_ids: { multiple: true },
+			payment_account_ids: { multiple: true },
+			project_ids: { multiple: true },
+			invoice_status_ids: { multiple: true },
+			customer_ids: { multiple: true },
+			cost_category_ids: { multiple: true },
+			team_member_ids: { multiple: true },
+			task_status_ids: { multiple: true },
+			asset_account_ids: { multiple: true },
+			depreciation_method_ids: { multiple: true },
+			depreciation_expense_account_ids: { multiple: true },
+			fixed_asset_type_ids: { multiple: true },
+			fixed_asset_document_type_ids: { multiple: true },
+			service_center_ids: { multiple: true },
+			fixed_asset_maintenance_status_ids: { multiple: true },
+			milestone_ids: { multiple: true },
+			product_ids: { multiple: true },
+			supplier_ids: { multiple: true },
+			measure_ids: { multiple: true },
+			type_ids: { multiple: true },
+			fixed_asset_ids: { multiple: true }
+		});
+		this.activatedRoute.queryParams.pipe(debounceTime(800), distinctUntilChanged()).subscribe((val) => {
+			this.filterUpdated.emit(this.filterForm.value);
+		});
+	}
+	resetField(field) {
+		this.filterForm.get(field)?.setValue("");
+	}
+	onDurationChange(timelineValue) {
+		let { date_to, date_from } = timelineValue;
+		this.filterForm.patchValue({
+			date_from: date_from ? moment(date_from).format("YYYY-MM-DD") : "",
+			date_to: date_to ? moment(date_to).format("YYYY-MM-DD") : ""
+		}, { emitEvent: false });
+	}
+	onExpiryDurationChange(timelineValue) {
+		let { date_to, date_from } = timelineValue;
+		this.filterForm.patchValue({
+			expiry_date_from: date_from ? moment(date_from).format("YYYY-MM-DD") : "",
+			expiry_date_to: date_to ? moment(date_to).format("YYYY-MM-DD") : ""
+		});
+	}
+	getFilterConfig(attribute, field) {
+		if (!this.filterConfig) return "";
+		return this.filterConfig[field] && this.filterConfig[field][attribute] !== void 0 ? this.filterConfig[field][attribute] : "";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: TechlifyFilterComponent,
+		deps: [{ token: i1.RequestHelperService }, { token: i2.ActivatedRoute }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: TechlifyFilterComponent,
+		isStandalone: false,
+		selector: "app-techlify-filter",
+		inputs: {
+			filterForm: "filterForm",
+			filterConfig: "filterConfig"
+		},
+		outputs: { filterUpdated: "filterUpdated" },
+		ngImport: i0,
+		template: "<form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2\">\n  @if (filterForm.get('search')) {\n  <mat-form-field [appearance]=\"getFilterConfig('appearance', 'search')\">\n    <mat-label>Search</mat-label>\n    <input formControlName=\"search\" matInput [placeholder]=\"getFilterConfig('placeholder', 'search')\" />\n    @if (filterForm.value?.search) {\n    <button mat-icon-button matSuffix (click)=\"resetField('search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm?.get('duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'duration')\"\n    [appearance]=\"getFilterConfig('appearance', 'duration')\"\n    formControlName=\"duration\"\n    (selectionChange)=\"onDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('payment_method_ids')) {\n  <mat-form-field>\n    <mat-label>Payment Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"payment_method_ids\"\n      apiUrl=\"api/payment-methods\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.payment_method_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('payment_method_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('payment_account_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['accountingcommon_account.read']\">\n      <mat-label>{{ getFilterConfig('label', 'payment_account_ids') || 'Payment Account' }}</mat-label>\n      <app-searchable-selector\n        formControlName=\"payment_account_ids\"\n        [apiUrl]=\"getFilterConfig('apiUrl', 'payment_account_ids') || 'api/accounts'\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.payment_account_ids) {\n    <button\n        mat-icon-button\n        matSuffix\n        (click)=\"resetField('payment_account_ids')\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('invoice_status_ids')) {\n  <mat-form-field>\n    <mat-label>Invoice Status</mat-label>\n    <app-searchable-selector\n      formControlName=\"invoice_status_ids\"\n      apiUrl=\"api/invoice-statuses\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.invoice_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('invoice_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('customer_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['customer_read']\">\n      <mat-label>Customer</mat-label>\n      <app-searchable-selector\n        formControlName=\"customer_ids\"\n        titleField=\"name\"\n        apiUrl=\"api/customers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.customer_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('customer_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('project_ids') && getFilterConfig('disabled',\n  'project_ids') === false) {\n  <mat-form-field *ngxPermissionsOnly=\"['project.read']\">\n      <mat-label>Project</mat-label>\n      <app-searchable-selector\n        formControlName=\"project_ids\"\n        apiUrl=\"api/projects\"\n        titleField=\"project_name\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.project_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('project_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('product_ids')) {\n  <mat-form-field>\n    <mat-label>Product</mat-label>\n    <app-searchable-selector\n      formControlName=\"product_ids\"\n      apiUrl=\"api/products\"\n      titleField=\"name\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.product_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('product_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('measure_ids')) {\n  <mat-form-field>\n    <mat-label>Measure</mat-label>\n    <app-searchable-selector\n      formControlName=\"measure_ids\"\n      apiUrl=\"api/product-measures\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.measure_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('measure_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n\n  <ng-container *ngxPermissionsOnly=\"['supplier.read']\">\n    @if (filterForm.get('supplier_ids')) {\n    <mat-form-field [appearance]=\"getFilterConfig('appearance', 'supplier_ids')\">\n      <mat-label>Supplier</mat-label>\n      <app-searchable-selector\n        formControlName=\"supplier_ids\"\n        titleField=\"company_name\"\n        apiUrl=\"api/suppliers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n      @if (filterForm.value?.supplier_ids) {\n      <button mat-icon-button matSuffix (click)=\"resetField('supplier_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    }\n  </ng-container>\n\n  @if (filterForm?.get('expiry_duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'expiry_duration')\"\n    formControlName=\"expiry_duration\"\n    (selectionChange)=\"onExpiryDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.expiry_date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.expiry_date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('cost_category_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Cost Category</mat-label>\n    <app-searchable-selector\n      formControlName=\"cost_category_ids\"\n      apiUrl=\"api/cost-code-categories\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.cost_category_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('cost_category_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('milestone_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Milestone</mat-label>\n    <app-searchable-selector\n      formControlName=\"milestone_ids\"\n      apiUrl=\"api/milestones\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.milestone_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('milestone_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('team_member_ids')) {\n  <mat-form-field>\n    <mat-label>Assignee</mat-label>\n    <app-searchable-selector apiUrl=\"api/persons\" formControlName=\"team_member_ids\" titleField=\"name\" [multiple]=\"true\">\n    </app-searchable-selector>\n    @if (filterForm.value?.team_member_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('team_member_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-types\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_document_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-document-types\"\n      [multiple]=\"true\"\n      [enableSearch]=\"getFilterConfig('enableSearch', 'fixed_asset_document_type_ids')\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_document_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_document_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_status')) {\n  <div>\n    @if (getFilterConfig('showLabel', 'fixed_asset_document_status')) {\n    <small class=\"mr-2 text-secondary\">\n      Status\n    </small>\n    }\n    <mat-button-toggle-group formControlName=\"fixed_asset_document_status\" [multiple]=\"false\">\n      <mat-button-toggle value=\"all\">All</mat-button-toggle>\n      <mat-button-toggle value=\"active\">Active</mat-button-toggle>\n      <mat-button-toggle value=\"expired\">Expired</mat-button-toggle>\n    </mat-button-toggle-group>\n  </div>\n  } @if (filterForm.get('asset_account_ids')) {\n  <mat-form-field>\n    <mat-label>Asset Account</mat-label>\n    <app-searchable-selector\n      formControlName=\"asset_account_ids\"\n      apiUrl=\"api/accounts\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.asset_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('asset_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_expense_account_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Expense Account</mat-label>\n    <app-searchable-selector\n      [multiple]=\"true\"\n      apiUrl=\"api/accounts\"\n      formControlName=\"depreciation_expense_account_ids\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_expense_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('depreciation_expense_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_method_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"depreciation_method_ids\"\n      apiUrl=\"api/accounting-plus/depreciation-methods\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_method_ids) {\n    <button\n      (click)=\"resetField('depreciation_method_ids')\"\n      mat-icon-button\n      matSuffix\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('task_status_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/task-statuses\"\n      formControlName=\"task_status_ids\"\n      titleField=\"title\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.task_status_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('task_status_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('service_center_ids')) {\n  <mat-form-field>\n    <mat-label>Service Center</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/service-centers\"\n      formControlName=\"service_center_ids\"\n      titleField=\"name\"\n      [enableSearch]=\"false\"\n      [multiple]=\"true\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.service_center_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('service_center_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_maintenance_status_ids')) {\n  <mat-form-field>\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/fixed-asset-maintenance-statuses\"\n      formControlName=\"fixed_asset_maintenance_status_ids\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_maintenance_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_maintenance_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('group_by')) {\n  <mat-form-field>\n    <mat-label>Group By</mat-label>\n    <mat-select formControlName=\"group_by\">\n      <mat-option value=\"week\">Week</mat-option>\n      <mat-option value=\"month\">Month</mat-option>\n      <mat-option value=\"year\">Year</mat-option>\n    </mat-select>\n  </mat-form-field>\n  }\n</form>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i3.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i3.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: i3.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i3.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i3.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i3.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "component",
+				type: i1.SearchableSelectorComponent,
+				selector: "app-searchable-selector",
+				inputs: [
+					"valueField",
+					"titleField",
+					"subtitleField",
+					"apiUrl",
+					"multiple",
+					"selectedValue",
+					"enableSearch",
+					"add",
+					"addConfig",
+					"edit",
+					"editConfig",
+					"sort",
+					"sortBy",
+					"searchField",
+					"itemComponent",
+					"items",
+					"apiDataProperty",
+					"cache",
+					"perPage",
+					"inDataSearch",
+					"panelWidth",
+					"focusSearchOnOpen",
+					"isEmitInitialEvent",
+					"required",
+					"disabled",
+					"value"
+				],
+				outputs: [
+					"selectedValueChange",
+					"selectionChange",
+					"itemsChange",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.TimelineFilterComponent,
+				selector: "app-timeline-filter",
+				inputs: [
+					"defaultValue",
+					"required",
+					"disabled",
+					"value",
+					"timelines",
+					"dateFrom",
+					"dateTo",
+					"appearance",
+					"showClearButton",
+					"form",
+					"labelText"
+				],
+				outputs: ["selectionChange"]
+			},
+			{
+				kind: "component",
+				type: i4.MatOption,
+				selector: "mat-option",
+				inputs: [
+					"value",
+					"id",
+					"disabled"
+				],
+				outputs: ["onSelectionChange"],
+				exportAs: ["matOption"]
+			},
+			{
+				kind: "component",
+				type: i5.MatIconButton,
+				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "component",
+				type: i6.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i6.MatSuffix,
+				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+				inputs: ["matTextSuffix"]
+			},
+			{
+				kind: "component",
+				type: i7.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: i8.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: i9.MatSelect,
+				selector: "mat-select",
+				inputs: [
+					"aria-describedby",
+					"panelClass",
+					"disabled",
+					"disableRipple",
+					"tabIndex",
+					"hideSingleSelectionIndicator",
+					"placeholder",
+					"required",
+					"multiple",
+					"disableOptionCentering",
+					"compareWith",
+					"value",
+					"aria-label",
+					"aria-labelledby",
+					"errorStateMatcher",
+					"typeaheadDebounceInterval",
+					"sortComparator",
+					"id",
+					"panelWidth",
+					"canSelectNullableOptions"
+				],
+				outputs: [
+					"openedChange",
+					"opened",
+					"closed",
+					"selectionChange",
+					"valueChange"
+				],
+				exportAs: ["matSelect"]
+			},
+			{
+				kind: "directive",
+				type: i10.MatButtonToggleGroup,
+				selector: "mat-button-toggle-group",
+				inputs: [
+					"appearance",
+					"name",
+					"vertical",
+					"value",
+					"multiple",
+					"disabled",
+					"disabledInteractive",
+					"hideSingleSelectionIndicator",
+					"hideMultipleSelectionIndicator"
+				],
+				outputs: ["valueChange", "change"],
+				exportAs: ["matButtonToggleGroup"]
+			},
+			{
+				kind: "component",
+				type: i10.MatButtonToggle,
+				selector: "mat-button-toggle",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"id",
+					"name",
+					"value",
+					"tabIndex",
+					"disableRipple",
+					"appearance",
+					"checked",
+					"disabled",
+					"disabledInteractive"
+				],
+				outputs: ["change"],
+				exportAs: ["matButtonToggle"]
+			},
+			{
+				kind: "directive",
+				type: i11.NgxPermissionsDirective,
+				selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]",
+				inputs: [
+					"ngxPermissionsOnly",
+					"ngxPermissionsOnlyThen",
+					"ngxPermissionsOnlyElse",
+					"ngxPermissionsExcept",
+					"ngxPermissionsExceptElse",
+					"ngxPermissionsExceptThen",
+					"ngxPermissionsThen",
+					"ngxPermissionsElse",
+					"ngxPermissionsOnlyAuthorisedStrategy",
+					"ngxPermissionsOnlyUnauthorisedStrategy",
+					"ngxPermissionsExceptUnauthorisedStrategy",
+					"ngxPermissionsExceptAuthorisedStrategy",
+					"ngxPermissionsUnauthorisedStrategy",
+					"ngxPermissionsAuthorisedStrategy"
+				],
+				outputs: ["permissionsAuthorized", "permissionsUnauthorized"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: TechlifyFilterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-techlify-filter",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2\">\n  @if (filterForm.get('search')) {\n  <mat-form-field [appearance]=\"getFilterConfig('appearance', 'search')\">\n    <mat-label>Search</mat-label>\n    <input formControlName=\"search\" matInput [placeholder]=\"getFilterConfig('placeholder', 'search')\" />\n    @if (filterForm.value?.search) {\n    <button mat-icon-button matSuffix (click)=\"resetField('search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm?.get('duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'duration')\"\n    [appearance]=\"getFilterConfig('appearance', 'duration')\"\n    formControlName=\"duration\"\n    (selectionChange)=\"onDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('payment_method_ids')) {\n  <mat-form-field>\n    <mat-label>Payment Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"payment_method_ids\"\n      apiUrl=\"api/payment-methods\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.payment_method_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('payment_method_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('payment_account_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['accountingcommon_account.read']\">\n      <mat-label>{{ getFilterConfig('label', 'payment_account_ids') || 'Payment Account' }}</mat-label>\n      <app-searchable-selector\n        formControlName=\"payment_account_ids\"\n        [apiUrl]=\"getFilterConfig('apiUrl', 'payment_account_ids') || 'api/accounts'\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.payment_account_ids) {\n    <button\n        mat-icon-button\n        matSuffix\n        (click)=\"resetField('payment_account_ids')\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('invoice_status_ids')) {\n  <mat-form-field>\n    <mat-label>Invoice Status</mat-label>\n    <app-searchable-selector\n      formControlName=\"invoice_status_ids\"\n      apiUrl=\"api/invoice-statuses\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.invoice_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('invoice_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('customer_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['customer_read']\">\n      <mat-label>Customer</mat-label>\n      <app-searchable-selector\n        formControlName=\"customer_ids\"\n        titleField=\"name\"\n        apiUrl=\"api/customers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.customer_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('customer_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('project_ids') && getFilterConfig('disabled',\n  'project_ids') === false) {\n  <mat-form-field *ngxPermissionsOnly=\"['project.read']\">\n      <mat-label>Project</mat-label>\n      <app-searchable-selector\n        formControlName=\"project_ids\"\n        apiUrl=\"api/projects\"\n        titleField=\"project_name\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.project_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('project_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('product_ids')) {\n  <mat-form-field>\n    <mat-label>Product</mat-label>\n    <app-searchable-selector\n      formControlName=\"product_ids\"\n      apiUrl=\"api/products\"\n      titleField=\"name\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.product_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('product_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('measure_ids')) {\n  <mat-form-field>\n    <mat-label>Measure</mat-label>\n    <app-searchable-selector\n      formControlName=\"measure_ids\"\n      apiUrl=\"api/product-measures\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.measure_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('measure_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n\n  <ng-container *ngxPermissionsOnly=\"['supplier.read']\">\n    @if (filterForm.get('supplier_ids')) {\n    <mat-form-field [appearance]=\"getFilterConfig('appearance', 'supplier_ids')\">\n      <mat-label>Supplier</mat-label>\n      <app-searchable-selector\n        formControlName=\"supplier_ids\"\n        titleField=\"company_name\"\n        apiUrl=\"api/suppliers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n      @if (filterForm.value?.supplier_ids) {\n      <button mat-icon-button matSuffix (click)=\"resetField('supplier_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    }\n  </ng-container>\n\n  @if (filterForm?.get('expiry_duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'expiry_duration')\"\n    formControlName=\"expiry_duration\"\n    (selectionChange)=\"onExpiryDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.expiry_date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.expiry_date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('cost_category_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Cost Category</mat-label>\n    <app-searchable-selector\n      formControlName=\"cost_category_ids\"\n      apiUrl=\"api/cost-code-categories\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.cost_category_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('cost_category_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('milestone_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Milestone</mat-label>\n    <app-searchable-selector\n      formControlName=\"milestone_ids\"\n      apiUrl=\"api/milestones\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.milestone_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('milestone_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('team_member_ids')) {\n  <mat-form-field>\n    <mat-label>Assignee</mat-label>\n    <app-searchable-selector apiUrl=\"api/persons\" formControlName=\"team_member_ids\" titleField=\"name\" [multiple]=\"true\">\n    </app-searchable-selector>\n    @if (filterForm.value?.team_member_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('team_member_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-types\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_document_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-document-types\"\n      [multiple]=\"true\"\n      [enableSearch]=\"getFilterConfig('enableSearch', 'fixed_asset_document_type_ids')\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_document_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_document_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_status')) {\n  <div>\n    @if (getFilterConfig('showLabel', 'fixed_asset_document_status')) {\n    <small class=\"mr-2 text-secondary\">\n      Status\n    </small>\n    }\n    <mat-button-toggle-group formControlName=\"fixed_asset_document_status\" [multiple]=\"false\">\n      <mat-button-toggle value=\"all\">All</mat-button-toggle>\n      <mat-button-toggle value=\"active\">Active</mat-button-toggle>\n      <mat-button-toggle value=\"expired\">Expired</mat-button-toggle>\n    </mat-button-toggle-group>\n  </div>\n  } @if (filterForm.get('asset_account_ids')) {\n  <mat-form-field>\n    <mat-label>Asset Account</mat-label>\n    <app-searchable-selector\n      formControlName=\"asset_account_ids\"\n      apiUrl=\"api/accounts\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.asset_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('asset_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_expense_account_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Expense Account</mat-label>\n    <app-searchable-selector\n      [multiple]=\"true\"\n      apiUrl=\"api/accounts\"\n      formControlName=\"depreciation_expense_account_ids\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_expense_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('depreciation_expense_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_method_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"depreciation_method_ids\"\n      apiUrl=\"api/accounting-plus/depreciation-methods\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_method_ids) {\n    <button\n      (click)=\"resetField('depreciation_method_ids')\"\n      mat-icon-button\n      matSuffix\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('task_status_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/task-statuses\"\n      formControlName=\"task_status_ids\"\n      titleField=\"title\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.task_status_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('task_status_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('service_center_ids')) {\n  <mat-form-field>\n    <mat-label>Service Center</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/service-centers\"\n      formControlName=\"service_center_ids\"\n      titleField=\"name\"\n      [enableSearch]=\"false\"\n      [multiple]=\"true\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.service_center_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('service_center_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_maintenance_status_ids')) {\n  <mat-form-field>\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/fixed-asset-maintenance-statuses\"\n      formControlName=\"fixed_asset_maintenance_status_ids\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_maintenance_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_maintenance_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('group_by')) {\n  <mat-form-field>\n    <mat-label>Group By</mat-label>\n    <mat-select formControlName=\"group_by\">\n      <mat-option value=\"week\">Week</mat-option>\n      <mat-option value=\"month\">Month</mat-option>\n      <mat-option value=\"year\">Year</mat-option>\n    </mat-select>\n  </mat-form-field>\n  }\n</form>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i1.RequestHelperService }, { type: i2.ActivatedRoute }],
+	propDecorators: {
+		filterForm: [{ type: Input }],
+		filterConfig: [{ type: Input }],
+		filterUpdated: [{ type: Output }]
+	}
+});
+var TechlifyFilterModule = class TechlifyFilterModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: TechlifyFilterModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: TechlifyFilterModule,
+		declarations: [TechlifyFilterComponent],
+		imports: [
+			CommonModule,
+			ReactiveFormsModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			MaterialModule,
+			NgxPermissionsModule
+		],
+		exports: [TechlifyFilterComponent]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: TechlifyFilterModule,
+		imports: [
+			CommonModule,
+			ReactiveFormsModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			MaterialModule,
+			NgxPermissionsModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: TechlifyFilterModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [TechlifyFilterComponent],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				SearchableSelectorModule,
+				TimelineFilterModule,
+				MaterialModule,
+				NgxPermissionsModule
+			],
+			exports: [TechlifyFilterComponent]
+		}]
+	}]
+});
+export { TechlifyFilterComponent as n, TechlifyFilterModule as t };
+
+//# sourceMappingURL=techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs.map

package/fesm2022/techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs","names":[],"sources":["../../../projects/inventory-common/src/lib/inventory-common/techlify-filter/techlify-filter.component.ts","../../../projects/inventory-common/src/lib/inventory-common/techlify-filter/techlify-filter.component.html","../../../projects/inventory-common/src/lib/inventory-common/techlify-filter/techlify-filter.module.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ChangeDetectionStrategy } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { RequestHelperService, TimelineValue } from 'ngx-techlify-core';\nimport { ActivatedRoute } from '@angular/router';\nimport { debounceTime, distinctUntilChanged } from 'rxjs';\nimport moment from 'moment';\n\n@Component({\n  selector: 'app-techlify-filter',\n  templateUrl: './techlify-filter.component.html',\n  styleUrls: ['./techlify-filter.component.scss'],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  standalone: false,\n})\nexport class TechlifyFilterComponent implements OnInit {\n  @Input() filterForm!: FormGroup;\n  @Input() filterConfig: any;\n  @Output() filterUpdated: EventEmitter<any> = new EventEmitter();\n\n  constructor(private requestHelperService: RequestHelperService, private activatedRoute: ActivatedRoute) {}\n\n  ngOnInit(): void {\n    // listen for filter changes\n    this.filterForm.valueChanges.subscribe({\n      next: (value: any) => {\n        const params: any = this.requestHelperService.convertToFormData(value);\n        this.requestHelperService.updateQueryParams(params);\n      },\n    });\n\n    // update form with query params\n    this.requestHelperService.updateFormWithQueryParams(this.filterForm, {\n      duration: { number: true },\n      expiry_duration: { number: true },\n      payment_method_ids: { multiple: true },\n      payment_account_ids: { multiple: true },\n      project_ids: { multiple: true },\n      invoice_status_ids: { multiple: true },\n      customer_ids: { multiple: true },\n      cost_category_ids: { multiple: true },\n      team_member_ids: { multiple: true },\n      task_status_ids: { multiple: true },\n      asset_account_ids: { multiple: true },\n      depreciation_method_ids: { multiple: true },\n      depreciation_expense_account_ids: { multiple: true },\n      fixed_asset_type_ids: { multiple: true },\n      fixed_asset_document_type_ids: { multiple: true },\n      service_center_ids: { multiple: true },\n      fixed_asset_maintenance_status_ids: { multiple: true },\n      milestone_ids: { multiple: true },\n      product_ids: { multiple: true },\n      supplier_ids: { multiple: true },\n      measure_ids: { multiple: true },\n      type_ids: { multiple: true },\n      fixed_asset_ids: { multiple: true },\n    });\n\n    // listen for route change\n    this.activatedRoute.queryParams.pipe(debounceTime(800), distinctUntilChanged()).subscribe((val: any) => {\n      this.filterUpdated.emit(this.filterForm.value);\n    });\n  }\n\n  resetField(field: string) {\n    this.filterForm.get(field)?.setValue('');\n  }\n\n  onDurationChange(timelineValue: TimelineValue) {\n    let { date_to, date_from } = timelineValue;\n    this.filterForm.patchValue(\n      {\n        date_from: date_from ? moment(date_from).format('YYYY-MM-DD') : '',\n        date_to: date_to ? moment(date_to).format('YYYY-MM-DD') : '',\n      },\n      { emitEvent: false }\n    );\n  }\n\n  /**\n   * Update expiry date from and date to on value change.\n   *\n   * @param timelineValue\n   */\n  onExpiryDurationChange(timelineValue: TimelineValue) {\n    let { date_to, date_from } = timelineValue;\n    this.filterForm.patchValue({\n      expiry_date_from: date_from ? moment(date_from).format('YYYY-MM-DD') : '',\n      expiry_date_to: date_to ? moment(date_to).format('YYYY-MM-DD') : '',\n    });\n  }\n\n  /**\n   * Get the attribute value for the field.\n   *\n   * @param attribute\n   * @param field\n   */\n  getFilterConfig(attribute: string, field: string) {\n    if (!this.filterConfig) return '';\n    // Check if the field and attribute exist in the filter config, return the value or an empty string\n    return this.filterConfig[field] && this.filterConfig[field][attribute] !== undefined\n      ? this.filterConfig[field][attribute]\n      : '';\n  }\n}\n","<form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2\">\n  @if (filterForm.get('search')) {\n  <mat-form-field [appearance]=\"getFilterConfig('appearance', 'search')\">\n    <mat-label>Search</mat-label>\n    <input formControlName=\"search\" matInput [placeholder]=\"getFilterConfig('placeholder', 'search')\" />\n    @if (filterForm.value?.search) {\n    <button mat-icon-button matSuffix (click)=\"resetField('search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm?.get('duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'duration')\"\n    [appearance]=\"getFilterConfig('appearance', 'duration')\"\n    formControlName=\"duration\"\n    (selectionChange)=\"onDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('payment_method_ids')) {\n  <mat-form-field>\n    <mat-label>Payment Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"payment_method_ids\"\n      apiUrl=\"api/payment-methods\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.payment_method_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('payment_method_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('payment_account_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['accountingcommon_account.read']\">\n      <mat-label>{{ getFilterConfig('label', 'payment_account_ids') || 'Payment Account' }}</mat-label>\n      <app-searchable-selector\n        formControlName=\"payment_account_ids\"\n        [apiUrl]=\"getFilterConfig('apiUrl', 'payment_account_ids') || 'api/accounts'\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.payment_account_ids) {\n    <button\n        mat-icon-button\n        matSuffix\n        (click)=\"resetField('payment_account_ids')\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('invoice_status_ids')) {\n  <mat-form-field>\n    <mat-label>Invoice Status</mat-label>\n    <app-searchable-selector\n      formControlName=\"invoice_status_ids\"\n      apiUrl=\"api/invoice-statuses\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.invoice_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('invoice_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('customer_ids')) {\n  <mat-form-field *ngxPermissionsOnly=\"['customer_read']\">\n      <mat-label>Customer</mat-label>\n      <app-searchable-selector\n        formControlName=\"customer_ids\"\n        titleField=\"name\"\n        apiUrl=\"api/customers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.customer_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('customer_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('project_ids') && getFilterConfig('disabled',\n  'project_ids') === false) {\n  <mat-form-field *ngxPermissionsOnly=\"['project.read']\">\n      <mat-label>Project</mat-label>\n      <app-searchable-selector\n        formControlName=\"project_ids\"\n        apiUrl=\"api/projects\"\n        titleField=\"project_name\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n    @if (filterForm.value?.project_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('project_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('product_ids')) {\n  <mat-form-field>\n    <mat-label>Product</mat-label>\n    <app-searchable-selector\n      formControlName=\"product_ids\"\n      apiUrl=\"api/products\"\n      titleField=\"name\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.product_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('product_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('measure_ids')) {\n  <mat-form-field>\n    <mat-label>Measure</mat-label>\n    <app-searchable-selector\n      formControlName=\"measure_ids\"\n      apiUrl=\"api/product-measures\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.measure_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('measure_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n\n  <ng-container *ngxPermissionsOnly=\"['supplier.read']\">\n    @if (filterForm.get('supplier_ids')) {\n    <mat-form-field [appearance]=\"getFilterConfig('appearance', 'supplier_ids')\">\n      <mat-label>Supplier</mat-label>\n      <app-searchable-selector\n        formControlName=\"supplier_ids\"\n        titleField=\"company_name\"\n        apiUrl=\"api/suppliers\"\n        [multiple]=\"true\"\n      ></app-searchable-selector>\n      @if (filterForm.value?.supplier_ids) {\n      <button mat-icon-button matSuffix (click)=\"resetField('supplier_ids')\">\n        <mat-icon>close</mat-icon>\n      </button>\n      }\n    </mat-form-field>\n    }\n  </ng-container>\n\n  @if (filterForm?.get('expiry_duration')) {\n  <app-timeline-filter\n    appearance=\"fill\"\n    [labelText]=\"getFilterConfig('label', 'expiry_duration')\"\n    formControlName=\"expiry_duration\"\n    (selectionChange)=\"onExpiryDurationChange($event)\"\n    [showClearButton]=\"true\"\n    [dateFrom]=\"$safeNavigationMigration(filterForm.value?.expiry_date_from)\"\n    [dateTo]=\"$safeNavigationMigration(filterForm.value?.expiry_date_to)\"\n  ></app-timeline-filter>\n  } @if (filterForm.get('cost_category_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Cost Category</mat-label>\n    <app-searchable-selector\n      formControlName=\"cost_category_ids\"\n      apiUrl=\"api/cost-code-categories\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.cost_category_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('cost_category_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('milestone_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Milestone</mat-label>\n    <app-searchable-selector\n      formControlName=\"milestone_ids\"\n      apiUrl=\"api/milestones\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.milestone_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('milestone_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('team_member_ids')) {\n  <mat-form-field>\n    <mat-label>Assignee</mat-label>\n    <app-searchable-selector apiUrl=\"api/persons\" formControlName=\"team_member_ids\" titleField=\"name\" [multiple]=\"true\">\n    </app-searchable-selector>\n    @if (filterForm.value?.team_member_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('team_member_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-types\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_type_ids')) {\n  <mat-form-field>\n    <mat-label>Type</mat-label>\n    <app-searchable-selector\n      formControlName=\"fixed_asset_document_type_ids\"\n      apiUrl=\"api/accounting-plus/fixed-asset-document-types\"\n      [multiple]=\"true\"\n      [enableSearch]=\"getFilterConfig('enableSearch', 'fixed_asset_document_type_ids')\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_document_type_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_document_type_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_document_status')) {\n  <div>\n    @if (getFilterConfig('showLabel', 'fixed_asset_document_status')) {\n    <small class=\"mr-2 text-secondary\">\n      Status\n    </small>\n    }\n    <mat-button-toggle-group formControlName=\"fixed_asset_document_status\" [multiple]=\"false\">\n      <mat-button-toggle value=\"all\">All</mat-button-toggle>\n      <mat-button-toggle value=\"active\">Active</mat-button-toggle>\n      <mat-button-toggle value=\"expired\">Expired</mat-button-toggle>\n    </mat-button-toggle-group>\n  </div>\n  } @if (filterForm.get('asset_account_ids')) {\n  <mat-form-field>\n    <mat-label>Asset Account</mat-label>\n    <app-searchable-selector\n      formControlName=\"asset_account_ids\"\n      apiUrl=\"api/accounts\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.asset_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('asset_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_expense_account_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Expense Account</mat-label>\n    <app-searchable-selector\n      [multiple]=\"true\"\n      apiUrl=\"api/accounts\"\n      formControlName=\"depreciation_expense_account_ids\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_expense_account_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('depreciation_expense_account_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('depreciation_method_ids')) {\n  <mat-form-field>\n    <mat-label>Depreciation Method</mat-label>\n    <app-searchable-selector\n      formControlName=\"depreciation_method_ids\"\n      apiUrl=\"api/accounting-plus/depreciation-methods\"\n      [multiple]=\"true\"\n    ></app-searchable-selector>\n    @if (filterForm.value?.depreciation_method_ids) {\n    <button\n      (click)=\"resetField('depreciation_method_ids')\"\n      mat-icon-button\n      matSuffix\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('task_status_ids')) {\n  <mat-form-field style=\"width: 150px\">\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/task-statuses\"\n      formControlName=\"task_status_ids\"\n      titleField=\"title\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.task_status_ids) {\n    <button mat-icon-button matSuffix (click)=\"resetField('task_status_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('service_center_ids')) {\n  <mat-form-field>\n    <mat-label>Service Center</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/service-centers\"\n      formControlName=\"service_center_ids\"\n      titleField=\"name\"\n      [enableSearch]=\"false\"\n      [multiple]=\"true\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.service_center_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('service_center_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('fixed_asset_maintenance_status_ids')) {\n  <mat-form-field>\n    <mat-label>Status</mat-label>\n    <app-searchable-selector\n      apiUrl=\"api/accounting-plus/fixed-asset-maintenance-statuses\"\n      formControlName=\"fixed_asset_maintenance_status_ids\"\n      [multiple]=\"true\"\n      [enableSearch]=\"false\"\n    >\n    </app-searchable-selector>\n    @if (filterForm.value?.fixed_asset_maintenance_status_ids) {\n    <button\n      mat-icon-button\n      matSuffix\n      (click)=\"resetField('fixed_asset_maintenance_status_ids')\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  } @if (filterForm.get('group_by')) {\n  <mat-form-field>\n    <mat-label>Group By</mat-label>\n    <mat-select formControlName=\"group_by\">\n      <mat-option value=\"week\">Week</mat-option>\n      <mat-option value=\"month\">Month</mat-option>\n      <mat-option value=\"year\">Year</mat-option>\n    </mat-select>\n  </mat-form-field>\n  }\n</form>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TechlifyFilterComponent } from './techlify-filter.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MaterialModule, SearchableSelectorModule, TimelineFilterModule } from 'ngx-techlify-core';\nimport { NgxPermissionsModule } from 'ngx-permissions';\n\n@NgModule({\n  declarations: [TechlifyFilterComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SearchableSelectorModule,\n    TimelineFilterModule,\n    MaterialModule,\n    NgxPermissionsModule,\n  ],\n  exports: [TechlifyFilterComponent],\n})\nexport class TechlifyFilterModule {}\n"],"mappings":"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"}

package/fesm2022/techlify-inventory-common-techlify-form-service-D9K3W2jt.mjs

@@ -0,0 +1,13 @@
+import { BehaviorSubject } from "rxjs";
+var TechlifyFormService = class {
+	_isListUpdated = new BehaviorSubject(false);
+	isListUpdated() {
+		return this._isListUpdated.asObservable();
+	}
+	listUpdated(val) {
+		this._isListUpdated.next(val);
+	}
+};
+export { TechlifyFormService as t };
+
+//# sourceMappingURL=techlify-inventory-common-techlify-form-service-D9K3W2jt.mjs.map

package/fesm2022/techlify-inventory-common-techlify-form-service-D9K3W2jt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-techlify-form-service-D9K3W2jt.mjs","names":[],"sources":["../../../projects/inventory-common/src/lib/inventory-common/services/techlify-form-service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\nexport default class TechlifyFormService {\n  private _isListUpdated = new BehaviorSubject(false);\n\n  isListUpdated() {\n    return this._isListUpdated.asObservable();\n  }\n\n  listUpdated(val: boolean) {\n    this._isListUpdated.next(val);\n  }\n}\n"],"mappings":";AAGA,IAAqB,sBAArB,MAAwC;CAC9B,iBAAiB,IAAI,gBAAgB,KAAK;CAElD,gBAAa;EACX,OAAO,KAAK,eAAe,aAAY;CACzC;CAEA,YAAY,KAAY;EACtB,KAAK,eAAe,KAAK,GAAG;CAC9B;AACD"}