techlify-inventory-common 18.51.0 → 22.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-recipient.module-gxR77BIj.mjs","names":["i1","i1","i3.RecipientService","i7","i8","i1","i2.RecipientService","i4","i5","i6","i11"],"sources":["../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient.service.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-form/recipient-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-form/recipient-form.component.html","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-list/recipient-list.component.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-list/recipient-list.component.html","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-routing.module.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { HttpService, TechlifyService } from 'ngx-techlify-core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class RecipientService extends TechlifyService {\n  constructor(httpService: HttpService) {\n    super(httpService, 'recipients');\n  }\n}\n","import { Component, Inject, OnInit, Optional, ChangeDetectionStrategy } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { FormValidatorService, TechlifyFormComponent } from 'ngx-techlify-core';\nimport { RecipientService } from '../recipient.service';\nimport { SharedModule } from '../../shared.module';\n\n@Component({\n  selector: 'app-recipient-form',\n  imports: [SharedModule],\n  templateUrl: './recipient-form.component.html',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrls: ['./recipient-form.component.scss'],\n})\nexport class RecipientFormComponent extends TechlifyFormComponent implements OnInit {\n  constructor(\n    protected override formValidatorService: FormValidatorService,\n    private formBuilder: FormBuilder,\n    protected override service: RecipientService,\n    public override dialogRef: MatDialogRef<RecipientFormComponent>,\n    @Inject(MAT_DIALOG_DATA) @Optional() public data: { model?: any }\n  ) {\n    super(formValidatorService, service);\n\n    this.errorMessages = {\n      name: {\n        required: 'The name field is required.',\n      },\n    };\n\n    this.form = this.formBuilder.group({\n      id: [''],\n      name: ['', Validators.required],\n      details: [''],\n    });\n  }\n\n  ngOnInit(): void {\n    const model = this.data?.model;\n    if (model) {\n      this.isUpdate = true;\n      this.form.patchValue(model);\n    }\n  }\n}\n","<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      @if (isFieldValid('name')) {\n      <mat-error>{{ getErrorMessage('name') }}</mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n","import { Component, OnInit, signal, ChangeDetectionStrategy } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { TechlifyListComponent } from 'ngx-techlify-core';\nimport { RecipientService } from '../recipient.service';\nimport { RecipientFormComponent } from '../recipient-form/recipient-form.component';\n\n@Component({\n  selector: 'app-recipient-list',\n  templateUrl: './recipient-list.component.html',\n  styleUrls: ['./recipient-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  standalone: false,\n})\nexport class RecipientListComponent extends TechlifyListComponent implements OnInit {\n  recipientForm = signal(RecipientFormComponent);\n\n  displayedColumns: string[] = [\n    '#',\n    'name',\n    'details',\n    'actions'\n  ];\n\n  constructor(private fb: FormBuilder, protected override service: RecipientService) {\n    super(service);\n    this.filterFormConfiguration = {};\n    this.filterForm = this.fb.group({\n      search: [''],\n      sort_by: ['created_at|desc'],\n    });\n  }\n\n  ngOnInit(): void {\n    this.patchFiltersFromRoute();\n    this.loadData();\n    this.listenFilterChanges();\n  }\n}\n","<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\n        <ng-container matColumnDef=\"#\">\n          <th mat-header-cell *matHeaderCellDef>#</th>\n          <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"details\">\n          <th mat-header-cell *matHeaderCellDef>Details</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: $safeNavigationMigration(element?.name) }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      </table>\n      @if (isWorking) {\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      }\n    </mat-card-content>\n  </mat-card>\n</div>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { RecipientListComponent } from './recipient-list/recipient-list.component';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: RecipientListComponent,\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class RecipientRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { NgxPermissionsModule } from 'ngx-permissions';\nimport { RecipientRoutingModule } from './recipient-routing.module';\nimport { RecipientListComponent } from './recipient-list/recipient-list.component';\nimport { SharedModule } from '../shared.module';\n\n@NgModule({\n  declarations: [RecipientListComponent],\n  imports: [RecipientRoutingModule, SharedModule],\n})\nexport class RecipientModule {}\n"],"mappings":"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"}

