@rangertechnologies/fusion-ui 0.1.3 → 0.1.5

package/fesm2022/rangertechnologies-fusion-ui.mjs

@@ -1,7 +1,7 @@
 import * as i1$3 from "@angular/common";
-import { CommonModule } from "@angular/common";
+import { CommonModule, DatePipe } from "@angular/common";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Injectable, Input, Output, Pipe, ViewChild, ViewChildren } from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Injectable, Input, Optional, Output, Pipe, ViewChild, ViewChildren } from "@angular/core";
 import { AngularSvgIconModule } from "angular-svg-icon";
 import * as i1$4 from "@ngx-translate/core";
 import { TranslateModule } from "@ngx-translate/core";
@@ -314,8 +314,8 @@ var ConfigService = class ConfigService {
 	http;
 	config;
 	static runtimeConfig;
-	defaultApiUrl = "http://localhost:3000";
-	hostContractGlobal = "__FUSION_HOST_RUNTIME_CONTRACT__";
+	defaultApiUrl = "https://dev-api.rangerfusion.com";
+	static hostContractGlobal = "__FUSION_HOST_RUNTIME_CONTRACT__";
 	constructor(http) {
 		this.http = http;
 	}
@@ -359,24 +359,38 @@ var ConfigService = class ConfigService {
 		return ConfigService.runtimeConfig?.serviceConfig?.[key];
 	}
 	getApiUrl() {
+		const hostContract = this.getHostContract();
+		if (hostContract?.apiUrl) return hostContract.apiUrl;
 		return this.config?.serviceConfig?.apiUrl || this.config?.serviceConfig?.API_URL || this.defaultApiUrl;
 	}
 	static getApiUrl() {
+		const hostContract = ConfigService.getHostContract();
+		if (hostContract?.apiUrl) return hostContract.apiUrl;
 		const serviceConfig = ConfigService.runtimeConfig?.serviceConfig;
 		return serviceConfig?.API_URL || serviceConfig?.apiUrl;
 	}
+	getAppUrl() {
+		const hostContract = this.getHostContract();
+		if (hostContract?.appUrl) return hostContract.appUrl;
+		return this.config?.serviceConfig?.appUrl || this.config?.serviceConfig?.APP_URL;
+	}
 	static getAppUrl() {
+		const hostContract = ConfigService.getHostContract();
+		if (hostContract?.appUrl) return hostContract.appUrl;
 		const serviceConfig = ConfigService.runtimeConfig?.serviceConfig;
 		return serviceConfig?.APP_URL || serviceConfig?.appUrl;
 	}
 	isSplitUserBootstrap() {
 		return Boolean(this.getServiceConfig("splitUserBootstrap"));
 	}
-	getHostContract() {
+	static getHostContract() {
 		if (typeof window === "undefined") return null;
-		const contract = window[this.hostContractGlobal];
+		const contract = window[ConfigService.hostContractGlobal];
 		return contract?.apiUrl ? contract : null;
 	}
+	getHostContract() {
+		return ConfigService.getHostContract();
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.4",
@@ -3575,6 +3589,123 @@ i0.ɵɵngDeclareClassMetadata({
 		sideScreenEmittedEvent: [{ type: Output }]
 	}
 });
+var ApprovalScreenComponent = class ApprovalScreenComponent {
+	datePipe;
+	constructor(datePipe) {
+		this.datePipe = datePipe;
+	}
+	infoData;
+	hideFields = [];
+	approve = new EventEmitter();
+	sideScreenEmitted() {
+		this.approve.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: ApprovalScreenComponent,
+		deps: [{
+			token: i1$3.DatePipe,
+			optional: true
+		}],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.4",
+		type: ApprovalScreenComponent,
+		isStandalone: true,
+		selector: "app-approval-screen",
+		inputs: {
+			infoData: "infoData",
+			hideFields: "hideFields"
+		},
+		outputs: { approve: "approve" },
+		providers: [DatePipe],
+		ngImport: i0,
+		template: "<app-common-screen headerTitle=\"Approval Details\" (sideScreenEmittedEvent)=\"sideScreenEmitted()\">\n    <div class=\"side-main-content container\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <!-- Approval Info -->\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.NAME' | customTranslate : 'Name'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.name }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.STATUS' | customTranslate : 'Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': infoData.status === 'Approved', \n                'bg-warning': infoData.status === 'Pending',\n                'bg-danger': infoData.status === 'Rejected'}\">\n                {{ infoData.status }}</span>\n            </div>\n          </div>\n          <div class=\"row mb-3\" *ngIf=\"!hideFields.includes('leaveStatus')\">\n            <!-- SK21DEC24 to add Approval status in side screen-->\n            <div class=\"col-6 text-start\">{{'APP.APPROVAL_STATUS' | customTranslate : 'Approval Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': infoData.leaveStatus === 'Approved', \n                'bg-warning': infoData.leaveStatus === 'Pending',\n                'bg-danger': infoData.leaveStatus === 'Rejected'}\">\n                {{ infoData.leaveStatus || '' }}</span>\n            </div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.REASON' | customTranslate : 'Reason'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.reason }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.TYPE' | customTranslate : 'Type'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.type }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPLIED_ON' | customTranslate : 'Applied On'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.appliedOn | date:'short' }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPROVED_COUNT' | customTranslate : 'Approved Count'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.approvedCount }}</div>\n          </div>\n        </div>\n      </div>\n    \n      <!-- Approval Managers -->\n      <!-- SK03DEC24 show approval managers list only if applicable -->\n      <h3 *ngIf=\"infoData.approvalManagers != undefined && infoData.approvalManagers.length > 0\" class=\"text-center mb-3 mt-4\" style=\"font-size: 20px\">{{'APP.APPROVAL_MANAGERS' | customTranslate : 'Approval Managers'}}</h3>\n      <ul *ngIf=\"infoData.approvalManagers != undefined && infoData.approvalManagers.length > 0\" class=\"list-group  mt-4\">\n        <li *ngFor=\"let manager of infoData.approvalManagers\" class=\"list-group-item\">\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.EMPLOYEE_ID' | customTranslate : 'Employee ID'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.employeeId }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <!-- SK10DEC24 to show manager name -->\n            <div class=\"col-6 text-start\">{{'APP.EMPLOYEE_NAME' | customTranslate : 'Employee Name'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.name }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPROVAL_ORDER' | customTranslate : 'Approval Order'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.approvalOrder }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.STATUS' | customTranslate : 'Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': manager.status === 'Approved', \n                'bg-warning': manager.status === 'Pending',\n                'bg-danger': manager.status === 'Rejected'}\">\n                {{ manager.status }}\n              </span>\n            </div>\n          </div>\n          <div class=\"row mb-3\" *ngIf=\"manager.viewedOn\">\n            <div class=\"col-6 text-start\">{{'APP.VIEWED_ON' | customTranslate : 'Viewed On'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.viewedOn | date:'short' }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.IS_OPTIONAL' | customTranslate : 'Is Optional'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.isOptional ? \"Yes\" : \"No\" }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.COMMENTS' | customTranslate : 'Comments'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.rejectionReason }}</div>\n          </div>\n        </li>\n      </ul>\n    </div>\n    \n    \n    \n  </app-common-screen>",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: CommonScreenComponent,
+				selector: "app-common-screen",
+				inputs: ["headerTitle", "dynamicScreenStyle"],
+				outputs: ["sideScreenEmittedEvent"]
+			},
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1$3.NgClass,
+				selector: "[ngClass]",
+				inputs: ["class", "ngClass"]
+			},
+			{
+				kind: "directive",
+				type: i1$3.NgForOf,
+				selector: "[ngFor][ngForOf]",
+				inputs: [
+					"ngForOf",
+					"ngForTrackBy",
+					"ngForTemplate"
+				]
+			},
+			{
+				kind: "directive",
+				type: i1$3.NgIf,
+				selector: "[ngIf]",
+				inputs: [
+					"ngIf",
+					"ngIfThen",
+					"ngIfElse"
+				]
+			},
+			{
+				kind: "pipe",
+				type: i1$3.DatePipe,
+				name: "date"
+			},
+			{
+				kind: "pipe",
+				type: CustomTranslatePipe,
+				name: "customTranslate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: ApprovalScreenComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-approval-screen",
+			standalone: true,
+			imports: [
+				CommonScreenComponent,
+				CommonModule,
+				CustomTranslatePipe
+			],
+			providers: [DatePipe],
+			template: "<app-common-screen headerTitle=\"Approval Details\" (sideScreenEmittedEvent)=\"sideScreenEmitted()\">\n    <div class=\"side-main-content container\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <!-- Approval Info -->\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.NAME' | customTranslate : 'Name'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.name }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.STATUS' | customTranslate : 'Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': infoData.status === 'Approved', \n                'bg-warning': infoData.status === 'Pending',\n                'bg-danger': infoData.status === 'Rejected'}\">\n                {{ infoData.status }}</span>\n            </div>\n          </div>\n          <div class=\"row mb-3\" *ngIf=\"!hideFields.includes('leaveStatus')\">\n            <!-- SK21DEC24 to add Approval status in side screen-->\n            <div class=\"col-6 text-start\">{{'APP.APPROVAL_STATUS' | customTranslate : 'Approval Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': infoData.leaveStatus === 'Approved', \n                'bg-warning': infoData.leaveStatus === 'Pending',\n                'bg-danger': infoData.leaveStatus === 'Rejected'}\">\n                {{ infoData.leaveStatus || '' }}</span>\n            </div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.REASON' | customTranslate : 'Reason'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.reason }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.TYPE' | customTranslate : 'Type'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.type }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPLIED_ON' | customTranslate : 'Applied On'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.appliedOn | date:'short' }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPROVED_COUNT' | customTranslate : 'Approved Count'}}:</div>\n            <div class=\"col-6 text-start\">{{ infoData.approvedCount }}</div>\n          </div>\n        </div>\n      </div>\n    \n      <!-- Approval Managers -->\n      <!-- SK03DEC24 show approval managers list only if applicable -->\n      <h3 *ngIf=\"infoData.approvalManagers != undefined && infoData.approvalManagers.length > 0\" class=\"text-center mb-3 mt-4\" style=\"font-size: 20px\">{{'APP.APPROVAL_MANAGERS' | customTranslate : 'Approval Managers'}}</h3>\n      <ul *ngIf=\"infoData.approvalManagers != undefined && infoData.approvalManagers.length > 0\" class=\"list-group  mt-4\">\n        <li *ngFor=\"let manager of infoData.approvalManagers\" class=\"list-group-item\">\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.EMPLOYEE_ID' | customTranslate : 'Employee ID'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.employeeId }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <!-- SK10DEC24 to show manager name -->\n            <div class=\"col-6 text-start\">{{'APP.EMPLOYEE_NAME' | customTranslate : 'Employee Name'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.name }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.APPROVAL_ORDER' | customTranslate : 'Approval Order'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.approvalOrder }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.STATUS' | customTranslate : 'Status'}}:</div>\n            <div class=\"col-6 text-start\">\n              <span class=\"badge custom-badge\" [ngClass]=\"{\n                'bg-success': manager.status === 'Approved', \n                'bg-warning': manager.status === 'Pending',\n                'bg-danger': manager.status === 'Rejected'}\">\n                {{ manager.status }}\n              </span>\n            </div>\n          </div>\n          <div class=\"row mb-3\" *ngIf=\"manager.viewedOn\">\n            <div class=\"col-6 text-start\">{{'APP.VIEWED_ON' | customTranslate : 'Viewed On'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.viewedOn | date:'short' }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.IS_OPTIONAL' | customTranslate : 'Is Optional'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.isOptional ? \"Yes\" : \"No\" }}</div>\n          </div>\n          <div class=\"row mb-3\">\n            <div class=\"col-6 text-start\">{{'APP.COMMENTS' | customTranslate : 'Comments'}}:</div>\n            <div class=\"col-6 text-start\">{{ manager.rejectionReason }}</div>\n          </div>\n        </li>\n      </ul>\n    </div>\n    \n    \n    \n  </app-common-screen>"
+		}]
+	}],
+	ctorParameters: () => [{
+		type: i1$3.DatePipe,
+		decorators: [{ type: Optional }]
+	}],
+	propDecorators: {
+		infoData: [{ type: Input }],
+		hideFields: [{ type: Input }],
+		approve: [{ type: Output }]
+	}
+});
 var BrowseComponent = class BrowseComponent {
 	selectedEmployee;
 	employeeFinanceInfo;
@@ -7246,6 +7377,73 @@ i0.ɵɵngDeclareClassMetadata({
 		deleteModal: [{ type: Input }]
 	}
 });
