ngx-techlify-core 19.0.0 → 22.3.0

package/fesm2022/ngx-techlify-core-shared.module-DROe5GRx.mjs

@@ -0,0 +1,4842 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Injectable, InjectionToken, Input, NgModule, Optional, Output, Self, ViewChild, input, output } from "@angular/core";
+import * as i1$8 from "@angular/material/dialog";
+import { MAT_DIALOG_DATA, MatDialogModule } from "@angular/material/dialog";
+import * as i2$2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { BehaviorSubject, Observable, Subject, Subscription, from, map, of, throwError } from "rxjs";
+import * as i1$6 from "@angular/material/snack-bar";
+import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from "@angular/material/snack-bar";
+import * as i1$7 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import { catchError as catchError$1, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, finalize as finalize$1, map as map$1, startWith as startWith$1, switchMap as switchMap$1 } from "rxjs/operators";
+import * as i1$2 from "@angular/platform-browser";
+import * as i1$3 from "@angular/router";
+import { RouteReuseStrategy, RouterModule } from "@angular/router";
+import * as i1$5 from "@angular/common";
+import { CommonModule, DatePipe } from "@angular/common";
+import { __decorate } from "tslib";
+import { MatSortModule } from "@angular/material/sort";
+import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatMenuModule } from "@angular/material/menu";
+import { MatTableModule } from "@angular/material/table";
+import * as i2$1 from "ngx-doc-viewer";
+import { NgxDocViewerModule } from "ngx-doc-viewer";
+import * as i4$1 from "@angular/material/card";
+import { MatCardModule } from "@angular/material/card";
+import * as i1 from "@angular/forms";
+import { FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
+import * as i1$4 from "@angular/common/http";
+import { HttpClient, HttpErrorResponse, HttpResponse } from "@angular/common/http";
+import * as i3$1 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import * as i3 from "@angular/material/form-field";
+import { MatFormFieldControl, MatFormFieldModule } from "@angular/material/form-field";
+import * as i10 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i8 from "@angular/material/datepicker";
+import { MatDatepickerModule } from "@angular/material/datepicker";
+import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import * as i2 from "@angular/cdk/a11y";
+import * as i5 from "@angular/material/autocomplete";
+import { MatAutocompleteModule } from "@angular/material/autocomplete";
+import { MatChipsModule } from "@angular/material/chips";
+import { NgxPermissionsModule } from "ngx-permissions";
+import * as i12 from "@angular/material/progress-bar";
+import { MatProgressBar, MatProgressBarModule } from "@angular/material/progress-bar";
+import { MatLineModule, MatNativeDateModule, MatOptionModule, MatPseudoCheckboxModule, MatRippleModule } from "@angular/material/core";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import * as i4 from "@angular/material/select";
+import { MatSelectModule } from "@angular/material/select";
+import { MatDividerModule } from "@angular/material/divider";
+import { MatListModule } from "@angular/material/list";
+import { MatButtonToggleModule } from "@angular/material/button-toggle";
+import { MatSidenavModule } from "@angular/material/sidenav";
+import { MatSlideToggleModule } from "@angular/material/slide-toggle";
+import { MatTabsModule } from "@angular/material/tabs";
+import * as i1$1 from "@angular/service-worker";
+import moment from "moment";
+import * as XLSX from "xlsx";
+import * as i6 from "@angular/cdk/scrolling";
+var ActionPopup = class {};
+var ActionPopupComponent = class ActionPopupComponent {
+	constructor(dialogRef, data) {
+		this.dialogRef = dialogRef;
+		this.data = data;
+	}
+	ngOnInit() {}
+	closeDialog() {
+		this.dialogRef.close();
+	}
+	confirm() {
+		this.dialogRef.close(this.data);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ActionPopupComponent,
+			deps: [{ token: i1$8.MatDialogRef }, { token: MAT_DIALOG_DATA }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: ActionPopupComponent,
+			isStandalone: false,
+			selector: "app-action-popup",
+			ngImport: i0,
+			template: "<div>\n    <h5 mat-dialog-title class='text-center'>{{data.title}}</h5>\n    <div mat-dialog-content>\n        <p [innerHTML]=\"data.message\"></p>\n    </div>\n    <div mat-dialog-actions class='d-flex justify-content-end'>\n        <button mat-button (click)=\"closeDialog()\">Cancel</button>\n        <button mat-raised-button color=\"primary\" (click)=\"confirm()\">Proceed</button>\n    </div>\n</div>",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "component",
+					type: i2$2.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "directive",
+					type: i1$8.MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: i1$8.MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "directive",
+					type: i1$8.MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ActionPopupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-action-popup",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div>\n    <h5 mat-dialog-title class='text-center'>{{data.title}}</h5>\n    <div mat-dialog-content>\n        <p [innerHTML]=\"data.message\"></p>\n    </div>\n    <div mat-dialog-actions class='d-flex justify-content-end'>\n        <button mat-button (click)=\"closeDialog()\">Cancel</button>\n        <button mat-raised-button color=\"primary\" (click)=\"confirm()\">Proceed</button>\n    </div>\n</div>"
+		}]
+	}],
+	ctorParameters: () => [{ type: i1$8.MatDialogRef }, {
+		type: ActionPopup,
+		decorators: [{
+			type: Inject,
+			args: [MAT_DIALOG_DATA]
+		}]
+	}]
+});
+var SuccessSnackComponent = class SuccessSnackComponent {
+	constructor(data) {
+		this.data = data;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SuccessSnackComponent,
+			deps: [{ token: MAT_SNACK_BAR_DATA }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: SuccessSnackComponent,
+			isStandalone: false,
+			selector: "snack-bar-component-example-snack",
+			ngImport: i0,
+			template: "<div class=\"row-container\">\n    <span class=\"icon-column\">\n        <mat-icon class=\"success\"> check_circle_outline</mat-icon>\n    </span>\n    <span class=\"text-column\">\n        {{ data }}\n    </span>\n</div>",
+			styles: [".error{color:#dc3545}.success{color:#28a745}.row-container{display:flex}.icon-column{flex:5%;padding-right:5px}.text-column{flex:95%;text-align:center;color:#fff}\n"],
+			dependencies: [{
+				kind: "component",
+				type: i1$7.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: SuccessSnackComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "snack-bar-component-example-snack",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div class=\"row-container\">\n    <span class=\"icon-column\">\n        <mat-icon class=\"success\"> check_circle_outline</mat-icon>\n    </span>\n    <span class=\"text-column\">\n        {{ data }}\n    </span>\n</div>",
+			styles: [".error{color:#dc3545}.success{color:#28a745}.row-container{display:flex}.icon-column{flex:5%;padding-right:5px}.text-column{flex:95%;text-align:center;color:#fff}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{
+			type: Inject,
+			args: [MAT_SNACK_BAR_DATA]
+		}]
+	}]
+});
+var ErrorSnackComponent = class ErrorSnackComponent {
+	constructor(data) {
+		this.data = data;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ErrorSnackComponent,
+			deps: [{ token: MAT_SNACK_BAR_DATA }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: ErrorSnackComponent,
+			isStandalone: false,
+			selector: "snack-bar-component-example-snack",
+			ngImport: i0,
+			template: "<div class=\"row-container\">\n    <span class=\"icon-column\">\n        <mat-icon class=\"error\"> cancel</mat-icon>\n    </span>\n    <span class=\"text-column\">\n        {{ data }}\n    </span>\n</div>",
+			styles: [".error{color:#dc3545}.success{color:#28a745}.row-container{display:flex}.icon-column{flex:5%;padding-right:5px}.text-column{flex:95%;text-align:center;color:#fff}\n"],
+			dependencies: [{
+				kind: "component",
+				type: i1$7.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ErrorSnackComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "snack-bar-component-example-snack",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div class=\"row-container\">\n    <span class=\"icon-column\">\n        <mat-icon class=\"error\"> cancel</mat-icon>\n    </span>\n    <span class=\"text-column\">\n        {{ data }}\n    </span>\n</div>",
+			styles: [".error{color:#dc3545}.success{color:#28a745}.row-container{display:flex}.icon-column{flex:5%;padding-right:5px}.text-column{flex:95%;text-align:center;color:#fff}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{
+			type: Inject,
+			args: [MAT_SNACK_BAR_DATA]
+		}]
+	}]
+});
+var AlertService = class AlertService {
+	constructor(snackBar) {
+		this.snackBar = snackBar;
+	}
+	addAlert(message, alertType, duration = 3) {
+		if (alertType == "success") this.snackBar.openFromComponent(SuccessSnackComponent, {
+			duration: 1e3 * duration,
+			data: message
+		});
+		else this.snackBar.openFromComponent(ErrorSnackComponent, {
+			duration: 1e3 * duration,
+			data: message
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AlertService,
+			deps: [{ token: i1$6.MatSnackBar }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AlertService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AlertService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$6.MatSnackBar }]
+});
+var FormValidatorService = class FormValidatorService {
+	constructor() {}
+	isFieldValid(field, formGroup, firstAttempt) {
+		return !formGroup.get(field).valid && formGroup.get(field).touched || !formGroup.get(field).valid && formGroup.get(field).untouched && firstAttempt;
+	}
+	getErrorMessage(field, formGroup, errorMessages, errorField) {
+		const error = Object.keys(formGroup.get(field)?.errors ?? {});
+		return error.length > 0 ? errorMessages[errorField || field][error[0]] ? errorMessages[errorField || field][error[0]] : "" : "";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormValidatorService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormValidatorService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FormValidatorService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var EnvironmentService = class EnvironmentService {
+	constructor() {
+		this.environment = {};
+	}
+	init(environment) {
+		this.environment = environment;
+	}
+	get() {
+		return this.environment;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: EnvironmentService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: EnvironmentService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: EnvironmentService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var DocumentViewerComponent = class DocumentViewerComponent {
+	constructor() {
+		this.remove = new EventEmitter();
+	}
+	ngOnInit() {
+		this.initData();
+	}
+	removeFile() {
+		this.remove.emit();
+	}
+	initData() {
+		if (this.file) {
+			var ext = this.getFileExtension(this.file);
+			if (ext === "ppt" || ext === "pptx" || ext === "doc" || ext === "docx" || ext === "xls" || ext === "xlsx") this.viewerType = "office";
+			else if (ext === "jpg" || ext === "jpeg" || ext === "png" || ext === "gif") this.viewerType = "image";
+			else if (ext === "pdf") this.viewerType = "pdf";
+			else this.viewerType = null;
+		}
+	}
+	get fileName() {
+		if (this.file) {
+			let nameArray = this.file.split("/");
+			if (nameArray.length === 2) return nameArray[1];
+			return nameArray[0];
+		}
+		return "";
+	}
+	getFileExtension(file) {
+		return file.split(".").pop();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: DocumentViewerComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: DocumentViewerComponent,
+			isStandalone: false,
+			selector: "app-document-viewer",
+			inputs: {
+				config: "config",
+				file: "file",
+				fileUrl: "fileUrl",
+				disableEdit: "disableEdit"
+			},
+			outputs: { remove: "remove" },
+			ngImport: i0,
+			template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" style=\"object-fit: contain;\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>",
+			styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgStyle,
+					selector: "[ngStyle]",
+					inputs: ["ngStyle"]
+				},
+				{
+					kind: "component",
+					type: i2$1.NgxDocViewerComponent,
+					selector: "ngx-doc-viewer",
+					inputs: [
+						"url",
+						"queryParams",
+						"viewerUrl",
+						"googleCheckInterval",
+						"googleMaxChecks",
+						"disableContent",
+						"googleCheckContentLoaded",
+						"viewer",
+						"overrideLocalhost"
+					],
+					outputs: ["loaded"]
+				},
+				{
+					kind: "component",
+					type: i2$2.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "component",
+					type: i4$1.MatCard,
+					selector: "mat-card",
+					inputs: ["appearance"],
+					exportAs: ["matCard"]
+				},
+				{
+					kind: "directive",
+					type: i4$1.MatCardActions,
+					selector: "mat-card-actions",
+					inputs: ["align"],
+					exportAs: ["matCardActions"]
+				},
+				{
+					kind: "directive",
+					type: i4$1.MatCardImage,
+					selector: "[mat-card-image], [matCardImage]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: DocumentViewerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-document-viewer",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" style=\"object-fit: contain;\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>",
+			styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		config: [{ type: Input }],
+		file: [{ type: Input }],
+		fileUrl: [{ type: Input }],
+		disableEdit: [{ type: Input }],
+		remove: [{ type: Output }]
+	}
+});
+var LogLevel;
+(function(LogLevel) {
+	LogLevel[LogLevel["Off"] = 0] = "Off";
+	LogLevel[LogLevel["Error"] = 1] = "Error";
+	LogLevel[LogLevel["Warning"] = 2] = "Warning";
+	LogLevel[LogLevel["Info"] = 3] = "Info";
+	LogLevel[LogLevel["Debug"] = 4] = "Debug";
+})(LogLevel || (LogLevel = {}));
+var Logger = class Logger {
+	static {
+		this.level = LogLevel.Debug;
+	}
+	static {
+		this.outputs = [];
+	}
+	static enableProductionMode() {
+		Logger.level = LogLevel.Warning;
+	}
+	constructor(source) {
+		this.source = source;
+	}
+	debug(...objects) {
+		this.log(console.log, LogLevel.Debug, objects);
+	}
+	info(...objects) {
+		this.log(console.info, LogLevel.Info, objects);
+	}
+	warn(...objects) {
+		this.log(console.warn, LogLevel.Warning, objects);
+	}
+	error(...objects) {
+		this.log(console.error, LogLevel.Error, objects);
+	}
+	log(func, level, objects) {
+		if (level <= Logger.level) {
+			const log = this.source ? ["[" + this.source + "]"].concat(objects) : objects;
+			func.apply(console, log);
+			Logger.outputs.forEach((output) => output.apply(output, [
+				this.source,
+				level,
+				...objects
+			]));
+		}
+	}
+};
+var TechlifyConfig = class {
+	constructor(data) {
+		this.projectKey = "";
+		this.environment = "";
+		this.authClientSecret = "";
+		this.authGrantType = "";
+		this.apiUrl = "";
+		this.isLogoutWhileApiGetsFailed = false;
+		this.loadFromMap(data);
+	}
+	loadFromMap(data) {
+		this.projectKey = data.projectKey;
+		this.environment = data.environment;
+		this.authClientSecret = data.authClientSecret;
+		this.authGrantType = data.authGrantType;
+		this.apiUrl = data.apiUrl;
+		this.storage = data?.storage;
+		this.rawConfigs = data;
+		this.isLogoutWhileApiGetsFailed = data?.isLogoutWhileApiGetsFailed;
+	}
+};
+var ConfigService = class ConfigService {
+	static {
+		this.BASE_CREDENTIALS = "credentials";
+	}
+	constructor(config) {
+		this.config = config;
+	}
+	getConfigsRaw() {
+		return this.config.rawConfigs;
+	}
+	getProjectKey() {
+		return this.config.projectKey;
+	}
+	getApiUrl() {
+		return this.config.apiUrl;
+	}
+	getAuthClientSecret() {
+		return this.config.authClientSecret;
+	}
+	getStorage() {
+		return this.config.storage ? this.config.storage : localStorage;
+	}
+	getAuthGrantType() {
+		return this.config.authGrantType;
+	}
+	getCredentialsKey() {
+		return this.config.projectKey + "_" + ConfigService.BASE_CREDENTIALS;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ConfigService,
+			deps: [{ token: TechlifyConfig }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ConfigService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ConfigService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: TechlifyConfig }]
+});
+var ErrorHandlerService = class ErrorHandlerService {
+	constructor(alerter, config) {
+		this.alerter = alerter;
+		this.config = config;
+	}
+	handleError(errorResponse, msg = "") {
+		const errors = [];
+		if (errorResponse?.error) {
+			if (errorResponse?.error?.errors) {
+				for (const property in errorResponse.error.errors) if (errorResponse.error.errors?.hasOwnProperty(property)) (errorResponse?.error?.errors[property]).forEach((error) => errors.push(error));
+			}
+			if (errors.length === 0) errors.push(errorResponse.error.message ? errorResponse.error.message : errorResponse.error?.error);
+		}
+		var errMessage = errors.length ? errors[0] : msg;
+		this.alerter.addAlert("Error: " + errMessage, "warning");
+		if (errorResponse.status == 401) this.clearStorage();
+		if (errorResponse.status == 403 && this.config.isLogoutWhileApiGetsFailed && !this.isAuthURL(errorResponse?.url)) this.clearStorage();
+	}
+	clearStorage() {
+		sessionStorage.clear();
+		localStorage.clear();
+		location.reload();
+	}
+	isAuthURL(urlStr) {
+		return new URL(urlStr).pathname == "/public/oauth/token";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ErrorHandlerService,
+			deps: [{ token: AlertService }, { token: TechlifyConfig }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ErrorHandlerService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ErrorHandlerService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: AlertService }, { type: TechlifyConfig }]
+});
+new Logger("ErrorHandlerInterceptor");
+var ErrorHandlerInterceptor = class ErrorHandlerInterceptor {
+	constructor(configService, errorHandler, alertService) {
+		this.configService = configService;
+		this.errorHandler = errorHandler;
+		this.alertService = alertService;
+	}
+	intercept(request, next) {
+		return next.handle(request).pipe(catchError$1((error) => this.handleError(error)));
+	}
+	handleError(error) {
+		if (this.checkNoNetworkConnection(error)) {
+			this.alertService.addAlert("Internet connection not available, try later", "warning");
+			return throwError(error);
+		}
+		try {
+			this.errorHandler.handleError(error, "Unexpected Server Error, try later or contact service team");
+		} catch (e) {
+			console.log("Unable to handle server error", e);
+		}
+		return throwError(error);
+	}
+	checkNoNetworkConnection(error) {
+		return error instanceof HttpErrorResponse && !error.headers.keys().length && !error.ok && !error.status && !error.error.loaded && !error.error.total;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ErrorHandlerInterceptor,
+			deps: [
+				{ token: ConfigService },
+				{ token: ErrorHandlerService },
+				{ token: AlertService }
+			],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ErrorHandlerInterceptor,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ErrorHandlerInterceptor,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [
+		{ type: ConfigService },
+		{ type: ErrorHandlerService },
+		{ type: AlertService }
+	]
+});
+const log$1 = new Logger("HttpCacheService");
+var HttpCacheService = class HttpCacheService {
+	constructor(configService) {
+		this.configService = configService;
+		this.cachedData = {};
+		this.storage = this.configService.getStorage();
+		this.cachePersistenceKey = this.configService.getProjectKey() + "_HTTP_CACHE";
+		this.loadCacheData();
+	}
+	setCacheData(url, data, lastUpdated) {
+		this.cachedData[url] = {
+			lastUpdated: lastUpdated || /* @__PURE__ */ new Date(),
+			data
+		};
+		log$1.debug(`Cache set for key: "${url}"`);
+		this.saveCacheData();
+	}
+	getCacheData(url) {
+		const cacheEntry = this.cachedData[url];
+		if (cacheEntry) {
+			log$1.debug(`Cache hit for key: "${url}"`);
+			return cacheEntry.data;
+		}
+		return null;
+	}
+	getHttpCacheEntry(url) {
+		return this.cachedData[url] || null;
+	}
+	clearCache(url) {
+		delete this.cachedData[url];
+		log$1.debug(`Cache cleared for key: "${url}"`);
+		this.saveCacheData();
+	}
+	cleanCache(expirationDate) {
+		if (expirationDate) Object(this.cachedData).keys.forEach((key) => {
+			if (expirationDate >= this.cachedData[key]?.lastUpdated) delete this.cachedData[key];
+		});
+		else this.cachedData = {};
+		this.saveCacheData();
+	}
+	setPersistence(persistence) {
+		this.cleanCache();
+		this.storage = persistence === "local" ? localStorage : persistence === "session" ? sessionStorage : null;
+		this.loadCacheData();
+	}
+	saveCacheData() {
+		if (this.storage) this.storage[this.cachePersistenceKey] = JSON.stringify(this.cachedData);
+	}
+	loadCacheData() {
+		const data = this.storage ? this.storage[this.cachePersistenceKey] : null;
+		this.cachedData = data ? JSON.parse(data) : {};
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HttpCacheService,
+			deps: [{ token: ConfigService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HttpCacheService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HttpCacheService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: ConfigService }]
+});
+var CacheInterceptor = class CacheInterceptor {
+	constructor(httpCacheService) {
+		this.httpCacheService = httpCacheService;
+		this.forceUpdate = false;
+	}
+	configure(options) {
+		const instance = new CacheInterceptor(this.httpCacheService);
+		if (options && options.update) instance.forceUpdate = true;
+		return instance;
+	}
+	intercept(request, next) {
+		if (request.method !== "GET") return next.handle(request);
+		return new Observable((subscriber) => {
+			const cachedData = this.forceUpdate ? null : this.httpCacheService.getCacheData(request.urlWithParams);
+			if (cachedData !== null) {
+				subscriber.next(new HttpResponse(cachedData));
+				subscriber.complete();
+			} else next.handle(request).subscribe((event) => {
+				if (event instanceof HttpResponse) this.httpCacheService.setCacheData(request.urlWithParams, event);
+				subscriber.next(event);
+			}, (error) => subscriber.error(error), () => subscriber.complete());
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CacheInterceptor,
+			deps: [{ token: HttpCacheService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CacheInterceptor,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CacheInterceptor,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpCacheService }]
+});
+var ApiPrefixInterceptor = class ApiPrefixInterceptor {
+	constructor(configService) {
+		this.configService = configService;
+	}
+	intercept(request, next) {
+		if (!/^(http|https):/i.test(request.url)) request = request.clone({ url: this.configService.getApiUrl() + request.url });
+		return next.handle(request);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ApiPrefixInterceptor,
+			deps: [{ token: ConfigService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ApiPrefixInterceptor,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ApiPrefixInterceptor,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: ConfigService }]
+});
+var CredentialsService = class CredentialsService {
+	constructor(configService) {
+		this.configService = configService;
+		this._credentials = null;
+	}
+	get isAuthenticated() {
+		const token = this.credentials?.token?.access_token;
+		const expiration = this.credentials?.token?.expires_in;
+		if (!token || !expiration) return false;
+		return Date.now() <= parseInt(expiration);
+	}
+	get credentials() {
+		if (!this._credentials) this._credentials = JSON.parse(sessionStorage.getItem(this.configService.getCredentialsKey()) || localStorage.getItem(this.configService.getCredentialsKey()));
+		return this._credentials;
+	}
+	setCredentials(credentials, remember) {
+		this._credentials = credentials || null;
+		if (credentials) (remember ? localStorage : sessionStorage).setItem(this.configService.getCredentialsKey(), JSON.stringify(credentials));
+		else {
+			sessionStorage.clear();
+			localStorage.clear();
+			this._credentials = null;
+		}
+	}
+	getAccessToken() {
+		const expiration = this.credentials?.token?.expires_in || "";
+		const token = this.credentials?.token?.access_token || "";
+		if (!token || !expiration) return null;
+		if (Date.now() > parseInt(expiration)) {
+			this.setCredentials();
+			return null;
+		}
+		return token;
+	}
+	getExpiration() {
+		return this.credentials?.token?.expires_in || "";
+	}
+	getRefreshToken() {
+		return this.credentials?.token?.refresh_token || "";
+	}
+	refresh() {
+		this._credentials = null;
+		return this;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CredentialsService,
+			deps: [{ token: ConfigService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CredentialsService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CredentialsService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: ConfigService }]
+});
+var TokenInterceptor = class TokenInterceptor {
+	constructor(credentials) {
+		this.credentials = credentials;
+	}
+	intercept(request, next) {
+		request = request.clone({ setHeaders: { Authorization: `Bearer ${this.credentials.getAccessToken() || ""}` } });
+		return next.handle(request);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TokenInterceptor,
+			deps: [{ token: CredentialsService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TokenInterceptor,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TokenInterceptor,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: CredentialsService }]
+});
+var HeaderInterceptor = class HeaderInterceptor {
+	intercept(request, next) {
+		request = request.clone({ setHeaders: { "Content-Type": request.headers.get("Content-Type") || "application/json" } });
+		return next.handle(request);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HeaderInterceptor,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HeaderInterceptor,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HeaderInterceptor,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var HttpInterceptorHandler = class {
+	constructor(next, interceptor) {
+		this.next = next;
+		this.interceptor = interceptor;
+	}
+	handle(request) {
+		return this.interceptor.intercept(request, this.next);
+	}
+};
+const HTTP_DYNAMIC_INTERCEPTORS = new InjectionToken("HTTP_DYNAMIC_INTERCEPTORS");
+var HttpService = class HttpService extends HttpClient {
+	constructor(httpHandler, injector, interceptors = []) {
+		super(httpHandler);
+		this.httpHandler = httpHandler;
+		this.injector = injector;
+		this.interceptors = interceptors;
+		if (!this.interceptors) this.interceptors = [
+			this.injector.get(ApiPrefixInterceptor),
+			this.injector.get(HeaderInterceptor),
+			this.injector.get(TokenInterceptor),
+			this.injector.get(ErrorHandlerInterceptor)
+		];
+	}
+	cache(forceUpdate) {
+		const cacheInterceptor = this.injector.get(CacheInterceptor).configure({ update: forceUpdate });
+		return this.addInterceptor(cacheInterceptor);
+	}
+	skipErrorHandler() {
+		return this.removeInterceptor(ErrorHandlerInterceptor);
+	}
+	skipApiPrefix() {
+		return this.removeInterceptor(ApiPrefixInterceptor);
+	}
+	skipToken() {
+		return this.removeInterceptor(TokenInterceptor);
+	}
+	skipHeader() {
+		return this.removeInterceptor(HeaderInterceptor);
+	}
+	request(method, url, options) {
+		const handler = this.interceptors.reduceRight((next, interceptor) => new HttpInterceptorHandler(next, interceptor), this.httpHandler);
+		return new HttpClient(handler).request(method, url, options);
+	}
+	removeInterceptor(interceptorType) {
+		return new HttpService(this.httpHandler, this.injector, this.interceptors.filter((i) => !(i instanceof interceptorType)));
+	}
+	addInterceptor(interceptor) {
+		return new HttpService(this.httpHandler, this.injector, this.interceptors.concat([interceptor]));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HttpService,
+			deps: [
+				{ token: i1$4.HttpHandler },
+				{ token: i0.Injector },
+				{
+					token: HTTP_DYNAMIC_INTERCEPTORS,
+					optional: true
+				}
+			],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: HttpService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HttpService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [
+		{ type: i1$4.HttpHandler },
+		{ type: i0.Injector },
+		{
+			type: void 0,
+			decorators: [{ type: Optional }, {
+				type: Inject,
+				args: [HTTP_DYNAMIC_INTERCEPTORS]
+			}]
+		}
+	]
+});
+var FileDropperComponent = class FileDropperComponent {
+	constructor(alertService) {
+		this.alertService = alertService;
+		this.fileArray = [];
+		this.fileChanged = new EventEmitter();
+		this.border = "1px dashed #989898";
+	}
+	ngOnInit() {
+		this.isSingleMode = !Boolean(this.config.multiple);
+	}
+	dragEnter(event) {
+		event.target.style.background = this.config.dragColor || "#c0c0c0";
+		event.target.style.border = "1px dashed black";
+		event.preventDefault();
+	}
+	dragOver(event) {
+		event.preventDefault();
+	}
+	dragLeave(event) {
+		event.target.style.background = "";
+		event.target.style.border = this.border;
+		event.preventDefault();
+	}
+	dropEvent(event) {
+		event.target.style.background = "";
+		event.target.style.border = this.border;
+		const droppedFiles = event.dataTransfer.files;
+		if (droppedFiles.length > 0) {
+			const fileArray = Array.from(droppedFiles);
+			this.addFiles(fileArray);
+		}
+		event.preventDefault();
+	}
+	onFileChange(event) {
+		if (event.target.files && event.target.files.length) {
+			const fileArray = Array.from(event.target.files);
+			this.addFiles(fileArray);
+			const fileInput = document.getElementById(this.config.fileId);
+			fileInput.value = "";
+		}
+	}
+	addFiles(fileArray) {
+		if (!this.isSingleMode) {
+			fileArray.forEach((file) => {
+				this.fileArray = this.fileArray.filter((item) => item.name !== file.name);
+				if (this.fileSizeAllowed(file)) this.fileArray.push(file);
+			});
+			this.fileArray.sort(this.sortFiles);
+			this.fileChanged.emit(this.fileArray);
+		} else if (this.fileArray.length === 0) {
+			if (this.fileSizeAllowed(fileArray[0])) {
+				this.fileArray.push(fileArray[0]);
+				this.fileArray.sort(this.sortFiles);
+				this.fileChanged.emit(this.fileArray);
+			}
+		}
+		this.fileArray = [];
+	}
+	sortFiles(a, b) {
+		const nameA = a.name.toUpperCase();
+		const nameB = b.name.toUpperCase();
+		if (nameA < nameB) return -1;
+		if (nameA > nameB) return 1;
+		return 0;
+	}
+	fileSizeAllowed(file) {
+		if (!Boolean(this.config.maxSize)) return true;
+		else if (file.size / 1048576 < this.config.maxSize) return true;
+		else {
+			this.alertService.addAlert(`The size of the file exceeds the limit ${this.config.maxSize} MB, kindly upload a file with size ${this.config.maxSize} MB or below`, "warn");
+			return false;
+		}
+	}
+	clickEvent(event) {
+		if (!(this.isSingleMode && this.fileArray.length > 0)) document.getElementById(this.config.fileId).click();
+		event.preventDefault();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FileDropperComponent,
+			deps: [{ token: AlertService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: FileDropperComponent,
+			isStandalone: false,
+			selector: "app-file-dropper",
+			inputs: {
+				fileArray: "fileArray",
+				config: "config",
+				styles: "styles"
+			},
+			outputs: { fileChanged: "fileChanged" },
+			ngImport: i0,
+			template: "<div\n  id=\"{{ config.containerId }}\"\n  [ngStyle]=\"config.styles\"\n  class=\"file-border\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n  (dragover)=\"dragOver($event)\"\n  (click)=\"clickEvent($event)\"\n  (drop)=\"dropEvent($event)\"\n  [ngClass]=\"{ 'disable-div': isSingleMode && fileArray.length > 0 }\"\n>\n  <div class=\"w-100 h-100 d-flex flex-column justify-content-center align-items-center\">\n    <div>\n      <span>Drag and drop file</span>\n    </div>\n\n    <div class=\"mt-2\">\n      <span>or</span>\n    </div>\n\n    <div class=\"mt-2\">\n      <button mat-raised-button color=\"primary\" type=\"button\">Browse</button>\n    </div>\n\n    <div class=\"mt-4\">\n      <span>Supported files</span> <span *ngIf=\"config.acceptFileText\" class=\"mr-2\">: {{ config.acceptFileText }}</span>\n    </div>\n  </div>\n</div>\n<input\n  type=\"file\"\n  id=\"{{ config.fileId }}\"\n  [accept]=\"config.acceptFile\"\n  (change)=\"onFileChange($event)\"\n  [multiple]=\"config.multiple === true\"\n  style=\"display:none\"\n/>\n",
+			styles: [".disable-div{cursor:not-allowed}.file-border{border:1px dashed #989898}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgStyle,
+					selector: "[ngStyle]",
+					inputs: ["ngStyle"]
+				},
+				{
+					kind: "component",
+					type: i2$2.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FileDropperComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-file-dropper",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div\n  id=\"{{ config.containerId }}\"\n  [ngStyle]=\"config.styles\"\n  class=\"file-border\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n  (dragover)=\"dragOver($event)\"\n  (click)=\"clickEvent($event)\"\n  (drop)=\"dropEvent($event)\"\n  [ngClass]=\"{ 'disable-div': isSingleMode && fileArray.length > 0 }\"\n>\n  <div class=\"w-100 h-100 d-flex flex-column justify-content-center align-items-center\">\n    <div>\n      <span>Drag and drop file</span>\n    </div>\n\n    <div class=\"mt-2\">\n      <span>or</span>\n    </div>\n\n    <div class=\"mt-2\">\n      <button mat-raised-button color=\"primary\" type=\"button\">Browse</button>\n    </div>\n\n    <div class=\"mt-4\">\n      <span>Supported files</span> <span *ngIf=\"config.acceptFileText\" class=\"mr-2\">: {{ config.acceptFileText }}</span>\n    </div>\n  </div>\n</div>\n<input\n  type=\"file\"\n  id=\"{{ config.fileId }}\"\n  [accept]=\"config.acceptFile\"\n  (change)=\"onFileChange($event)\"\n  [multiple]=\"config.multiple === true\"\n  style=\"display:none\"\n/>\n",
+			styles: [".disable-div{cursor:not-allowed}.file-border{border:1px dashed #989898}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: AlertService }],
+	propDecorators: {
+		fileArray: [{ type: Input }],
+		config: [{ type: Input }],
+		fileChanged: [{ type: Output }],
+		styles: [{ type: Input }]
+	}
+});
+var FormConfigurationForFormComponent = class FormConfigurationForFormComponent {
+	constructor(router) {
+		this.router = router;
+	}
+	openForm() {
+		this.router.navigate(["/form-configuration-field-form", this.formCode]);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormConfigurationForFormComponent,
+			deps: [{ token: i1$3.Router }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: FormConfigurationForFormComponent,
+			isStandalone: false,
+			selector: "app-form-configuration-for-form",
+			inputs: { formCode: "formCode" },
+			ngImport: i0,
+			template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>",
+			dependencies: [{
+				kind: "component",
+				type: i1$7.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			}, {
+				kind: "directive",
+				type: i3$1.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FormConfigurationForFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-form-configuration-for-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>"
+		}]
+	}],
+	ctorParameters: () => [{ type: i1$3.Router }],
+	propDecorators: { formCode: [{ type: Input }] }
+});
+var ReadMoreComponent = class ReadMoreComponent {
+	constructor() {
+		this.maxLength = 100;
+		this.hideToggle = true;
+		this.isCollapsed = true;
+	}
+	ngOnInit() {
+		this.determineView();
+	}
+	toggleView() {
+		this.isCollapsed = !this.isCollapsed;
+		this.determineView();
+	}
+	determineView() {
+		if (!this.text || this.text.length <= this.maxLength) {
+			this.currentText = this.text;
+			this.isCollapsed = false;
+			this.hideToggle = true;
+			return;
+		}
+		this.hideToggle = false;
+		if (this.isCollapsed == true) this.currentText = this.text.substring(0, this.maxLength) + "...";
+		else if (this.isCollapsed == false) this.currentText = this.text;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ReadMoreComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: ReadMoreComponent,
+			isStandalone: false,
+			selector: "app-read-more",
+			inputs: {
+				text: "text",
+				maxLength: "maxLength"
+			},
+			ngImport: i0,
+			template: "<div [innerHTML]=\"currentText\"></div>\n<a href=\"javascript:;\" *ngIf=\"!hideToggle\" class=\"primary-color hoverable\" (click)=\"toggleView()\">Read\n  {{ isCollapsed ? \"more\" : \"less\" }}</a>",
+			styles: ["div.collapsed{height:250px;overflow:hidden}.primary-color{color:#009fdd!important}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: i1$5.NgIf,
+				selector: "[ngIf]",
+				inputs: [
+					"ngIf",
+					"ngIfThen",
+					"ngIfElse"
+				]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ReadMoreComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-read-more",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div [innerHTML]=\"currentText\"></div>\n<a href=\"javascript:;\" *ngIf=\"!hideToggle\" class=\"primary-color hoverable\" (click)=\"toggleView()\">Read\n  {{ isCollapsed ? \"more\" : \"less\" }}</a>",
+			styles: ["div.collapsed{height:250px;overflow:hidden}.primary-color{color:#009fdd!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		text: [{ type: Input }],
+		maxLength: [{ type: Input }]
+	}
+});
+var MaterialModule = class MaterialModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: MaterialModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: MaterialModule,
+			exports: [
+				MatAutocompleteModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatDialogModule,
+				MatFormFieldModule,
+				MatIconModule,
+				MatInputModule,
+				MatLineModule,
+				MatMenuModule,
+				MatNativeDateModule,
+				MatOptionModule,
+				MatProgressSpinnerModule,
+				MatPseudoCheckboxModule,
+				MatRippleModule,
+				MatSelectModule,
+				MatSortModule,
+				MatTableModule,
+				MatCardModule,
+				MatDividerModule,
+				MatChipsModule,
+				MatDatepickerModule,
+				MatListModule,
+				MatTooltipModule,
+				MatButtonToggleModule,
+				MatSidenavModule,
+				MatProgressBarModule,
+				MatSlideToggleModule,
+				MatTabsModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: MaterialModule,
+			imports: [
+				MatAutocompleteModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatDialogModule,
+				MatFormFieldModule,
+				MatIconModule,
+				MatInputModule,
+				MatLineModule,
+				MatMenuModule,
+				MatNativeDateModule,
+				MatOptionModule,
+				MatProgressSpinnerModule,
+				MatPseudoCheckboxModule,
+				MatRippleModule,
+				MatSelectModule,
+				MatSortModule,
+				MatTableModule,
+				MatCardModule,
+				MatDividerModule,
+				MatChipsModule,
+				MatDatepickerModule,
+				MatListModule,
+				MatTooltipModule,
+				MatButtonToggleModule,
+				MatSidenavModule,
+				MatProgressBarModule,
+				MatSlideToggleModule,
+				MatTabsModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: MaterialModule,
+	decorators: [{
+		type: NgModule,
+		args: [{ exports: [
+			MatAutocompleteModule,
+			MatButtonModule,
+			MatCheckboxModule,
+			MatDialogModule,
+			MatFormFieldModule,
+			MatIconModule,
+			MatInputModule,
+			MatLineModule,
+			MatMenuModule,
+			MatNativeDateModule,
+			MatOptionModule,
+			MatProgressSpinnerModule,
+			MatPseudoCheckboxModule,
+			MatRippleModule,
+			MatSelectModule,
+			MatSortModule,
+			MatTableModule,
+			MatCardModule,
+			MatDividerModule,
+			MatChipsModule,
+			MatDatepickerModule,
+			MatListModule,
+			MatTooltipModule,
+			MatButtonToggleModule,
+			MatSidenavModule,
+			MatProgressBarModule,
+			MatSlideToggleModule,
+			MatTabsModule
+		] }]
+	}]
+});
+const CUSTOM_ICONS = {
+	"batch-add": `
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_8645_35194)">
+    <path d="M22.498 15.243H17.6766V20.0645H16.0695V15.243H11.248V13.6359H16.0695V8.81445H17.6766V13.6359H22.498V15.243Z"
+          fill="black" stroke="black" stroke-width="0.75" stroke-linejoin="round"/>
+    <path d="M13.748 11.493H8.92662V16.3145H7.31948V11.493H2.49805V9.88588H7.31948V5.06445H8.92662V9.88588H13.748V11.493Z"
+          fill="black" stroke="black" stroke-width="0.75" stroke-linejoin="round"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_8645_35194">
+      <rect width="24" height="24" fill="white" transform="translate(0.498047 0.0644531)"/>
+    </clipPath>
+  </defs>
+</svg>
+  `,
+	"unapprove": `
+<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <g transform="scale(0.025)">
+    <path
+      d="M873-88 609-352 495-238 269-464l56-58 170 170 56-56-414-414 56-58 736 736-56 56ZM269-238 43-464l56-56 170 170 56 56-56 56Zm452-226-56-56 196-196 58 54-198 198ZM607-578l-56-56 86-86 56 56-86 86Z"
+      fill="currentColor"
+      transform="translate(0,960)"
+    />
+  </g>
+</svg>`,
+	"gra": `
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="30" height="30" fill="url(#pattern0_1076_92)"/>
+<defs>
+<pattern id="pattern0_1076_92" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1076_92" transform="scale(0.00666667)"/>
+</pattern>
+<image id="image0_1076_92" width="150" height="150" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
+`
+};
+var CustomIconRegistryService = class CustomIconRegistryService {
+	constructor(sanitizer) {
+		this.sanitizer = sanitizer;
+		this.icons = /* @__PURE__ */ new Map();
+		Object.entries(CUSTOM_ICONS).forEach(([name, svg]) => {
+			this.icons.set(name, this.sanitizer.bypassSecurityTrustHtml(svg));
+		});
+	}
+	getIcon(name) {
+		return this.icons.get(name);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconRegistryService,
+			deps: [{ token: i1$2.DomSanitizer }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconRegistryService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CustomIconRegistryService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$2.DomSanitizer }]
+});
+var CustomIconComponent = class CustomIconComponent {
+	constructor(registry) {
+		this.registry = registry;
+	}
+	ngOnChanges() {
+		this.svgIcon = this.registry.getIcon(this.name);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconComponent,
+			deps: [{ token: CustomIconRegistryService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: CustomIconComponent,
+			isStandalone: false,
+			selector: "app-custom-icon",
+			inputs: { name: "name" },
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<span class=\"fa\" [innerHTML]=\"svgIcon\"></span>",
+			styles: [".fa{display:inline-block;vertical-align:-.125em;line-height:1}.fa svg{width:100%;height:100%;fill:currentColor}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CustomIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-custom-icon",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<span class=\"fa\" [innerHTML]=\"svgIcon\"></span>",
+			styles: [".fa{display:inline-block;vertical-align:-.125em;line-height:1}.fa svg{width:100%;height:100%;fill:currentColor}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: CustomIconRegistryService }],
+	propDecorators: { name: [{ type: Input }] }
+});
+var TechlifyIconComponent = class TechlifyIconComponent {
+	constructor() {
+		this.name = "";
+		this.size = "md";
+		this.customIconList = [
+			"batch-add",
+			"unapprove",
+			"gra"
+		];
+		this.iconMap = {
+			add: "fas fa-plus",
+			view: "fas fa-eye",
+			edit: "fas fa-pen",
+			delete: "fas fa-trash",
+			import: "fas fa-file-import",
+			export: "fas fa-file-excel",
+			print: "fas fa-print",
+			pdf: "fas fa-file-pdf",
+			history: "fas fa-clock",
+			copy: "fas fa-copy",
+			activate: "fas fa-check-circle",
+			deactivate: "fas fa-stop-circle",
+			email: "far fa-envelope",
+			approve: "fas fa-check",
+			reject: "fas fa-times",
+			calendar: "fas fa-calendar",
+			table: "fas fa-table",
+			multi_calendar: "fas fa-calendar-alt",
+			link: "fas fa-link",
+			link_external: "fas fa-arrow-up fa-rotate-by rotate-45-deg",
+			reset: "fas fa-redo",
+			phone: "fas fa-phone",
+			location: "fas fa-map-marker-alt",
+			unlink: "fas fa-unlink",
+			disable_user: "fas fa-user-slash",
+			swap: "fas fa-retweet",
+			apps: "fas fa-th",
+			user: "fas fa-user-circle",
+			search: "fas fa-search",
+			close: "fas fa-times"
+		};
+		this.sizeMap = {
+			xs: "fa-xs",
+			sm: "fa-sm",
+			md: "fa-md",
+			lg: "fa-lg",
+			xl: "fa-2x"
+		};
+	}
+	get iconClass() {
+		return [this.iconMap[this.name] || "fa fa-question-circle", this.sizeMap[this.size] || ""];
+	}
+	isCustomIcon(name) {
+		return this.customIconList.includes(name);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyIconComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: TechlifyIconComponent,
+			isStandalone: false,
+			selector: "app-techlify-icon",
+			inputs: {
+				name: "name",
+				size: "size"
+			},
+			ngImport: i0,
+			template: "<!--  Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n    <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n    <i [ngClass]=\"iconClass\"></i>\n</ng-template>",
+			styles: [".scroll-container{height:400px;overflow:auto}.rotate-45-deg{--fa-rotate-angle: 45deg}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: CustomIconComponent,
+					selector: "app-custom-icon",
+					inputs: ["name"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TechlifyIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-techlify-icon",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<!--  Custom icon -->\n<ng-container *ngIf=\"isCustomIcon(name); else faIcon\">\n    <app-custom-icon [name]=\"name\"></app-custom-icon>\n</ng-container>\n\n<!-- Font Awesome -->\n<ng-template #faIcon>\n    <i [ngClass]=\"iconClass\"></i>\n</ng-template>",
+			styles: [".scroll-container{height:400px;overflow:auto}.rotate-45-deg{--fa-rotate-angle: 45deg}\n"]
+		}]
+	}],
+	propDecorators: {
+		name: [{ type: Input }],
+		size: [{ type: Input }]
+	}
+});
+var CustomIconModule = class CustomIconModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconModule,
+			declarations: [CustomIconComponent],
+			imports: [CommonModule],
+			exports: [CustomIconComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CustomIconModule,
+			imports: [CommonModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CustomIconModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [CustomIconComponent],
+			imports: [CommonModule],
+			exports: [CustomIconComponent]
+		}]
+	}]
+});
+var TechlifyIconModule = class TechlifyIconModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyIconModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyIconModule,
+			declarations: [TechlifyIconComponent],
+			imports: [CommonModule, CustomIconModule],
+			exports: [TechlifyIconComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyIconModule,
+			imports: [CommonModule, CustomIconModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TechlifyIconModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, CustomIconModule],
+			declarations: [TechlifyIconComponent],
+			exports: [TechlifyIconComponent]
+		}]
+	}]
+});
+var SnackModule = class SnackModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SnackModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SnackModule,
+			declarations: [SuccessSnackComponent, ErrorSnackComponent],
+			imports: [
+				CommonModule,
+				MatSnackBarModule,
+				MatIconModule
+			],
+			exports: [SuccessSnackComponent, ErrorSnackComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SnackModule,
+			imports: [
+				CommonModule,
+				MatSnackBarModule,
+				MatIconModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: SnackModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [SuccessSnackComponent, ErrorSnackComponent],
+			imports: [
+				CommonModule,
+				MatSnackBarModule,
+				MatIconModule
+			],
+			exports: [SuccessSnackComponent, ErrorSnackComponent]
+		}]
+	}]
+});
+var AppUpdateService = class AppUpdateService {
+	constructor(swUpdate, snackBar) {
+		this.swUpdate = swUpdate;
+		this.snackBar = snackBar;
+	}
+	init() {
+		if (!this.swUpdate.isEnabled) return;
+		this.promptOnVersionReady();
+		this.reloadOnUnrecoverableState();
+		this.checkForUpdatesWhenTabBecomesVisible();
+	}
+	promptOnVersionReady() {
+		this.swUpdate.versionUpdates.subscribe((event) => {
+			if (event.type === "VERSION_READY") this.promptReload();
+		});
+	}
+	reloadOnUnrecoverableState() {
+		this.swUpdate.unrecoverable.subscribe(() => {
+			alert("An error occurred loading the latest version of the app. It will now reload to recover.");
+			document.location.reload();
+		});
+	}
+	checkForUpdatesWhenTabBecomesVisible() {
+		document.addEventListener("visibilitychange", () => {
+			if (document.visibilityState === "visible") this.swUpdate.checkForUpdate();
+		});
+	}
+	promptReload() {
+		this.snackBar.open("A new version of the app is available.", "Reload", {
+			horizontalPosition: "right",
+			verticalPosition: "top"
+		}).onAction().subscribe(() => document.location.reload());
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AppUpdateService,
+			deps: [{ token: i1$1.SwUpdate }, { token: i1$6.MatSnackBar }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AppUpdateService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AppUpdateService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$1.SwUpdate }, { type: i1$6.MatSnackBar }]
+});
+const log = new Logger("AuthenticationGuard");
+var AuthenticationGuard = class AuthenticationGuard {
+	constructor(router, credentialsService) {
+		this.router = router;
+		this.credentialsService = credentialsService;
+	}
+	canActivate(route, state) {
+		return this.isUserAuthenticated(route, state);
+	}
+	canLoad(route, state) {
+		return this.isUserAuthenticated(route, state);
+	}
+	isUserAuthenticated(route, state) {
+		if (this.credentialsService.isAuthenticated) return true;
+		log.debug("Not authenticated, redirecting and adding redirect url...");
+		this.router.navigate(["/login"], {
+			queryParams: { redirect: state.url },
+			replaceUrl: true
+		});
+		return false;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuthenticationGuard,
+			deps: [{ token: i1$3.Router }, { token: CredentialsService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuthenticationGuard,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AuthenticationGuard,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$3.Router }, { type: CredentialsService }]
+});
+var User = class {
+	constructor() {
+		this.id = 0;
+		this.client = {};
+		this.roles = [];
+	}
+	loadFromMap(data) {
+		this.id = data.id;
+		this.email = data.email;
+		this.name = data.name;
+		this.status_id = data.status_id;
+		this.user_type_id = data.user_type_id;
+		this.client_id = data.client_id;
+		this.is_temporary_password = data.is_temporary_password;
+		this.roles = data.roles == null ? [] : data.roles;
+		this.permissions = data.permissions == null ? [] : data.permissions;
+		this.type = data.type == null ? [] : data.type;
+		this.client = data.client;
+		this.signature = data.signature;
+		this.signature_url = data.signature_url;
+		this.user_client = data?.user_client;
+		this.clients = data?.clients;
+	}
+};
+var StorageService = class StorageService {
+	constructor() {
+		this.storageSub = new Subject();
+	}
+	watch() {
+		return this.storageSub.asObservable();
+	}
+	setItem(key, data) {
+		localStorage.setItem(key, data);
+		this.storageSub.next({
+			key,
+			value: data
+		});
+	}
+	getItem(key) {
+		return localStorage.getItem(key);
+	}
+	removeItem(key) {
+		const data = this.getItem(key);
+		localStorage.removeItem(key);
+		this.storageSub.next({
+			key,
+			value: data
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: StorageService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: StorageService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: StorageService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var CurrentUserService = class CurrentUserService {
+	constructor(http, storage) {
+		this.http = http;
+		this.storage = storage;
+		this.userSub = new Subject();
+		this.isLoggedIn = new BehaviorSubject(false);
+	}
+	getAuthStatus() {
+		return this.isLoggedIn.asObservable();
+	}
+	updateAuthStatus(val) {
+		this.isLoggedIn.next(val);
+	}
+	getUser() {
+		if (this.user) return this.user;
+		this.user = new User();
+		const userFromStorage = JSON.parse(this.storage.getItem("currentUser"));
+		if (userFromStorage) this.user.loadFromMap(userFromStorage);
+		return this.user;
+	}
+	watch() {
+		return this.userSub.asObservable();
+	}
+	getCurrentUser(reload = false) {
+		let promise;
+		if (void 0 !== this.data && !reload) {
+			promise = new Promise((resolve, reject) => {
+				resolve(this.data);
+			});
+			return promise;
+		}
+		promise = this.http.get("api/user/current").toPromise();
+		promise.then((res) => {
+			this.user = new User();
+			this.data = res;
+			this.user.loadFromMap(res.user);
+			this.storage.setItem("currentUser", JSON.stringify(res.user));
+			this.userSub.next(this.user);
+		});
+		return promise;
+	}
+	updateCurrentUser(userData) {
+		this.user = new User();
+		this.data = userData;
+		this.user.loadFromMap(userData);
+		this.storage.setItem("currentUser", JSON.stringify(userData));
+		this.userSub.next(this.user);
+	}
+	hasRole(id) {
+		if (this.user.roles == null) return false;
+		return (this.user.roles || []).some((role) => role.id == id);
+	}
+	hasPermission(slug) {
+		if (!this.user) return false;
+		if (this.user.user_type_id == 1) return true;
+		else {
+			if (this.user.permissions == null) return false;
+			return (this.user.permissions || []).some((permission) => permission.slug == slug);
+		}
+	}
+	getUserObservable(reload = false) {
+		if (this.user && !reload) return of(this.user);
+		return this.http.get("api/user/current").pipe(map((res) => {
+			this.user = new User();
+			this.data = res;
+			this.user.loadFromMap(res.user);
+			this.storage.setItem("currentUser", JSON.stringify(res.user));
+			return this.user;
+		}));
+	}
+	getUserData() {
+		return this.data;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CurrentUserService,
+			deps: [{ token: HttpService }, { token: StorageService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: CurrentUserService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: CurrentUserService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpService }, { type: StorageService }]
+});
+var AuthenticationService = class AuthenticationService {
+	constructor(credentialsService, http, currentUserService) {
+		this.credentialsService = credentialsService;
+		this.http = http;
+		this.currentUserService = currentUserService;
+	}
+	login(context) {
+		const data = {};
+		return this.http.skipToken().post("oauth/token", context).pipe(switchMap$1((tokenInfo) => {
+			tokenInfo.expires_in = Date.now() + tokenInfo.expires_in * 1e3;
+			data.token = tokenInfo;
+			data.user = {};
+			this.credentialsService.setCredentials(data, context.remember);
+			this.currentUserService.updateAuthStatus(true);
+			return this.http.get("api/user/current").pipe(map$1((res) => {
+				data.user = res?.user;
+				this.credentialsService.setCredentials(data, context.remember);
+				return data;
+			}));
+		}));
+	}
+	logout() {
+		return this.http.post("api/user/logout", {}).pipe(map$1(() => {
+			this.currentUserService.updateAuthStatus(false);
+			this.credentialsService.setCredentials();
+			return true;
+		}), catchError$1(() => {
+			return of(false);
+		}));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuthenticationService,
+			deps: [
+				{ token: CredentialsService },
+				{ token: HttpService },
+				{ token: CurrentUserService }
+			],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuthenticationService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AuthenticationService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [
+		{ type: CredentialsService },
+		{ type: HttpService },
+		{ type: CurrentUserService }
+	]
+});
+var RouteReusableStrategy = class RouteReusableStrategy extends RouteReuseStrategy {
+	shouldDetach(route) {
+		return false;
+	}
+	store(route, detachedTree) {}
+	shouldAttach(route) {
+		return false;
+	}
+	retrieve(route) {
+		return null;
+	}
+	shouldReuseRoute(future, curr) {
+		return future.routeConfig === curr.routeConfig || Boolean(future.routeConfig?.component && future.routeConfig?.component === curr.routeConfig?.component);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: RouteReusableStrategy,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: RouteReusableStrategy,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RouteReusableStrategy,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var FilterService = class FilterService {
+	constructor(router) {
+		this.router = router;
+	}
+	applyFilterToRoute(url, filter) {
+		this.router.navigate([filter], {
+			relativeTo: url,
+			replaceUrl: true
+		});
+	}
+	getFiltersFromRoute(url, filterFormGroup) {
+		url.params.subscribe((params) => {
+			for (var filter in params) if (params[filter]) {
+				for (let [key, value] of Object.entries(filterFormGroup)) if (key === filter) filterFormGroup[key] = params[filter];
+			}
+		});
+		return filterFormGroup;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FilterService,
+			deps: [{ token: i1$3.Router }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FilterService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FilterService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1$3.Router }]
+});
+var TechlifyDeleteButtonComponent = class TechlifyDeleteButtonComponent {
+	constructor(dialog, alertService, errorHandler) {
+		this.dialog = dialog;
+		this.alertService = alertService;
+		this.errorHandler = errorHandler;
+		this.data = input({
+			title: "Delete Record",
+			type: ""
+		}, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+		this.model = input.required(...ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []);
+		this.message = input(...ngDevMode ? [void 0, { debugName: "message" }] : /* istanbul ignore next */ []);
+		this.service = input.required(...ngDevMode ? [{ debugName: "service" }] : /* istanbul ignore next */ []);
+		this.deleted = output();
+		this.loading = output();
+	}
+	open() {
+		let message = this.message();
+		const data = this.data();
+		if (!message && data?.title) message = `Deleting this ${data.type || "model"} <strong>${data.title}</strong> cannot be undone. <br> Are you sure you want to continue?`;
+		else if (!message) message = "Are you sure you want to delete this model?";
+		this.dialog.open(ActionPopupComponent, { data: {
+			title: "Delete",
+			message
+		} }).afterClosed().subscribe((result) => {
+			if (!result) return;
+			if (!this.service()) {
+				console.error("Service not provided");
+				return;
+			}
+			this.loading.emit(true);
+			this.service().delete(this.model()).pipe(finalize$1(() => this.loading.emit(false))).subscribe({
+				next: (response) => {
+					this.alertService.addAlert("Successfully Deleted", "success");
+					this.deleted.emit(response.item);
+				},
+				error: (error) => {
+					this.errorHandler.handleError(error);
+				}
+			});
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyDeleteButtonComponent,
+			deps: [
+				{ token: i1$8.MatDialog },
+				{ token: AlertService },
+				{ token: ErrorHandlerService }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TechlifyDeleteButtonComponent,
+			isStandalone: true,
+			selector: "app-techlify-delete-button",
+			inputs: {
+				data: {
+					classPropertyName: "data",
+					publicName: "data",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				model: {
+					classPropertyName: "model",
+					publicName: "model",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				message: {
+					classPropertyName: "message",
+					publicName: "message",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				service: {
+					classPropertyName: "service",
+					publicName: "service",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				deleted: "deleted",
+				loading: "loading"
+			},
+			ngImport: i0,
+			template: "<app-techlify-icon role='button' name='delete' (click)=\"open()\"></app-techlify-icon>",
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "ngmodule",
+					type: MaterialModule
+				},
+				{
+					kind: "ngmodule",
+					type: TechlifyIconModule
+				},
+				{
+					kind: "component",
+					type: TechlifyIconComponent,
+					selector: "app-techlify-icon",
+					inputs: ["name", "size"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TechlifyDeleteButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-techlify-delete-button",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyIconModule
+			],
+			template: "<app-techlify-icon role='button' name='delete' (click)=\"open()\"></app-techlify-icon>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$8.MatDialog },
+		{ type: AlertService },
+		{ type: ErrorHandlerService }
+	],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: true
+			}]
+		}],
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "message",
+				required: false
+			}]
+		}],
+		service: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "service",
+				required: true
+			}]
+		}],
+		deleted: [{
+			type: i0.Output,
+			args: ["deleted"]
+		}],
+		loading: [{
+			type: i0.Output,
+			args: ["loading"]
+		}]
+	}
+});
+var Timeline = class {
+	static {
+		this.CUSTOM = 1;
+	}
+	static {
+		this.TODAY = 2;
+	}
+	static {
+		this.YESTERDAY = 3;
+	}
+	static {
+		this.THIS_WEEK = 4;
+	}
+	static {
+		this.LAST_WEEK = 5;
+	}
+	static {
+		this.THIS_MONTH = 6;
+	}
+	static {
+		this.LAST_MONTH = 7;
+	}
+	static {
+		this.THIS_QUARTER = 8;
+	}
+	static {
+		this.LAST_QUARTER = 9;
+	}
+	static {
+		this.THIS_YEAR = 10;
+	}
+	static {
+		this.LAST_YEAR = 11;
+	}
+	static {
+		this.ALL = 12;
+	}
+	static {
+		this.TOMMOROW = 13;
+	}
+	static {
+		this.NEXT_WEEK = 14;
+	}
+	static {
+		this.NEXT_MONTH = 15;
+	}
+};
+function calculateTimeline(value, dateFrom, dateTo) {
+	const date = /* @__PURE__ */ new Date();
+	const data = {
+		date_from: date,
+		date_to: date,
+		show_custom_field: false
+	};
+	switch (value) {
+		case Timeline.CUSTOM:
+			data.show_custom_field = true;
+			data.date_from = dateFrom ? moment(dateFrom).toISOString() : "";
+			data.date_to = dateTo ? moment(dateTo).toISOString() : "";
+			break;
+		case Timeline.TODAY: {
+			const now = moment();
+			data.date_from = now.startOf("day").toISOString();
+			data.date_to = now.endOf("day").toISOString();
+			break;
+		}
+		case Timeline.YESTERDAY: {
+			const now = moment().subtract(1, "day");
+			data.date_from = now.startOf("day").toISOString();
+			data.date_to = now.endOf("day").toISOString();
+			break;
+		}
+		case Timeline.THIS_WEEK: {
+			const now = moment();
+			data.date_from = now.startOf("isoWeek").toISOString();
+			data.date_to = now.endOf("isoWeek").toISOString();
+			break;
+		}
+		case Timeline.LAST_WEEK: {
+			const now = moment().subtract(1, "week");
+			data.date_from = now.startOf("isoWeek").toISOString();
+			data.date_to = now.endOf("isoWeek").toISOString();
+			break;
+		}
+		case Timeline.THIS_MONTH: {
+			const now = moment();
+			data.date_from = now.startOf("month").toISOString();
+			data.date_to = now.endOf("month").toISOString();
+			break;
+		}
+		case Timeline.LAST_MONTH: {
+			const now = moment().subtract(1, "month");
+			data.date_from = now.startOf("month").toISOString();
+			data.date_to = now.endOf("month").toISOString();
+			break;
+		}
+		case Timeline.THIS_QUARTER: {
+			const now = moment();
+			data.date_from = now.startOf("quarter").toISOString();
+			data.date_to = now.endOf("quarter").toISOString();
+			break;
+		}
+		case Timeline.LAST_QUARTER: {
+			const now = moment().subtract(1, "quarter");
+			data.date_from = now.startOf("quarter").toISOString();
+			data.date_to = now.endOf("quarter").toISOString();
+			break;
+		}
+		case Timeline.THIS_YEAR: {
+			const now = moment();
+			data.date_from = now.startOf("year").toISOString();
+			data.date_to = now.endOf("year").toISOString();
+			break;
+		}
+		case Timeline.LAST_YEAR: {
+			const now = moment().subtract(1, "year");
+			data.date_from = now.startOf("year").toISOString();
+			data.date_to = now.endOf("year").toISOString();
+			break;
+		}
+		case Timeline.TOMMOROW: {
+			const now = moment().add(1, "day");
+			data.date_from = now.startOf("day").toISOString();
+			data.date_to = now.endOf("day").toISOString();
+			break;
+		}
+		case Timeline.NEXT_WEEK: {
+			const now = moment().add(1, "week");
+			data.date_from = now.startOf("isoWeek").toISOString();
+			data.date_to = now.endOf("isoWeek").toISOString();
+			break;
+		}
+		case Timeline.NEXT_MONTH: {
+			const now = moment().add(1, "month");
+			data.date_from = now.startOf("month").toISOString();
+			data.date_to = now.endOf("month").toISOString();
+			break;
+		}
+		default:
+			data.date_from = "";
+			data.date_to = "";
+	}
+	return data;
+}
+var TimelineFilterComponent_1;
+let TimelineFilterComponent = class TimelineFilterComponent {
+	static {
+		TimelineFilterComponent_1 = this;
+	}
+	set defaultValue(value) {
+		this.value = value;
+	}
+	get empty() {
+		const { value: { select_value } } = this.selectorForm;
+		return !select_value;
+	}
+	get shouldLabelFloat() {
+		return this.focused || !this.empty;
+	}
+	get required() {
+		return this._required;
+	}
+	set required(value) {
+		this.selectorForm?.get("select_value")?.setValidators(Validators.required);
+		this._required = coerceBooleanProperty(value);
+		this.stateChanges.next();
+	}
+	get disabled() {
+		return this._disabled;
+	}
+	set disabled(value) {
+		this._disabled = coerceBooleanProperty(value);
+		this._disabled ? this.selectorForm.disable({ emitEvent: false }) : this.selectorForm.enable({ emitEvent: false });
+		this.stateChanges.next();
+	}
+	get value() {
+		if (this.selectorForm.valid) return this.selectorForm.value.select_value;
+		return "";
+	}
+	set value(data) {
+		this.selectorForm.patchValue({ select_value: parseInt(data) || "" }, { emitEvent: false });
+		this.stateChanges.next();
+		if (this.value == Timeline.CUSTOM) {
+			if (this.isInitialised) this.openCalendar();
+			else this.applyRange(this.getFieldValue(this.dateFrom) ?? null, this.getFieldValue(this.dateTo) ?? null);
+		} else this.changeTimeline(parseInt(data) || "");
+		this.isInitialised = true;
+	}
+	static {
+		this.nextId = 0;
+	}
+	get timelineValue() {
+		return this.selectorForm.get("select_value");
+	}
+	get isCustomSelected() {
+		return this.value == Timeline.CUSTOM;
+	}
+	get customDateFrom() {
+		return this.selectorForm.get("custom_date_from");
+	}
+	get customDateTo() {
+		return this.selectorForm.get("custom_date_to");
+	}
+	constructor(formBuilder, ngControl, datePipe) {
+		this.ngControl = ngControl;
+		this.datePipe = datePipe;
+		this.isInitialised = false;
+		this.timelines = [
+			{
+				value: Timeline.CUSTOM,
+				viewValue: "Custom"
+			},
+			{
+				value: Timeline.TODAY,
+				viewValue: "Today"
+			},
+			{
+				value: Timeline.YESTERDAY,
+				viewValue: "Yesterday"
+			},
+			{
+				value: Timeline.TOMMOROW,
+				viewValue: "Tomorrow"
+			},
+			{
+				value: Timeline.THIS_WEEK,
+				viewValue: "This Week"
+			},
+			{
+				value: Timeline.LAST_WEEK,
+				viewValue: "Last Week"
+			},
+			{
+				value: Timeline.NEXT_WEEK,
+				viewValue: "Next Week"
+			},
+			{
+				value: Timeline.THIS_MONTH,
+				viewValue: "This Month"
+			},
+			{
+				value: Timeline.LAST_MONTH,
+				viewValue: "Last Month"
+			},
+			{
+				value: Timeline.NEXT_MONTH,
+				viewValue: "Next Month"
+			},
+			{
+				value: Timeline.THIS_QUARTER,
+				viewValue: "This Quarter"
+			},
+			{
+				value: Timeline.LAST_QUARTER,
+				viewValue: "Last Quarter"
+			},
+			{
+				value: Timeline.THIS_YEAR,
+				viewValue: "This Year"
+			},
+			{
+				value: Timeline.LAST_YEAR,
+				viewValue: "Last Year"
+			},
+			{
+				value: Timeline.ALL,
+				viewValue: "All dates"
+			}
+		];
+		this.dateFrom = "date_from";
+		this.dateTo = "date_to";
+		this.appearance = "fill";
+		this.showClearButton = false;
+		this.labelText = "Select Timeline";
+		this.selectionChange = new EventEmitter();
+		this.stateChanges = new Subject();
+		this.controlType = "timeline-filter";
+		this.id = `timeline-filter-${TimelineFilterComponent_1.nextId++}`;
+		this.describedBy = "";
+		this.focused = false;
+		this._required = false;
+		this._disabled = false;
+		this.onChange = () => {};
+		this.onTouched = () => {};
+		this.selectedRangeLabel = "";
+		this.selectorForm = formBuilder.group({
+			select_value: [""],
+			custom_date_from: [""],
+			custom_date_to: [""]
+		});
+		if (this.ngControl != null) this.ngControl.valueAccessor = this;
+	}
+	ngOnInit() {
+		this.timelineValue.valueChanges.pipe(debounceTime$1(100), distinctUntilChanged$1(), untilDestroyed(this)).subscribe((value) => this.value = value);
+		this.customDateTo.valueChanges.pipe(distinctUntilChanged$1(), untilDestroyed(this)).subscribe((val) => {
+			if (val && !this.isCustomDatePatching) this.applyRange();
+		});
+	}
+	resetFieldValue(field) {
+		this.form?.get(field)?.setValue("");
+	}
+	getFieldValue(field) {
+		return this.form?.get(field)?.value;
+	}
+	setFieldValue(field, value, emitEvent = true) {
+		this.form?.get(field)?.setValue(value, { emitEvent });
+	}
+	changeTimeline(value, emitEvent = true) {
+		value = parseInt(value);
+		this.selectedRangeLabel = "";
+		const timeline = calculateTimeline(value, this.dateFrom, this.dateTo);
+		if (timeline) {
+			this.setCustomDates("", "");
+			this.setFieldValue(this.dateFrom, this.datePipe.transform(timeline.date_from, "yyyy-MM-dd"), emitEvent);
+			this.setFieldValue(this.dateTo, this.datePipe.transform(timeline.date_to, "yyyy-MM-dd"), emitEvent);
+		}
+		if (emitEvent) {
+			this.onChange(this.value);
+			this.selectionChange.emit(timeline);
+		}
+	}
+	openCalendar() {
+		this.picker.open();
+	}
+	applyRange(defaultFrom, defaultTo, emitEvent = true) {
+		const from = defaultFrom ?? this.selectorForm.get("custom_date_from")?.value;
+		const to = defaultTo ?? this.selectorForm.get("custom_date_to")?.value;
+		if (from && to) {
+			this.selectedRangeLabel = `<b>${this.datePipe.transform(from, "yyyy-MM-dd")}</b>:<b>${this.datePipe.transform(to, "yyyy-MM-dd")}</b`;
+			this.setFieldValue(this.dateFrom, this.datePipe.transform(from, "yyyy-MM-dd"), emitEvent);
+			this.setFieldValue(this.dateTo, this.datePipe.transform(to, "yyyy-MM-dd"), emitEvent);
+			if (emitEvent) {
+				this.onChange(this.value);
+				this.selectionChange.emit(this.value);
+			}
+			this.setCustomDates(from, to);
+		}
+	}
+	setCustomDates(from, to) {
+		this.isCustomDatePatching = true;
+		this.selectorForm.get("custom_date_from")?.setValue(from, { emitEvent: false });
+		this.selectorForm.get("custom_date_to")?.setValue(to, { emitEvent: false });
+		this.isCustomDatePatching = false;
+	}
+	setDescribedByIds(ids) {
+		this.describedBy = ids.join(" ");
+	}
+	onContainerClick(event) {
+		event.stopPropagation();
+	}
+	writeValue(data) {
+		this.selectorForm.patchValue({ select_value: parseInt(data) || "" }, { emitEvent: false });
+		this.stateChanges.next();
+		if (this.isCustomSelected) this.applyRange(this.getFieldValue(this.dateFrom) ?? null, this.getFieldValue(this.dateTo) ?? null, false);
+		else {
+			const value = parseInt(data) || "";
+			const timeline = calculateTimeline(value || 0);
+			const computedFrom = this.datePipe.transform(timeline.date_from, "yyyy-MM-dd");
+			const computedTo = this.datePipe.transform(timeline.date_to, "yyyy-MM-dd");
+			const hasDrifted = (computedFrom ?? "") !== (this.getFieldValue(this.dateFrom) ?? "") || (computedTo ?? "") !== (this.getFieldValue(this.dateTo) ?? "");
+			this.changeTimeline(value, hasDrifted);
+		}
+		this.isInitialised = true;
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabled = isDisabled;
+	}
+	ngOnDestroy() {
+		this.stateChanges.complete();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterComponent,
+			deps: [
+				{ token: i1.UntypedFormBuilder },
+				{
+					token: i1.NgControl,
+					optional: true,
+					self: true
+				},
+				{ token: i1$5.DatePipe }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: TimelineFilterComponent,
+			isStandalone: false,
+			selector: "app-timeline-filter",
+			inputs: {
+				defaultValue: "defaultValue",
+				required: "required",
+				disabled: "disabled",
+				value: "value",
+				timelines: "timelines",
+				dateFrom: "dateFrom",
+				dateTo: "dateTo",
+				appearance: "appearance",
+				showClearButton: "showClearButton",
+				form: "form",
+				labelText: "labelText"
+			},
+			outputs: { selectionChange: "selectionChange" },
+			providers: [DatePipe, {
+				provide: MatFormFieldControl,
+				useExisting: TimelineFilterComponent
+			}],
+			viewQueries: [{
+				propertyName: "picker",
+				first: true,
+				predicate: ["picker"],
+				descendants: true
+			}],
+			ngImport: i0,
+			template: "<ng-container [formGroup]=\"selectorForm\">\n    <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n        <mat-label>{{labelText}}</mat-label>\n        <mat-select formControlName=\"select_value\">\n            <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n                {{timeline.viewValue}}\n            </mat-option>\n        </mat-select>\n        <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n            (click)=\"timelineValue.setValue('')\">\n            <mat-icon>close</mat-icon>\n        </button>\n        <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n            <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n            <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n        </mat-hint>\n        <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n            <span style=\"font-size: 10px;\">Select Range</span>\n            <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n        </mat-hint>\n        <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n            <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n            <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n        </mat-date-range-input>\n        <mat-date-range-picker #picker></mat-date-range-picker>\n    </mat-form-field>\n</ng-container>",
+			styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media(min-width:992px){.flex-lg-basis-50{flex-basis:50%}}@media(min-width:1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}.offscreen-range-input{position:absolute;opacity:0;pointer-events:none;display:flex!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgForOf,
+					selector: "[ngFor][ngForOf]",
+					inputs: [
+						"ngForOf",
+						"ngForTrackBy",
+						"ngForTemplate"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.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: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i1.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i1.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				},
+				{
+					kind: "component",
+					type: i3.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "directive",
+					type: i3.MatLabel,
+					selector: "mat-label"
+				},
+				{
+					kind: "directive",
+					type: i3.MatHint,
+					selector: "mat-hint",
+					inputs: ["align", "id"]
+				},
+				{
+					kind: "directive",
+					type: i3.MatSuffix,
+					selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+					inputs: ["matTextSuffix"]
+				},
+				{
+					kind: "component",
+					type: i4.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: "component",
+					type: i5.MatOption,
+					selector: "mat-option",
+					inputs: [
+						"value",
+						"id",
+						"disabled"
+					],
+					outputs: ["onSelectionChange"],
+					exportAs: ["matOption"]
+				},
+				{
+					kind: "component",
+					type: i2$2.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "component",
+					type: i1$7.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "component",
+					type: i8.MatDateRangeInput,
+					selector: "mat-date-range-input",
+					inputs: [
+						"rangePicker",
+						"required",
+						"dateFilter",
+						"min",
+						"max",
+						"disabled",
+						"separator",
+						"comparisonStart",
+						"comparisonEnd"
+					],
+					exportAs: ["matDateRangeInput"]
+				},
+				{
+					kind: "directive",
+					type: i8.MatStartDate,
+					selector: "input[matStartDate]",
+					outputs: ["dateChange", "dateInput"]
+				},
+				{
+					kind: "directive",
+					type: i8.MatEndDate,
+					selector: "input[matEndDate]",
+					outputs: ["dateChange", "dateInput"]
+				},
+				{
+					kind: "component",
+					type: i8.MatDateRangePicker,
+					selector: "mat-date-range-picker",
+					exportAs: ["matDateRangePicker"]
+				},
+				{
+					kind: "component",
+					type: TechlifyIconComponent,
+					selector: "app-techlify-icon",
+					inputs: ["name", "size"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+TimelineFilterComponent = TimelineFilterComponent_1 = __decorate([UntilDestroy()], TimelineFilterComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TimelineFilterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-timeline-filter",
+			providers: [DatePipe, {
+				provide: MatFormFieldControl,
+				useExisting: TimelineFilterComponent
+			}],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<ng-container [formGroup]=\"selectorForm\">\n    <mat-form-field [appearance]=\"appearance\" class=\"fl-sm\">\n        <mat-label>{{labelText}}</mat-label>\n        <mat-select formControlName=\"select_value\">\n            <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n                {{timeline.viewValue}}\n            </mat-option>\n        </mat-select>\n        <button *ngIf=\"showClearButton && timelineValue.value\" matSuffix mat-icon-button\n            (click)=\"timelineValue.setValue('')\">\n            <mat-icon>close</mat-icon>\n        </button>\n        <mat-hint *ngIf=\"isCustomSelected && selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n            <span [innerHTML]=\"selectedRangeLabel\" style=\"font-size: 10px;\"></span>\n            <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n        </mat-hint>\n        <mat-hint *ngIf=\"isCustomSelected && !selectedRangeLabel\" (click)=\"openCalendar()\" class=\"clickable d-flex\">\n            <span style=\"font-size: 10px;\">Select Range</span>\n            <app-techlify-icon name=\"edit\" class=\"clickable\" size=\"xs\" style=\"margin-left:2px\"></app-techlify-icon>\n        </mat-hint>\n        <mat-date-range-input class=\"offscreen-range-input\" [rangePicker]=\"picker\">\n            <input matStartDate formControlName=\"custom_date_from\" placeholder=\"From date\" readonly />\n            <input matEndDate formControlName=\"custom_date_to\" placeholder=\"To date\" readonly />\n        </mat-date-range-input>\n        <mat-date-range-picker #picker></mat-date-range-picker>\n    </mat-form-field>\n</ng-container>",
+			styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media(min-width:992px){.flex-lg-basis-50{flex-basis:50%}}@media(min-width:1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}.offscreen-range-input{position:absolute;opacity:0;pointer-events:none;display:flex!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.UntypedFormBuilder },
+		{
+			type: i1.NgControl,
+			decorators: [{ type: Optional }, { type: Self }]
+		},
+		{ type: i1$5.DatePipe }
+	],
+	propDecorators: {
+		defaultValue: [{ type: Input }],
+		required: [{ type: Input }],
+		disabled: [{ type: Input }],
+		value: [{ type: Input }],
+		picker: [{
+			type: ViewChild,
+			args: ["picker"]
+		}],
+		timelines: [{ type: Input }],
+		dateFrom: [{ type: Input }],
+		dateTo: [{ type: Input }],
+		appearance: [{ type: Input }],
+		showClearButton: [{ type: Input }],
+		form: [{ type: Input }],
+		labelText: [{ type: Input }],
+		selectionChange: [{ type: Output }]
+	}
+});
+var TechlifyFormButtonComponent = class TechlifyFormButtonComponent {
+	constructor(matDialog) {
+		this.matDialog = matDialog;
+		this.component = input.required(...ngDevMode ? [{ debugName: "component" }] : /* istanbul ignore next */ []);
+		this.model = input(...ngDevMode ? [void 0, { debugName: "model" }] : /* istanbul ignore next */ []);
+		this.data = input({}, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+		this.width = input("700px", ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+		this.saved = output();
+	}
+	open() {
+		this.matDialog.open(this.component(), {
+			width: this.width(),
+			data: {
+				model: this.model(),
+				...this.data()
+			}
+		}).afterClosed().subscribe((result) => {
+			if (result) this.saved.emit(result);
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TechlifyFormButtonComponent,
+			deps: [{ token: i1$8.MatDialog }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TechlifyFormButtonComponent,
+			isStandalone: true,
+			selector: "app-techlify-form-button",
+			inputs: {
+				component: {
+					classPropertyName: "component",
+					publicName: "component",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				model: {
+					classPropertyName: "model",
+					publicName: "model",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				data: {
+					classPropertyName: "data",
+					publicName: "data",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				width: {
+					classPropertyName: "width",
+					publicName: "width",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { saved: "saved" },
+			ngImport: i0,
+			template: "<app-techlify-icon role=\"button\" [name]=\"model() ? 'edit' : 'add'\" (click)=\"open()\"></app-techlify-icon>\r\n",
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "ngmodule",
+					type: MaterialModule
+				},
+				{
+					kind: "ngmodule",
+					type: TechlifyIconModule
+				},
+				{
+					kind: "component",
+					type: TechlifyIconComponent,
+					selector: "app-techlify-icon",
+					inputs: ["name", "size"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TechlifyFormButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-techlify-form-button",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyIconModule
+			],
+			template: "<app-techlify-icon role=\"button\" [name]=\"model() ? 'edit' : 'add'\" (click)=\"open()\"></app-techlify-icon>\r\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i1$8.MatDialog }],
+	propDecorators: {
+		component: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "component",
+				required: true
+			}]
+		}],
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: false
+			}]
+		}],
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		saved: [{
+			type: i0.Output,
+			args: ["saved"]
+		}]
+	}
+});
+var ActionPopupModule = class ActionPopupModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ActionPopupModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ActionPopupModule,
+			declarations: [ActionPopupComponent],
+			imports: [CommonModule, MaterialModule],
+			exports: [ActionPopupComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ActionPopupModule,
+			imports: [CommonModule, MaterialModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ActionPopupModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, MaterialModule],
+			declarations: [ActionPopupComponent],
+			exports: [ActionPopupComponent]
+		}]
+	}]
+});
+var DocumentViewerModule = class DocumentViewerModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: DocumentViewerModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: DocumentViewerModule,
+			declarations: [DocumentViewerComponent],
+			imports: [
+				CommonModule,
+				NgxDocViewerModule,
+				MaterialModule
+			],
+			exports: [DocumentViewerComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: DocumentViewerModule,
+			imports: [
+				CommonModule,
+				NgxDocViewerModule,
+				MaterialModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: DocumentViewerModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				NgxDocViewerModule,
+				MaterialModule
+			],
+			declarations: [DocumentViewerComponent],
+			exports: [DocumentViewerComponent]
+		}]
+	}]
+});
+var ExportExcelButtonComponent = class ExportExcelButtonComponent {
+	constructor() {
+		this.isCSV = false;
+		this.iconName = "export";
+		this.fileName = "Export_Data";
+		this.data = [];
+		this.isParseNumeric = false;
+		this.isExportingToExcel = new EventEmitter();
+		this.isWorking = false;
+	}
+	ngOnInit() {}
+	exportToExcel() {
+		this.isWorking = true;
+		this.isExportingToExcel.emit(true);
+		setTimeout(() => {
+			if (this.data?.length > 0) this.convertJSONToExcel();
+			else if (this.tableId) this.convertTableToExcel();
+			this.isExportingToExcel.emit(false);
+			this.isWorking = false;
+		}, 1e3);
+	}
+	convertJSONToExcel() {
+		const ws = XLSX.utils.json_to_sheet(this.data);
+		const wb = XLSX.utils.book_new();
+		XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
+		if (this.isCSV) XLSX.writeFile(wb, `${this.fileName}.csv`, { bookType: "csv" });
+		else XLSX.writeFile(wb, `${this.fileName}.xlsx`);
+	}
+	convertTableToExcel() {
+		let element = document.getElementById(this.tableId);
+		let ws = XLSX.utils.table_to_sheet(element, { raw: true });
+		if (this.isParseNumeric && !this.isCSV) this.parseNumeric(ws);
+		const wb = XLSX.utils.book_new();
+		XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
+		if (this.isCSV) XLSX.writeFile(wb, `${this.fileName}.csv`, { bookType: "csv" });
+		else XLSX.writeFile(wb, `${this.fileName}.xlsx`);
+	}
+	parseNumeric(ws) {
+		Object.keys(ws).forEach((key) => {
+			if (key.startsWith("!")) return;
+			const cell = ws[key];
+			if (!cell) return;
+			if (cell.t === "s") {
+				const value = Number(cell.v);
+				if (!isNaN(value)) {
+					cell.v = value;
+					cell.t = "n";
+				}
+			}
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ExportExcelButtonComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: ExportExcelButtonComponent,
+			isStandalone: false,
+			selector: "app-export-excel-button",
+			inputs: {
+				isCSV: "isCSV",
+				iconName: "iconName",
+				fileName: "fileName",
+				data: "data",
+				tableId: "tableId",
+				isParseNumeric: "isParseNumeric"
+			},
+			outputs: { isExportingToExcel: "isExportingToExcel" },
+			ngImport: i0,
+			template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n    matTooltip=\"Excel Export\">\n</app-techlify-icon>",
+			styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media(min-width:992px){.flex-lg-basis-50{flex-basis:50%}}@media(min-width:1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}:host{display:flex;align-content:center}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i3$1.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "component",
+					type: TechlifyIconComponent,
+					selector: "app-techlify-icon",
+					inputs: ["name", "size"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ExportExcelButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-export-excel-button",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<app-techlify-icon class=\"clickable d-print-none\" *ngIf=\"!isWorking\" [name]=\"iconName\" (click)=\"exportToExcel()\"\n    matTooltip=\"Excel Export\">\n</app-techlify-icon>",
+			styles: [".fl-md{width:200px!important}.fl-md .mat-mdc-form-field{width:100%!important}.fl-sm{width:150px!important}.fl-sm .mat-mdc-form-field{width:100%!important}.wpx-50{width:50px!important}.wpx-100{width:100px!important}.wpx-120{width:120px!important}.wpx-125{width:125px!important}.wpx-150{width:150px!important}.wpx-200{width:200px!important}.wpx-250{width:250px!important}.min-wpx-200{min-width:200px!important}.max-width-px-115{max-width:115px}.w-description{width:300px!important}.side-panel{width:300px!important;min-width:300px!important;flex-shrink:0!important}.h-250px{height:250px!important}.scroll-y{overflow-y:auto}.flex-basis-0{flex-basis:0}.flex-basis-5{flex-basis:5%}.flex-basis-8{flex-basis:8%}.flex-basis-10{flex-basis:10%}.flex-basis-15{flex-basis:15%}.flex-basis-20{flex-basis:20%}.flex-basis-25{flex-basis:25%}.flex-basis-30{flex-basis:30%}.flex-basis-35{flex-basis:35%}.flex-basis-40{flex-basis:40%}.flex-basis-45{flex-basis:45%}.flex-basis-48{flex-basis:48%}.flex-basis-49{flex-basis:49%}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.flex-basis-65{flex-basis:65%}.flex-basis-70{flex-basis:70%}.flex-basis-80{flex-basis:80%}.flex-basis-90{flex-basis:90%}.flex-basis-95{flex-basis:95%}.flex-basis-100{flex-basis:100%}.flex-basis-50-minus-1rem{flex-basis:calc(50% - 1rem)}.flex-basis-50-minus-0-2rem{flex-basis:calc(50% - .2rem)}.flex-basis-20-minus-1rem{flex-basis:calc(20% - 1rem)}.flex-basis-15-minus-1rem{flex-basis:calc(15% - 1rem)}.flex-basis-50-minus-4px{flex-basis:calc(50% - 4px)}@media(min-width:992px){.flex-lg-basis-50{flex-basis:50%}}@media(min-width:1200px){.flex-xl-basis-30{flex-basis:30%}.flex-xl-basis-30-minus-1rem{flex:0 1 calc(30% - 1rem)}}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}button,a,input{outline:none!important}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d4c4c}.icon-md{height:24px!important;width:24px!important;font-size:24px!important;margin:0 1px}.icon-sm{height:20px!important;width:20px!important;font-size:20px!important}.icon-xs{height:16px!important;width:16px!important;font-size:16px!important}.mat-icon-xl{height:40px!important;width:40px!important;font-size:40px!important}.mat-icon-20px{font-size:20px!important;height:20px!important;width:20px!important}.mat-small-icon{height:16px!important;width:16px!important;font-size:16px!important}.mat-btn-md{height:25px!important;padding:0 8px!important}.mdc-button__label{letter-spacing:normal!important}.mat-mdc-button .mat-icon{height:24px!important;width:24px!important;font-size:24px!important}.mat-button-toggle-group{height:48px!important;align-items:center}.mat-button-toggle-button{height:48px!important}.mat-button-toggle-label-content{padding:0 8px!important;font-size:14px!important}.mat-mdc-slide-toggle label{margin:0!important}.small-slide-toggle{transform:scale(.8);transform-origin:left center}.fs-8{font-size:8px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.clickable:hover{cursor:pointer}.mat-mdc-form-field-hint-wrapper{padding:0 4px!important}.mat-mdc-floating-label{pointer-events:none!important}.nil-subscript-wrapper .mat-mdc-form-field-subscript-wrapper{height:0!important}.create-another .mat-mdc-checkbox label{margin:0!important}.create-another .mdc-checkbox{padding:0!important}.create-another .mdc-checkbox__background{position:relative;top:0;left:0}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element{color:#555!important;-webkit-text-fill-color:#555555!important}.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-value{color:#555!important}.mat-mdc-card{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);padding:16px}.mat-mdc-card-content{padding:0!important}.mat-mdc-dialog-surface{padding:24px}.mat-mdc-dialog-title{padding:0!important}.mat-mdc-dialog-title .mat-mdc-dialog-title:before{height:0!important}.mat-mdc-dialog-title *{position:relative;top:-30px!important}.mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:6px!important}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:0 8px!important}.mat-column-actions .mat-mdc-icon-button{width:30px!important;height:30px!important;top:6px!important}.mat-column-actions .mat-mdc-icon-button .mat-icon{bottom:9px!important;right:9px!important}.mat-mdc-progress-bar{border-radius:2px}.chip-mini-grey{background-color:#d9d9d9!important;border-radius:3px;display:inline-block;padding:0 6px;font-size:13px}.chip-mini-outline{background-color:#fff!important;border-radius:3px;display:inline-block;padding:0 6px;outline:1px solid #bbb;font-size:13px}.techlify-badge-grey-outlined{background-color:#f2f3f5!important;font-weight:400!important;font-size:12px!important;color:#000!important}.techlify-badge-white-outlined{font-weight:400!important;font-size:12px!important;border-style:solid!important;border-width:thin!important;color:#000!important;border-color:#000!important}:host{display:flex;align-content:center}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		isCSV: [{ type: Input }],
+		iconName: [{ type: Input }],
+		fileName: [{ type: Input }],
+		data: [{ type: Input }],
+		tableId: [{ type: Input }],
+		isParseNumeric: [{ type: Input }],
+		isExportingToExcel: [{ type: Output }]
+	}
+});
+var ExportExcelModule = class ExportExcelModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ExportExcelModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ExportExcelModule,
+			declarations: [ExportExcelButtonComponent],
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyIconModule
+			],
+			exports: [ExportExcelButtonComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ExportExcelModule,
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyIconModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ExportExcelModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [ExportExcelButtonComponent],
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyIconModule
+			],
+			exports: [ExportExcelButtonComponent]
+		}]
+	}]
+});
+var FileDropperModule = class FileDropperModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FileDropperModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FileDropperModule,
+			declarations: [FileDropperComponent],
+			imports: [CommonModule, MaterialModule],
+			exports: [FileDropperComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FileDropperModule,
+			imports: [CommonModule, MaterialModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FileDropperModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, MaterialModule],
+			declarations: [FileDropperComponent],
+			exports: [FileDropperComponent]
+		}]
+	}]
+});
+var ReadMoreModule = class ReadMoreModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ReadMoreModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ReadMoreModule,
+			declarations: [ReadMoreComponent],
+			imports: [CommonModule, MaterialModule],
+			exports: [ReadMoreComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: ReadMoreModule,
+			imports: [CommonModule, MaterialModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ReadMoreModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [ReadMoreComponent],
+			imports: [CommonModule, MaterialModule],
+			exports: [ReadMoreComponent]
+		}]
+	}]
+});
+const routes = [];
+var TimelineFilterRoutingModule = class TimelineFilterRoutingModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterRoutingModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterRoutingModule,
+			imports: [i1$3.RouterModule],
+			exports: [RouterModule]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterRoutingModule,
+			imports: [RouterModule.forChild(routes), RouterModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TimelineFilterRoutingModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [RouterModule.forChild(routes)],
+			exports: [RouterModule]
+		}]
+	}]
+});
+var TimelineFilterModule = class TimelineFilterModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterModule,
+			declarations: [TimelineFilterComponent],
+			imports: [
+				CommonModule,
+				TimelineFilterRoutingModule,
+				ReactiveFormsModule,
+				MatFormFieldModule,
+				MatSelectModule,
+				MatButtonModule,
+				MatIconModule,
+				MatInputModule,
+				MatDatepickerModule,
+				MatNativeDateModule,
+				TechlifyIconModule
+			],
+			exports: [TimelineFilterComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TimelineFilterModule,
+			imports: [
+				CommonModule,
+				TimelineFilterRoutingModule,
+				ReactiveFormsModule,
+				MatFormFieldModule,
+				MatSelectModule,
+				MatButtonModule,
+				MatIconModule,
+				MatInputModule,
+				MatDatepickerModule,
+				MatNativeDateModule,
+				TechlifyIconModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TimelineFilterModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [TimelineFilterComponent],
+			imports: [
+				CommonModule,
+				TimelineFilterRoutingModule,
+				ReactiveFormsModule,
+				MatFormFieldModule,
+				MatSelectModule,
+				MatButtonModule,
+				MatIconModule,
+				MatInputModule,
+				MatDatepickerModule,
+				MatNativeDateModule,
+				TechlifyIconModule
+			],
+			exports: [TimelineFilterComponent]
+		}]
+	}]
+});
+var SearchableSelectorComponent = class SearchableSelectorComponent {
+	static {
+		this.nextId = 0;
+	}
+	get empty() {
+		const { value: { select_value } } = this.selectorForm;
+		return !select_value;
+	}
+	get shouldLabelFloat() {
+		return this.focused || !this.empty;
+	}
+	get required() {
+		return this._required;
+	}
+	set required(value) {
+		this.selectorForm.get("select_value").setValidators(Validators.required);
+		this._required = coerceBooleanProperty(value);
+		this.stateChanges.next();
+	}
+	get disabled() {
+		return this._disabled;
+	}
+	set disabled(value) {
+		this._disabled = coerceBooleanProperty(value);
+		this._disabled ? this.selectorForm.disable({ emitEvent: false }) : this.selectorForm.enable({ emitEvent: false });
+		this.stateChanges.next();
+	}
+	get value() {
+		return this.selectorForm.get("select_value")?.value || "";
+	}
+	set value(data) {
+		this.selectorForm.patchValue({ select_value: data || "" });
+		this.stateChanges.next();
+	}
+	constructor(formBuilder, _focusMonitor, http, _elementRef, dialog, ngControl) {
+		this._focusMonitor = _focusMonitor;
+		this.http = http;
+		this._elementRef = _elementRef;
+		this.dialog = dialog;
+		this.ngControl = ngControl;
+		this.valueField = "id";
+		this.titleField = "title";
+		this.multiple = false;
+		this.selectedValueChange = new EventEmitter();
+		this.enableSearch = true;
+		this.add = false;
+		this.edit = false;
+		this.sort = true;
+		this.items = [];
+		this.apiDataProperty = "data";
+		this.cache = false;
+		this.perPage = 50;
+		this.inDataSearch = false;
+		this.panelWidth = "";
+		this.selectionChange = new EventEmitter();
+		this.itemsChange = new EventEmitter();
+		this.focusSearchOnOpen = false;
+		this.isItemsEmpty = new EventEmitter();
+		this.isEmitInitialEvent = false;
+		this.isLoading = false;
+		this.onChange = () => {};
+		this.onTouched = () => {};
+		this.stateChanges = new Subject();
+		this.focused = false;
+		this.controlType = "searchable-selctor";
+		this.id = `searchable-selctor-${SearchableSelectorComponent.nextId++}`;
+		this.describedBy = "";
+		this.cachedItems = [];
+		this.subscriptions = new Subscription();
+		this._required = false;
+		this._disabled = false;
+		this.selectorForm = formBuilder.group({
+			select_value: [null],
+			search: ""
+		});
+		this.subscriptions.add(_focusMonitor.monitor(_elementRef, true).subscribe((origin) => {
+			if (this.focused && !origin) this.onTouched();
+			this.focused = !!origin;
+			this.stateChanges.next();
+		}));
+		if (this.ngControl != null) this.ngControl.valueAccessor = this;
+	}
+	openedChange(opened) {
+		if (this.dataItems.length === 0 && this.selectorForm.get("search").value) this.selectorForm.get("search").setValue("");
+		if (opened && this.enableSearch && this.focusSearchOnOpen) setTimeout(() => this.searchInput.nativeElement.focus(), 0);
+	}
+	get dataItems() {
+		let items = [];
+		if (this.multiple && this.selectedValue && this.selectedValue.length > 0) items = [...this.selectedValue, ...this.items];
+		else if (!this.multiple && this.selectedValue) items = [this.selectedValue, ...this.items];
+		else items = this.items;
+		items = items.filter((v, i, a) => a.findIndex((v) => v[this.valueField] === a[i][this.valueField]) === i);
+		this.itemsChange.emit(items);
+		return items;
+	}
+	ngOnInit() {
+		this.subscriptions.add(this.selectorForm.get("search").valueChanges.pipe(debounceTime$1(500), distinctUntilChanged$1()).subscribe((value) => {
+			if (this.enableSearch) this.search(value);
+		}));
+		this.filters = {
+			per_page: this.perPage,
+			search: "",
+			page: 1,
+			lastPage: 1
+		};
+		if (this.sort) this.filters.sort_by = this.sortBy || `${this.titleField}|asc`;
+		if (this.items.length === 0) this.fetchItemList();
+	}
+	fetchItemList() {
+		this.isLoading = true;
+		let request = this.http.get(this.apiUrl, { params: this.filters });
+		if (this.cache) request = this.http.cache().get(this.apiUrl, { params: this.filters });
+		this.subscriptions.add(of().pipe(startWith$1(true), switchMap$1((_) => from(request)), finalize$1(() => this.isLoading = false)).subscribe((result) => {
+			this.items = this.items.concat(result[this.apiDataProperty]);
+			if (this.items.length == 0 && !this.filters?.search) this.isItemsEmpty.emit(true);
+			if (this.cache) this.cachedItems = this.items;
+			this.filters.page = result?.current_page || 1;
+			this.filters.lastPage = result?.last_page || 1;
+			if (this.isEmitInitialEvent && this.value) {
+				this._handleInput();
+				this.isEmitInitialEvent = false;
+			}
+		}));
+	}
+	setDescribedByIds(ids) {
+		this.describedBy = ids.join(" ");
+	}
+	onContainerClick(event) {
+		event.stopPropagation();
+	}
+	writeValue(data) {
+		this.value = data;
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabled = isDisabled;
+	}
+	getPropertyValue(ele, keyString) {
+		keyString = keyString.replace(/\[(\w+)\]/g, ".$1");
+		keyString = keyString.replace(/^\./, "");
+		const keyList = keyString.split(".");
+		for (let i = 0, n = keyList.length; i < n; ++i) {
+			const key = keyList[i];
+			if (ele && key in ele) ele = ele[key];
+			else return;
+		}
+		return ele;
+	}
+	_handleInput() {
+		if (!this.isEmitInitialEvent) this.onChange(this.value);
+		if (this.multiple) this.selectedValue = (this.value || []).map((x) => this.dataItems.find((y) => y[this.valueField] === x));
+		else this.selectedValue = this.dataItems.find((x) => x[this.valueField] === this.value);
+		this.selectedValueChange.emit(this.selectedValue);
+		this.selectionChange.emit(this.value);
+	}
+	get errorState() {
+		return this.ngControl && this.ngControl.invalid && (this.ngControl.touched || this.ngControl.dirty);
+	}
+	onScroll() {
+		if (!this.isLoading && this.filters.lastPage > this.filters.page) {
+			this.filters.page += 1;
+			this.fetchItemList();
+		}
+	}
+	reloadData() {
+		this.items = [];
+		this.filters.page = 1;
+		this.filters.lastPage = 1;
+		this.fetchItemList();
+	}
+	search(event) {
+		if (this.searchField) this.filters[this.searchField] = event;
+		else this.filters.search = event;
+		if (this.inDataSearch && this.searchField) this.filterItems(event);
+		else this.reloadData();
+	}
+	filterItems(event) {
+		if (event) this.items = this.cachedItems.filter((value) => {
+			return value[this.searchField].toLowerCase().search(event.toLowerCase()) != -1;
+		});
+		else this.items = this.cachedItems;
+	}
+	addItem(event) {
+		this.dialog.open(this.itemComponent, {
+			width: "400px",
+			autoFocus: false,
+			data: {},
+			...this.addConfig
+		}).afterClosed().subscribe((model) => {
+			if (model) {
+				this.items.push(model);
+				this.selectorForm.get("select_value").setValue(model[this.valueField]);
+				this._handleInput();
+			}
+		});
+		event.stopPropagation();
+	}
+	editItem(event) {
+		this.dialog.open(this.itemComponent, {
+			width: "400px",
+			autoFocus: false,
+			data: { item: this.selectedValue },
+			...this.editConfig
+		}).afterClosed().subscribe((result) => {
+			if (result) {
+				this.items = this.items.filter((x) => x[this.valueField] !== this.selectedValue[this.valueField]);
+				this.items.push(result.item);
+				this.selectedValue = null;
+				this.selectorForm.get("select_value").setValue(result.item[this.valueField]);
+				this._handleInput();
+			}
+		});
+		event.stopPropagation();
+	}
+	ngOnDestroy() {
+		this.stateChanges.complete();
+		this._focusMonitor.stopMonitoring(this._elementRef);
+		this.subscriptions.unsubscribe();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SearchableSelectorComponent,
+			deps: [
+				{ token: i1.UntypedFormBuilder },
+				{ token: i2.FocusMonitor },
+				{ token: HttpService },
+				{ token: i0.ElementRef },
+				{ token: i1$8.MatDialog },
+				{
+					token: i1.NgControl,
+					optional: true,
+					self: true
+				}
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: SearchableSelectorComponent,
+			isStandalone: false,
+			selector: "app-searchable-selector",
+			inputs: {
+				valueField: "valueField",
+				titleField: "titleField",
+				subtitleField: "subtitleField",
+				apiUrl: "apiUrl",
+				multiple: "multiple",
+				selectedValue: "selectedValue",
+				enableSearch: "enableSearch",
+				add: "add",
+				addConfig: "addConfig",
+				edit: "edit",
+				editConfig: "editConfig",
+				sort: "sort",
+				sortBy: "sortBy",
+				searchField: "searchField",
+				itemComponent: "itemComponent",
+				items: "items",
+				apiDataProperty: "apiDataProperty",
+				cache: "cache",
+				perPage: "perPage",
+				inDataSearch: "inDataSearch",
+				panelWidth: "panelWidth",
+				focusSearchOnOpen: "focusSearchOnOpen",
+				isEmitInitialEvent: "isEmitInitialEvent",
+				required: "required",
+				disabled: "disabled",
+				value: "value"
+			},
+			outputs: {
+				selectedValueChange: "selectedValueChange",
+				selectionChange: "selectionChange",
+				itemsChange: "itemsChange",
+				isItemsEmpty: "isItemsEmpty"
+			},
+			providers: [{
+				provide: MatFormFieldControl,
+				useExisting: SearchableSelectorComponent
+			}],
+			viewQueries: [{
+				propertyName: "searchInput",
+				first: true,
+				predicate: ["searchInput"],
+				descendants: true
+			}],
+			ngImport: i0,
+			template: "<ng-container [formGroup]=\"selectorForm\">\n  <div class=\"searchable-selector-container\">\n    <!-- Selector and Suffix Icons -->\n    <mat-select formControlName=\"select_value\" [multiple]=\"multiple\" [required]=\"required\"\n      (selectionChange)=\"this.isEmitInitialEvent = false;_handleInput()\" (openedChange)=\"openedChange($event)\"\n      [panelWidth]=\"panelWidth\">\n      <!-- Search Field -->\n      <mat-form-field *ngIf=\"enableSearch\" class=\"p-1 w-100\">\n        <input matInput formControlName=\"search\" placeholder=\"Search...\" (keydown)=\"$event.stopPropagation();\"\n          autocomplete=\"off\" #searchInput>\n      </mat-form-field>\n\n      <!-- Options with Scrollable Container -->\n      <div class=\"searchable-selector-scrollable-container\" cdkScrollable (scrollend)=\"onScroll()\">\n        <mat-option *ngFor=\"let item of dataItems\" [value]=\"getPropertyValue(item, valueField)\">\n          <span>{{ getPropertyValue(item, titleField) }}</span>\n          <span *ngIf=\"subtitleField\" class=\"text-secondary\" style=\"font-size: 14px;\">\n            - {{ getPropertyValue(item, subtitleField) }}\n          </span>\n        </mat-option>\n        <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    </mat-select>\n\n    <!-- Add and Edit Buttons -->\n    <mat-icon class=\"cursor-pointer\" *ngIf=\"add\" (click)=\"addItem($event)\">\n      add\n    </mat-icon>\n    <mat-icon class=\"cursor-pointer\" *ngIf=\"edit && selectedValue\" (click)=\"editItem($event)\">\n      edit\n    </mat-icon>\n  </div>\n</ng-container>",
+			styles: [".searchable-selector-container{display:flex;align-items:center}.searchable-selector-container mat-select{flex-grow:1}.searchable-selector-container mat-icon{margin-left:2px}.relative-icon{position:relative;top:-4px}.searchable-selector-scrollable-container{max-height:175px;overflow-y:auto}:host ::ng-deep .mat-mdc-floating-label{pointer-events:none!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$5.NgForOf,
+					selector: "[ngFor][ngForOf]",
+					inputs: [
+						"ngForOf",
+						"ngForTrackBy",
+						"ngForTemplate"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1$5.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.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: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i1.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "directive",
+					type: i1.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i1.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				},
+				{
+					kind: "directive",
+					type: i6.CdkScrollable,
+					selector: "[cdk-scrollable], [cdkScrollable]"
+				},
+				{
+					kind: "component",
+					type: i5.MatOption,
+					selector: "mat-option",
+					inputs: [
+						"value",
+						"id",
+						"disabled"
+					],
+					outputs: ["onSelectionChange"],
+					exportAs: ["matOption"]
+				},
+				{
+					kind: "component",
+					type: i3.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "component",
+					type: i1$7.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "directive",
+					type: i10.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: i4.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: "component",
+					type: i12.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: SearchableSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-searchable-selector",
+			providers: [{
+				provide: MatFormFieldControl,
+				useExisting: SearchableSelectorComponent
+			}],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<ng-container [formGroup]=\"selectorForm\">\n  <div class=\"searchable-selector-container\">\n    <!-- Selector and Suffix Icons -->\n    <mat-select formControlName=\"select_value\" [multiple]=\"multiple\" [required]=\"required\"\n      (selectionChange)=\"this.isEmitInitialEvent = false;_handleInput()\" (openedChange)=\"openedChange($event)\"\n      [panelWidth]=\"panelWidth\">\n      <!-- Search Field -->\n      <mat-form-field *ngIf=\"enableSearch\" class=\"p-1 w-100\">\n        <input matInput formControlName=\"search\" placeholder=\"Search...\" (keydown)=\"$event.stopPropagation();\"\n          autocomplete=\"off\" #searchInput>\n      </mat-form-field>\n\n      <!-- Options with Scrollable Container -->\n      <div class=\"searchable-selector-scrollable-container\" cdkScrollable (scrollend)=\"onScroll()\">\n        <mat-option *ngFor=\"let item of dataItems\" [value]=\"getPropertyValue(item, valueField)\">\n          <span>{{ getPropertyValue(item, titleField) }}</span>\n          <span *ngIf=\"subtitleField\" class=\"text-secondary\" style=\"font-size: 14px;\">\n            - {{ getPropertyValue(item, subtitleField) }}\n          </span>\n        </mat-option>\n        <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    </mat-select>\n\n    <!-- Add and Edit Buttons -->\n    <mat-icon class=\"cursor-pointer\" *ngIf=\"add\" (click)=\"addItem($event)\">\n      add\n    </mat-icon>\n    <mat-icon class=\"cursor-pointer\" *ngIf=\"edit && selectedValue\" (click)=\"editItem($event)\">\n      edit\n    </mat-icon>\n  </div>\n</ng-container>",
+			styles: [".searchable-selector-container{display:flex;align-items:center}.searchable-selector-container mat-select{flex-grow:1}.searchable-selector-container mat-icon{margin-left:2px}.relative-icon{position:relative;top:-4px}.searchable-selector-scrollable-container{max-height:175px;overflow-y:auto}:host ::ng-deep .mat-mdc-floating-label{pointer-events:none!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.UntypedFormBuilder },
+		{ type: i2.FocusMonitor },
+		{ type: HttpService },
+		{ type: i0.ElementRef },
+		{ type: i1$8.MatDialog },
+		{
+			type: i1.NgControl,
+			decorators: [{ type: Optional }, { type: Self }]
+		}
+	],
+	propDecorators: {
+		searchInput: [{
+			type: ViewChild,
+			args: ["searchInput"]
+		}],
+		valueField: [{ type: Input }],
+		titleField: [{ type: Input }],
+		subtitleField: [{ type: Input }],
+		apiUrl: [{ type: Input }],
+		multiple: [{ type: Input }],
+		selectedValue: [{ type: Input }],
+		selectedValueChange: [{ type: Output }],
+		enableSearch: [{ type: Input }],
+		add: [{ type: Input }],
+		addConfig: [{ type: Input }],
+		edit: [{ type: Input }],
+		editConfig: [{ type: Input }],
+		sort: [{ type: Input }],
+		sortBy: [{ type: Input }],
+		searchField: [{ type: Input }],
+		itemComponent: [{ type: Input }],
+		items: [{ type: Input }],
+		apiDataProperty: [{ type: Input }],
+		cache: [{ type: Input }],
+		perPage: [{ type: Input }],
+		inDataSearch: [{ type: Input }],
+		panelWidth: [{ type: Input }],
+		selectionChange: [{ type: Output }],
+		itemsChange: [{ type: Output }],
+		focusSearchOnOpen: [{ type: Input }],
+		isItemsEmpty: [{ type: Output }],
+		isEmitInitialEvent: [{ type: Input }],
+		required: [{ type: Input }],
+		disabled: [{ type: Input }],
+		value: [{ type: Input }]
+	}
+});
+var SearchableSelectorModule = class SearchableSelectorModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SearchableSelectorModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SearchableSelectorModule,
+			declarations: [SearchableSelectorComponent],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MaterialModule,
+				MatProgressBar
+			],
+			exports: [SearchableSelectorComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SearchableSelectorModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MaterialModule,
+				MatProgressBar
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: SearchableSelectorModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MaterialModule,
+				MatProgressBar
+			],
+			declarations: [SearchableSelectorComponent],
+			exports: [SearchableSelectorComponent]
+		}]
+	}]
+});
+var FormConfigurationForFormModule = class FormConfigurationForFormModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormConfigurationForFormModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormConfigurationForFormModule,
+			declarations: [FormConfigurationForFormComponent],
+			imports: [
+				CommonModule,
+				RouterModule,
+				MaterialModule
+			],
+			exports: [FormConfigurationForFormComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: FormConfigurationForFormModule,
+			imports: [
+				CommonModule,
+				RouterModule,
+				MaterialModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FormConfigurationForFormModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormConfigurationForFormComponent],
+			imports: [
+				CommonModule,
+				RouterModule,
+				MaterialModule
+			],
+			exports: [FormConfigurationForFormComponent]
+		}]
+	}]
+});
+var SharedModule = class SharedModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SharedModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SharedModule,
+			imports: [
+				InfiniteScrollDirective,
+				TechlifyDeleteButtonComponent,
+				TechlifyFormButtonComponent
+			],
+			exports: [
+				ActionPopupModule,
+				CommonModule,
+				DocumentViewerModule,
+				ExportExcelModule,
+				FileDropperModule,
+				FormConfigurationForFormModule,
+				FormsModule,
+				InfiniteScrollDirective,
+				MaterialModule,
+				NgxPermissionsModule,
+				ReactiveFormsModule,
+				ReadMoreModule,
+				SearchableSelectorModule,
+				TechlifyDeleteButtonComponent,
+				TimelineFilterModule,
+				TechlifyFormButtonComponent,
+				TechlifyIconModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: SharedModule,
+			imports: [
+				TechlifyDeleteButtonComponent,
+				TechlifyFormButtonComponent,
+				ActionPopupModule,
+				CommonModule,
+				DocumentViewerModule,
+				ExportExcelModule,
+				FileDropperModule,
+				FormConfigurationForFormModule,
+				FormsModule,
+				MaterialModule,
+				NgxPermissionsModule,
+				ReactiveFormsModule,
+				ReadMoreModule,
+				SearchableSelectorModule,
+				TimelineFilterModule,
+				TechlifyIconModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: SharedModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				InfiniteScrollDirective,
+				TechlifyDeleteButtonComponent,
+				TechlifyFormButtonComponent
+			],
+			exports: [
+				ActionPopupModule,
+				CommonModule,
+				DocumentViewerModule,
+				ExportExcelModule,
+				FileDropperModule,
+				FormConfigurationForFormModule,
+				FormsModule,
+				InfiniteScrollDirective,
+				MaterialModule,
+				NgxPermissionsModule,
+				ReactiveFormsModule,
+				ReadMoreModule,
+				SearchableSelectorModule,
+				TechlifyDeleteButtonComponent,
+				TimelineFilterModule,
+				TechlifyFormButtonComponent,
+				TechlifyIconModule
+			]
+		}]
+	}]
+});
+export { ActionPopupComponent as $, MaterialModule as A, HttpCacheService as B, AuthenticationGuard as C, CustomIconModule as D, TechlifyIconModule as E, HttpService as F, LogLevel as G, ErrorHandlerService as H, TokenInterceptor as I, EnvironmentService as J, Logger as K, CredentialsService as L, FormConfigurationForFormComponent as M, FileDropperComponent as N, TechlifyIconComponent as O, HTTP_DYNAMIC_INTERCEPTORS as P, SuccessSnackComponent as Q, ApiPrefixInterceptor as R, User as S, SnackModule as T, ConfigService as U, ErrorHandlerInterceptor as V, TechlifyConfig as W, AlertService as X, FormValidatorService as Y, ErrorSnackComponent as Z, FilterService as _, TimelineFilterModule as a, CurrentUserService as b, ExportExcelModule as c, ActionPopupModule as d, ActionPopup as et, TechlifyFormButtonComponent as f, TechlifyDeleteButtonComponent as g, Timeline as h, SearchableSelectorComponent as i, ReadMoreComponent as j, CustomIconComponent as k, ExportExcelButtonComponent as l, calculateTimeline as m, FormConfigurationForFormModule as n, ReadMoreModule as o, TimelineFilterComponent as p, DocumentViewerComponent as q, SearchableSelectorModule as r, FileDropperModule as s, SharedModule as t, DocumentViewerModule as u, RouteReusableStrategy as v, AppUpdateService as w, StorageService as x, AuthenticationService as y, CacheInterceptor as z };
+
+//# sourceMappingURL=ngx-techlify-core-shared.module-DROe5GRx.mjs.map