package/fesm2022/techlify-inventory-common-shared.module-DP-FVqea.mjs

@@ -0,0 +1,102 @@
+import { t as MaterialModule$1 } from "./techlify-inventory-common-material.module-ClupVm7-.mjs";
+import * as i0 from "@angular/core";
+import { NgModule } from "@angular/core";
+import { RouterModule } from "@angular/router";
+import { AuditLogForModelModule, FormConfigurationForFormModule, NoteModule, SearchableSelectorModule, TechlifyDeleteButtonComponent, TechlifyFormButtonComponent, TechlifyIconModule, TimelineFilterModule } from "ngx-techlify-core";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
+import { ReactiveFormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { NgxPermissionsModule } from "ngx-permissions";
+var SharedModule = class SharedModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SharedModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SharedModule,
+		imports: [
+			TechlifyDeleteButtonComponent,
+			TechlifyFormButtonComponent,
+			InfiniteScrollDirective
+		],
+		exports: [
+			AuditLogForModelModule,
+			CommonModule,
+			FormConfigurationForFormModule,
+			InfiniteScrollDirective,
+			MaterialModule$1,
+			NgxPermissionsModule,
+			NoteModule,
+			ReactiveFormsModule,
+			RouterModule,
+			SearchableSelectorModule,
+			TechlifyDeleteButtonComponent,
+			TechlifyFormButtonComponent,
+			TechlifyIconModule,
+			TimelineFilterModule
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SharedModule,
+		imports: [
+			TechlifyDeleteButtonComponent,
+			TechlifyFormButtonComponent,
+			AuditLogForModelModule,
+			CommonModule,
+			FormConfigurationForFormModule,
+			MaterialModule$1,
+			NgxPermissionsModule,
+			NoteModule,
+			ReactiveFormsModule,
+			RouterModule,
+			SearchableSelectorModule,
+			TechlifyIconModule,
+			TimelineFilterModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: SharedModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				TechlifyDeleteButtonComponent,
+				TechlifyFormButtonComponent,
+				InfiniteScrollDirective
+			],
+			exports: [
+				AuditLogForModelModule,
+				CommonModule,
+				FormConfigurationForFormModule,
+				InfiniteScrollDirective,
+				MaterialModule$1,
+				NgxPermissionsModule,
+				NoteModule,
+				ReactiveFormsModule,
+				RouterModule,
+				SearchableSelectorModule,
+				TechlifyDeleteButtonComponent,
+				TechlifyFormButtonComponent,
+				TechlifyIconModule,
+				TimelineFilterModule
+			]
+		}]
+	}]
+});
+export { SharedModule as t };
+
+//# sourceMappingURL=techlify-inventory-common-shared.module-DP-FVqea.mjs.map