+var PdfFontService = class PdfFontService {
+	fontLoadedPromise = null;
+	configurePdfMake(pdfMakeInstance) {
+		if (!pdfMakeInstance) return;
+		pdfMakeInstance.vfs = (typeof window !== "undefined" ? window : {}).vfs || {};
+		pdfMakeInstance.fonts = { Amiri: {
+			normal: "Amiri-Regular.ttf",
+			bold: "Amiri-Regular.ttf",
+			italics: "Amiri-Regular.ttf",
+			bolditalics: "Amiri-Regular.ttf"
+		} };
+	}
+	async ensureAmiriFont(pdfMakeInstance) {
+		if (typeof window === "undefined") return;
+		const win = window;
+		if (win.vfs && win.vfs["Amiri-Regular.ttf"]) {
+			if (pdfMakeInstance) this.configurePdfMake(pdfMakeInstance);
+			return;
+		}
+		if (!this.fontLoadedPromise) this.fontLoadedPromise = new Promise((resolve) => {
+			const existing = document.querySelector("script[src*=\"vfs-amiri.js\"]");
+			if (existing) {
+				existing.addEventListener("load", () => resolve(), { once: true });
+				existing.addEventListener("error", () => resolve(), { once: true });
+				return;
+			}
+			const script = document.createElement("script");
+			script.src = "/assets/fonts/vfs-amiri.js";
+			script.async = true;
+			script.onload = () => {
+				resolve();
+			};
+			script.onerror = (err) => {
+				console.warn("MR 18OCT26 Unable to load Amiri font dynamically, falling back to default pdfMake fonts", err);
+				resolve();
+			};
+			document.head.appendChild(script);
+		});
+		await this.fontLoadedPromise;
+		if (pdfMakeInstance) this.configurePdfMake(pdfMakeInstance);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: PdfFontService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: PdfFontService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PdfFontService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
 var AmountToWordsPipe = class AmountToWordsPipe {
 	transform(value) {
 		if (value === null || value === void 0 || isNaN(value)) return "";
@@ -7285,6 +7483,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
-export { AlertService, AmountToWordsPipe, ApiService, CommonScreenComponent, ConfigService, Constants, CustomDatePipe, CustomPaginatorIntl, CustomTimePipe, CustomTranslatePipe, DataTableComponent, DropDownComponent, EditColumnCheckPipe, EditColumnDropdownPipe, EditColumnTypePipe, ErrorHandlerService, FileUploadComponent, FormsComponent, FusionButtonComponent, GetValuePipe, GlobalValuesService, LoaderService, ModalComponent, MultiCheckboxComponent, MultipleFilterComponent, PaginationComponent, PopoverComponent, ScrollService, SearchFilterComponent, SearchFilterPipe, SideScreenComponent, TabDataService, TotalColumSumPipe };
+export { AlertService, AmountToWordsPipe, ApiService, ApprovalScreenComponent, CommonScreenComponent, ConfigService, Constants, CustomDatePipe, CustomPaginatorIntl, CustomTimePipe, CustomTranslatePipe, DataTableComponent, DropDownComponent, EditColumnCheckPipe, EditColumnDropdownPipe, EditColumnTypePipe, ErrorHandlerService, FileUploadComponent, FormsComponent, FusionButtonComponent, GetValuePipe, GlobalValuesService, LoaderService, ModalComponent, MultiCheckboxComponent, MultipleFilterComponent, PaginationComponent, PdfFontService, PopoverComponent, ScrollService, SearchFilterComponent, SearchFilterPipe, SideScreenComponent, TabDataService, TotalColumSumPipe };
 
 //# sourceMappingURL=rangertechnologies-fusion-ui.mjs.map