package/fesm2022/techlify-inventory-common-shared.module-DP-FVqea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-shared.module-DP-FVqea.mjs","names":["MaterialModule"],"sources":["../../../projects/inventory-common/src/lib/inventory-common/shared.module.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { MaterialModule } from \"./material.module\";\nimport { CommonModule } from \"@angular/common\";\nimport { AuditLogForModelModule, FormConfigurationForFormModule, NoteModule, SearchableSelectorModule, TechlifyDeleteButtonComponent, TechlifyFormButtonComponent, TechlifyIconModule, TimelineFilterModule } from \"ngx-techlify-core\";\nimport { InfiniteScrollDirective } from \"ngx-infinite-scroll\";\nimport { RouterModule } from \"@angular/router\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { NgxPermissionsModule } from \"ngx-permissions\";\n\n@NgModule({\n  imports: [\n    TechlifyDeleteButtonComponent,\n    TechlifyFormButtonComponent,\n    InfiniteScrollDirective\n  ],\n  exports: [\n    AuditLogForModelModule,\n    CommonModule,\n    FormConfigurationForFormModule,\n    InfiniteScrollDirective,\n    MaterialModule,\n    NgxPermissionsModule,\n    NoteModule,\n    ReactiveFormsModule,\n    RouterModule,\n    SearchableSelectorModule,\n    TechlifyDeleteButtonComponent,\n    TechlifyFormButtonComponent,\n    TechlifyIconModule,\n    TimelineFilterModule,\n  ]\n})\nexport class SharedModule { }\n"],"mappings":";;;;;;;;;AAgCA,IAAa,eAAb,MAAa,aAAY;CAAZ,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,oBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,SAAA;GArBrB;GACA;GACA;EAAuB;EAAA,SAAA;GAGvB;GACA;GACA;GACA;GACAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAAoB;CAAA,CAAA;CAGX,OAAA,OAAA,GAAA,oBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,SAAA;GArBrB;GACA;GAIA;GACA;GACA;GAEAA;GACA;GACA;GACA;GACA;GACA;GAGA;GACA;EAAoB;CAAA,CAAA;;AAGX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAvBxB,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IACP;IACA;IACA;GACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;EACF,CAAA"}

package/fesm2022/techlify-inventory-common-stock-allocation-list.component-Du-VCtbs.mjs

@@ -0,0 +1,382 @@
+import { t as SharedModule } from "./techlify-inventory-common-shared.module-DP-FVqea.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, effect, input, model } from "@angular/core";
+import * as i7 from "@angular/router";
+import * as i1 from "ngx-techlify-core";
+import { ColumnSelectorModule, TechlifyListComponent, TechlifyService } from "ngx-techlify-core";
+import * as i4 from "@angular/material/card";
+import * as i6 from "@angular/material/table";
+import * as i5 from "@angular/material/progress-bar";
+import * as i3 from "ngx-infinite-scroll";
+import * as i2 from "@angular/forms";
+import { __decorate } from "tslib";
+import { UntilDestroy } from "@ngneat/until-destroy";
+import * as i9 from "@angular/common";
+var StockAllocationService = class StockAllocationService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "stock-allocations");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockAllocationService,
+		deps: [{ token: i1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockAllocationService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockAllocationService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1.HttpService }]
+});
+let StockAllocationListComponent = class StockAllocationListComponent extends TechlifyListComponent {
+	service;
+	formBuilder;
+	stockIssueProductId = input(null, ...ngDevMode ? [{ debugName: "stockIssueProductId" }] : /* istanbul ignore next */ []);
+	stockReceiptProductId = input(null, ...ngDevMode ? [{ debugName: "stockReceiptProductId" }] : /* istanbul ignore next */ []);
+	selectedColumns = model([], ...ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []);
+	columnConfig = [
+		{
+			label: "#",
+			def: "no",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Receipt",
+			def: "receipt",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Issue",
+			def: "issue",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Date",
+			def: "date",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Quantity",
+			def: "quantity",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Purchase Price",
+			def: "purchase_price",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Total Value",
+			def: "total_value",
+			isSelected: true,
+			isEditable: true
+		}
+	];
+	get displayedColumns() {
+		return this.selectedColumns().map((col) => col.def);
+	}
+	constructor(service, formBuilder) {
+		super();
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.filterFormConfiguration = {};
+		this.filterForm = this.formBuilder.group({ sort_by: ["id|desc"] });
+		effect(() => {
+			const stockIssueProductId = this.stockIssueProductId();
+			const stockReceiptProductId = this.stockReceiptProductId();
+			if (stockIssueProductId || stockReceiptProductId) this.reload();
+		});
+	}
+	ngOnInit() {
+		const isReceiptView = !!this.stockReceiptProductId();
+		this.columnConfig.find((col) => col.def === "receipt").isSelected = !isReceiptView;
+		this.columnConfig.find((col) => col.def === "issue").isSelected = isReceiptView;
+		this.selectedColumns.set(this.columnConfig.filter((col) => col.isSelected));
+	}
+	loadData() {
+		const filters = {
+			...this.filterForm.value,
+			page: this.page,
+			per_page: this.perPage
+		};
+		if (this.stockIssueProductId()) filters.stock_issue_product_ids = this.stockIssueProductId();
+		if (this.stockReceiptProductId()) filters.stock_receipt_product_ids = this.stockReceiptProductId();
+		super.loadData(filters);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockAllocationListComponent,
+		deps: [{ token: StockAllocationService }, { token: i2.FormBuilder }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockAllocationListComponent,
+		isStandalone: true,
+		selector: "app-stock-allocation-list",
+		inputs: {
+			stockIssueProductId: {
+				classPropertyName: "stockIssueProductId",
+				publicName: "stockIssueProductId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stockReceiptProductId: {
+				classPropertyName: "stockReceiptProductId",
+				publicName: "stockReceiptProductId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectedColumns: {
+				classPropertyName: "selectedColumns",
+				publicName: "selectedColumns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { selectedColumns: "selectedColumnsChange" },
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card>\n  <mat-card-header class=\"d-flex align-items-center gap-2\">\n    <mat-card-title>Stock Allocations</mat-card-title>\n    @if (columnConfig.length > 0) {\n    <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n      [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n    }\n  </mat-card-header>\n\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Allocations\" infiniteScroll\n      [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\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      <ng-container matColumnDef=\"receipt\">\n        <th mat-header-cell *matHeaderCellDef>Receipt</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts/products', $safeNavigationMigration(element?.stock_receipt_product?.id), 'view']\">\n            Receipt #{{ element?.stock_receipt_product?.stock_receipt_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"issue\">\n        <th mat-header-cell *matHeaderCellDef>Issue</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-issues/products', $safeNavigationMigration(element?.stock_issue_product?.id), 'view']\">\n            Issue #{{ element?.stock_issue_product?.stock_issue_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.quantity }} {{ element?.stock_receipt_product?.product?.measure?.title }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef>Date</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_issue_product?.stock_issue?.date) | date }}\n          } @if (!stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.stock_receipt?.date) | date }}\n          }\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"total_value\">\n        <th mat-header-cell *matHeaderCellDef>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.quantity) * $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\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 && models.length === 0) {\n    <p class=\"text-secondary text-center my-3\">\n      No allocations found.\n    </p>\n    } @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: i3.InfiniteScrollDirective,
+				selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+				inputs: [
+					"infiniteScrollDistance",
+					"infiniteScrollUpDistance",
+					"infiniteScrollThrottle",
+					"infiniteScrollDisabled",
+					"infiniteScrollContainer",
+					"scrollWindow",
+					"immediateCheck",
+					"horizontal",
+					"alwaysCallback",
+					"fromRoot"
+				],
+				outputs: ["scrolled", "scrolledUp"]
+			},
+			{
+				kind: "component",
+				type: i4.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i4.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i4.MatCardHeader,
+				selector: "mat-card-header"
+			},
+			{
+				kind: "directive",
+				type: i4.MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "component",
+				type: i5.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: i6.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i6.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "component",
+				type: i6.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i6.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "directive",
+				type: i7.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: ColumnSelectorModule
+			},
+			{
+				kind: "component",
+				type: i1.ColumnSelectorComponent,
+				selector: "app-column-selector",
+				inputs: [
+					"label",
+					"mode",
+					"columnConfigs",
+					"selectedColumns",
+					"isExportWorking"
+				],
+				outputs: ["selectedColumnsChange", "displayedColumnsChange"]
+			},
+			{
+				kind: "pipe",
+				type: i9.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i9.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockAllocationListComponent = __decorate([UntilDestroy()], StockAllocationListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockAllocationListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-allocation-list",
+			imports: [SharedModule, ColumnSelectorModule],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<mat-card>\n  <mat-card-header class=\"d-flex align-items-center gap-2\">\n    <mat-card-title>Stock Allocations</mat-card-title>\n    @if (columnConfig.length > 0) {\n    <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n      [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n    }\n  </mat-card-header>\n\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Allocations\" infiniteScroll\n      [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\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      <ng-container matColumnDef=\"receipt\">\n        <th mat-header-cell *matHeaderCellDef>Receipt</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts/products', $safeNavigationMigration(element?.stock_receipt_product?.id), 'view']\">\n            Receipt #{{ element?.stock_receipt_product?.stock_receipt_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"issue\">\n        <th mat-header-cell *matHeaderCellDef>Issue</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-issues/products', $safeNavigationMigration(element?.stock_issue_product?.id), 'view']\">\n            Issue #{{ element?.stock_issue_product?.stock_issue_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.quantity }} {{ element?.stock_receipt_product?.product?.measure?.title }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef>Date</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_issue_product?.stock_issue?.date) | date }}\n          } @if (!stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.stock_receipt?.date) | date }}\n          }\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"total_value\">\n        <th mat-header-cell *matHeaderCellDef>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.quantity) * $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\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 && models.length === 0) {\n    <p class=\"text-secondary text-center my-3\">\n      No allocations found.\n    </p>\n    } @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: StockAllocationService }, { type: i2.FormBuilder }],
+	propDecorators: {
+		stockIssueProductId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stockIssueProductId",
+				required: false
+			}]
+		}],
+		stockReceiptProductId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stockReceiptProductId",
+				required: false
+			}]
+		}],
+		selectedColumns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedColumns",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectedColumnsChange"]
+		}]
+	}
+});
+export { StockAllocationListComponent as t };
+
+//# sourceMappingURL=techlify-inventory-common-stock-allocation-list.component-Du-VCtbs.mjs.map

package/fesm2022/techlify-inventory-common-stock-allocation-list.component-Du-VCtbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-stock-allocation-list.component-Du-VCtbs.mjs","names":["i1.StockAllocationService","i8"],"sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-allocation/stock-allocation.service.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-allocation/stock-allocation-list/stock-allocation-list.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-allocation/stock-allocation-list/stock-allocation-list.component.html"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { HttpService, TechlifyService } from 'ngx-techlify-core';\n\n@Injectable({ providedIn: 'root' })\nexport class StockAllocationService extends TechlifyService {\n  constructor(httpService: HttpService) {\n    super(httpService, 'stock-allocations');\n  }\n}\n","import { Component, OnInit, effect, input, model, ChangeDetectionStrategy } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { ColumnConfig, ColumnSelectorModule, TechlifyListComponent } from 'ngx-techlify-core';\nimport { SharedModule } from '../../shared.module';\nimport { StockAllocationService } from '../stock-allocation.service';\n\n@UntilDestroy()\n@Component({\n  selector: 'app-stock-allocation-list',\n  imports: [SharedModule, ColumnSelectorModule],\n  templateUrl: './stock-allocation-list.component.html',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrls: ['./stock-allocation-list.component.scss'],\n})\nexport class StockAllocationListComponent extends TechlifyListComponent implements OnInit {\n  stockIssueProductId = input<number | null>(null);\n  stockReceiptProductId = input<number | null>(null);\n\n  selectedColumns = model<ColumnConfig[]>([]);\n\n  columnConfig: ColumnConfig[] = [\n    { label: '#', def: 'no', isSelected: true, isEditable: false },\n    { label: 'Receipt', def: 'receipt', isSelected: true, isEditable: false },\n    { label: 'Issue', def: 'issue', isSelected: true, isEditable: false },\n    { label: 'Date', def: 'date', isSelected: true, isEditable: true },\n    { label: 'Quantity', def: 'quantity', isSelected: true, isEditable: true },\n    { label: 'Purchase Price', def: 'purchase_price', isSelected: true, isEditable: true },\n    { label: 'Total Value', def: 'total_value', isSelected: true, isEditable: true },\n  ];\n\n  get displayedColumns(): string[] {\n    return this.selectedColumns().map(col => col.def);\n  }\n\n  constructor(\n    protected override service: StockAllocationService,\n    private formBuilder: FormBuilder\n  ) {\n    super();\n\n    this.filterFormConfiguration = {};\n    this.filterForm = this.formBuilder.group({\n      sort_by: ['id|desc'],\n    });\n\n    effect(() => {\n      const stockIssueProductId = this.stockIssueProductId();\n      const stockReceiptProductId = this.stockReceiptProductId();\n      if (stockIssueProductId || stockReceiptProductId) {\n        this.reload();\n      }\n    });\n  }\n\n  ngOnInit(): void {\n    const isReceiptView = !!this.stockReceiptProductId();\n    this.columnConfig.find(col => col.def === 'receipt')!.isSelected = !isReceiptView;\n    this.columnConfig.find(col => col.def === 'issue')!.isSelected = isReceiptView;\n    this.selectedColumns.set(this.columnConfig.filter(col => col.isSelected));\n  }\n\n  override loadData(): void {\n    const filters: any = {\n      ...this.filterForm.value,\n      page: this.page,\n      per_page: this.perPage,\n    };\n\n    if (this.stockIssueProductId()) {\n      filters.stock_issue_product_ids = this.stockIssueProductId();\n    }\n\n    if (this.stockReceiptProductId()) {\n      filters.stock_receipt_product_ids = this.stockReceiptProductId();\n    }\n\n    super.loadData(filters);\n  }\n}\n","<mat-card>\n  <mat-card-header class=\"d-flex align-items-center gap-2\">\n    <mat-card-title>Stock Allocations</mat-card-title>\n    @if (columnConfig.length > 0) {\n    <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n      [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n    }\n  </mat-card-header>\n\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Allocations\" infiniteScroll\n      [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\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      <ng-container matColumnDef=\"receipt\">\n        <th mat-header-cell *matHeaderCellDef>Receipt</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts/products', $safeNavigationMigration(element?.stock_receipt_product?.id), 'view']\">\n            Receipt #{{ element?.stock_receipt_product?.stock_receipt_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"issue\">\n        <th mat-header-cell *matHeaderCellDef>Issue</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-issues/products', $safeNavigationMigration(element?.stock_issue_product?.id), 'view']\">\n            Issue #{{ element?.stock_issue_product?.stock_issue_id }}\n            <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.quantity }} {{ element?.stock_receipt_product?.product?.measure?.title }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef>Date</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_issue_product?.stock_issue?.date) | date }}\n          } @if (!stockReceiptProductId()) {\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.stock_receipt?.date) | date }}\n          }\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"total_value\">\n        <th mat-header-cell *matHeaderCellDef>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.quantity) * $safeNavigationMigration(element?.stock_receipt_product?.purchase_price) | currency }}\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 && models.length === 0) {\n    <p class=\"text-secondary text-center my-3\">\n      No allocations found.\n    </p>\n    } @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>\n"],"mappings":";;;;;;;;;;;;;;AAIA,IAAa,yBAAb,MAAa,+BAA+B,gBAAe;CACzD,YAAY,aAAwB;EAClC,MAAM,aAAa,mBAAmB;CACxC;CAHW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA,EAAA,OAAA,GAAA,YAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,YADT;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EADlC,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;;ACY3B,IAAM,+BAAN,MAAM,qCAAqC,sBAAqB;CAqBhD;CACX;CArBV,sBAAsB,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,sBAAA,CAAA,+BAAA,CAAA,CAAA;CAChD,wBAAwB,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,wBAAA,CAAA,+BAAA,CAAA,CAAA;CAElD,kBAAkB,MAAsB,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAE3C,eAA+B;EAC7B;GAAE,OAAO;GAAK,KAAK;GAAM,YAAY;GAAM,YAAY;EAAK;EAC5D;GAAE,OAAO;GAAW,KAAK;GAAW,YAAY;GAAM,YAAY;EAAK;EACvE;GAAE,OAAO;GAAS,KAAK;GAAS,YAAY;GAAM,YAAY;EAAK;EACnE;GAAE,OAAO;GAAQ,KAAK;GAAQ,YAAY;GAAM,YAAY;EAAI;EAChE;GAAE,OAAO;GAAY,KAAK;GAAY,YAAY;GAAM,YAAY;EAAI;EACxE;GAAE,OAAO;GAAkB,KAAK;GAAkB,YAAY;GAAM,YAAY;EAAI;EACpF;GAAE,OAAO;GAAe,KAAK;GAAe,YAAY;GAAM,YAAY;EAAI;CAC/E;CAED,IAAI,mBAAgB;EAClB,OAAO,KAAK,gBAAe,CAAE,CAAC,KAAI,QAAO,IAAI,GAAG;CAClD;CAEA,YACqB,SACX,aAAwB;EAEhC,MAAK;EAHc,KAAA,UAAA;EACX,KAAA,cAAA;EAIR,KAAK,0BAA0B,CAAA;EAC/B,KAAK,aAAa,KAAK,YAAY,MAAM,EACvC,SAAS,CAAC,SAAS,EACpB,CAAA;EAED,aAAY;GACV,MAAM,sBAAsB,KAAK,oBAAmB;GACpD,MAAM,wBAAwB,KAAK,sBAAqB;GACxD,IAAI,uBAAuB,uBACzB,KAAK,OAAM;EAEf,CAAC;CACH;CAEA,WAAQ;EACN,MAAM,gBAAgB,CAAC,CAAC,KAAK,sBAAqB;EAClD,KAAK,aAAa,MAAK,QAAO,IAAI,QAAQ,SAAS,CAAE,CAAC,aAAa,CAAC;EACpE,KAAK,aAAa,MAAK,QAAO,IAAI,QAAQ,OAAO,CAAE,CAAC,aAAa;EACjE,KAAK,gBAAgB,IAAI,KAAK,aAAa,QAAO,QAAO,IAAI,UAAU,CAAC;CAC1E;CAES,WAAQ;EACf,MAAM,UAAe;GACnB,GAAG,KAAK,WAAW;GACnB,MAAM,KAAK;GACX,UAAU,KAAK;EAChB;EAED,IAAI,KAAK,oBAAmB,GAC1B,QAAQ,0BAA0B,KAAK,oBAAmB;EAG5D,IAAI,KAAK,sBAAqB,GAC5B,QAAQ,4BAA4B,KAAK,sBAAqB;EAGhE,MAAM,SAAS,OAAO;CACxB;CA/DW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA4B,MAAA,CAAA,EAAA,OAAAA,uBAAA,GAAA,EAAA,OAAA,GAAA,YAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA5B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA4B,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,qBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,uBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,iBAAA,wBAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,UCfzC;EAqFA,QAAA,CAAA,EAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MD3EY;GAAY;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,YAAA,YAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA,CAAA,YAAA;IAAA,UAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,cAAA;IAAA,UAAA,CAAA,gBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,UAAA,CAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA,CAAA,mBAAA,uBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA,CAAA,cAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA,CAAA,oBAAA,eAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,UAAA,CAAA,cAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;GAAoB;GAAA;IAAA,MAAA;IAAA,MAAAC,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,yBAAA,wBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,MAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,qBAAA;CAAA,CAAA;;AAKjC,+BAA4B,WAAA,CARxC,aAAY,CAQA,GAAA,4BAA4B;AAA5B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA4B,YAAA,CAAA;EAPxC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAA2B,SAC5B,CAAC,cAAc,oBAAoB;GAAC,iBAE5B,wBAAwB;GAAK,UAAA;EAAA,CAAA"}