@rangertechnologies/fusion-ui 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rangertechnologies/fusion-ui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "author": "Mohamed Riyaz Y",
   "license": "ISC",
   "description": "Shared component library for Fusion platform and micro-frontends",

package/styles/tabs.css

@@ -0,0 +1,87 @@
+/* MR 09NOV26 Standardize tabs and sub-tabs to modern underline indicator specification */
+
+/* ==========================================================================
+   Main Navigation Tabs (.fc-tabs / .nav-tabs)
+   ========================================================================== */
+
+.nav-tabs,
+.fc-tabs {
+  display: flex;
+  flex-wrap: nowrap;
+  border-bottom: 1px solid var(--border-color, #E2E8F0);
+  gap: 4px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.nav-tabs .nav-link,
+.fc-tabs .nav-link {
+  background-color: transparent;
+  border: none;
+  border-bottom: 3.5px solid transparent;
+  margin-bottom: -1px; /* Sits flush on top of the 1px container border */
+  font-size: var(--fs-normal, 14px);
+  font-weight: var(--fw-500, 500);
+  color: var(--label-text-color, #475569);
+  padding: 10px 18px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+.nav-tabs .nav-link:hover,
+.fc-tabs .nav-link:hover {
+  color: var(--fc-text-color-dark, #0F172A);
+}
+
+.nav-tabs .nav-link.active,
+.fc-tabs .nav-link.active {
+  color: var(--fc-primary-color, #0140C1);
+  font-weight: var(--fw-600, 600);
+  border-bottom: 3.5px solid var(--fc-primary-color, #0140C1);
+}
+
+/* ==========================================================================
+   Secondary Sub-Tabs (.sub-nav-head / .sub-nav)
+   ========================================================================== */
+
+.sub-nav-head {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--border-color, #E2E8F0);
+  gap: 4px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.sub-nav {
+  background: transparent;
+  border: none;
+  border-bottom: 3.5px solid transparent;
+  margin-bottom: -1px;
+  padding: 8px 16px;
+  font-size: var(--fs-normal, 14px);
+  font-weight: var(--fw-500, 500);
+  color: var(--label-text-color, #475569);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+.sub-nav:hover {
+  color: var(--fc-text-color-dark, #0F172A);
+}
+
+.sub-nav.active {
+  color: var(--fc-primary-color, #0140C1);
+  font-weight: var(--fw-600, 600);
+  border-bottom: 3.5px solid var(--fc-primary-color, #0140C1);
+}
+

package/types/rangertechnologies-fusion-ui.d.ts

@@ -1,16 +1,17 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, PipeTransform, QueryList, SimpleChanges } from "@angular/core";
+import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnChanges, OnDestroy, OnInit, PipeTransform, QueryList, Renderer2, SimpleChanges } from "@angular/core";
 import { Observable, Subject, Subscription } from "rxjs";
 import { HttpClient, HttpErrorResponse, HttpHeaders, HttpParams, HttpResponse } from "@angular/common/http";
 import { Overlay, ScrollStrategy } from "@angular/cdk/overlay";
 import { Modal } from "bootstrap";
-import { FormBuilder, FormGroup } from "@angular/forms";
+import { FormBuilder, FormControl, FormGroup } from "@angular/forms";
 import { DatePipe } from "@angular/common";
 import { TranslateService } from "@ngx-translate/core";
 import { Router } from "@angular/router";
 import { MatTableDataSource } from "@angular/material/table";
-import { MatPaginator, MatPaginatorIntl } from "@angular/material/paginator";
 import { MatSort } from "@angular/material/sort";
+import { MatPaginator, MatPaginatorIntl } from "@angular/material/paginator";
+import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
 export declare class FusionButtonComponent implements OnInit {
   private elementRef;
   private cdr;
@@ -1161,11 +1162,25 @@ export declare class DataTableComponent implements OnInit {
   dropdownLists: any;
   dateDropdown: boolean;
   from: any;
+  isSandwichLeave: boolean;
+  isCheckButton: boolean;
+  monthArray: any;
+  yearArray: any;
+  year: any;
+  month: any;
+  button: any;
+  exportDisable: boolean;
+  defaultWorkingHours: number;
+  set saveLOP(val: boolean);
+  get saveLOP(): boolean;
+  isAttendanceTable: boolean;
   dateEmit: EventEmitter<any>;
   selectedValues: EventEmitter<any[]>;
   tableRowClick: EventEmitter<any>;
+  rowClick: EventEmitter<any>;
   filteredArray: EventEmitter<any>;
   searchFilterData: EventEmitter<any>;
+  searchValueChange: EventEmitter<any>;
   onEditData: EventEmitter<any>;
   onCloneData: EventEmitter<any>;
   onSendData: EventEmitter<any>;
@@ -1203,6 +1218,13 @@ export declare class DataTableComponent implements OnInit {
   }>;
   searchText: EventEmitter<string>;
   dropdownDataEmit: EventEmitter<any>;
+  checkClicked: EventEmitter<any>;
+  yearDataEmit: EventEmitter<any>;
+  selectedValueEmit: EventEmitter<any>;
+  monthDataEmit: EventEmitter<any>;
+  doubleClickEmit: EventEmitter<any>;
+  hyperLinkClickEmit: EventEmitter<any>;
+  tableParamsChange: EventEmitter<any>;
   paginator: MatPaginator;
   sort: MatSort;
   editInput: ElementRef;
@@ -1314,8 +1336,33 @@ export declare class DataTableComponent implements OnInit {
   isObjectColumn(column: string): boolean;
   onSideNavInfoClick(data: any, col: any, config: any): void;
   onColumnClick(column: string): void;
+  selectedMonth: number;
+  selectedYear: number;
+  popupOpen: boolean;
+  confirmModal: boolean;
+  months: string[];
+  weekendColumnsSet: Set<string>;
+  futureColumnsSet: Set<string>;
+  todayColumn: string | null;
+  leaveTypeSet: Set<string>;
+  updateDateLookups(): void;
+  isWeekend(column: string): boolean;
+  isToday(column: string): boolean;
+  isFutureDate(column: string): boolean;
+  getInitials(name: string): string;
+  isNearTarget(workingDays: any, totalDays: any): boolean;
+  isLeaveType(status: any): boolean;
+  prevMonth(): void;
+  nextMonth(): void;
+  togglePopup(): void;
+  selectMonth(monthIndex: number): void;
+  changeYear(step: number): void;
+  emitSelection(): void;
+  checkButtonClicked(): void;
+  doubleClickFunction(element: any, data: any, presentData: any): void;
+  getMonthNumber(month: any): number;
   static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "app-data-table", never, {
+  static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "app-data-table, app-data-table-two", never, {
     "data": {
       "alias": "data";
       "required": false;
@@ -1564,6 +1611,50 @@ export declare class DataTableComponent implements OnInit {
       "alias": "from";
       "required": false;
     };
+    "isSandwichLeave": {
+      "alias": "isSandwichLeave";
+      "required": false;
+    };
+    "isCheckButton": {
+      "alias": "isCheckButton";
+      "required": false;
+    };
+    "monthArray": {
+      "alias": "monthArray";
+      "required": false;
+    };
+    "yearArray": {
+      "alias": "yearArray";
+      "required": false;
+    };
+    "year": {
+      "alias": "year";
+      "required": false;
+    };
+    "month": {
+      "alias": "month";
+      "required": false;
+    };
+    "button": {
+      "alias": "button";
+      "required": false;
+    };
+    "exportDisable": {
+      "alias": "exportDisable";
+      "required": false;
+    };
+    "defaultWorkingHours": {
+      "alias": "defaultWorkingHours";
+      "required": false;
+    };
+    "saveLOP": {
+      "alias": "saveLOP";
+      "required": false;
+    };
+    "isAttendanceTable": {
+      "alias": "isAttendanceTable";
+      "required": false;
+    };
     "exportButtonLoadingSpinner": {
       "alias": "exportButtonLoadingSpinner";
       "required": false;
@@ -1580,8 +1671,10 @@ export declare class DataTableComponent implements OnInit {
     "dateEmit": "dateEmit";
     "selectedValues": "selectedValues";
     "tableRowClick": "tableRowClick";
+    "rowClick": "rowClick";
     "filteredArray": "filteredArray";
     "searchFilterData": "searchFilterData";
+    "searchValueChange": "searchValueChange";
     "onEditData": "onEditData";
     "onCloneData": "onCloneData";
     "onSendData": "onSendData";
@@ -1608,8 +1701,247 @@ export declare class DataTableComponent implements OnInit {
     "sideNavEmit": "sideNavEmit";
     "searchText": "searchText";
     "dropdownDataEmit": "dropdownDataEmit";
+    "checkClicked": "checkClicked";
+    "yearDataEmit": "yearDataEmit";
+    "selectedValueEmit": "selectedValueEmit";
+    "monthDataEmit": "monthDataEmit";
+    "doubleClickEmit": "doubleClickEmit";
+    "hyperLinkClickEmit": "hyperLinkClickEmit";
+    "tableParamsChange": "tableParamsChange";
+  }, never, ["[table-toolbar-left]", "[table-toolbar-right]"], true, never>;
+}
+export declare class FusionCardComponent implements OnInit {
+  private sanitizer;
+  private renderer;
+  private apiService;
+  private datePipe;
+  private loaderService;
+  private cdr;
+  private _cardData;
+  set cardData(data: any);
+  get cardData(): any[];
+  from: any;
+  comp: any;
+  cardButtonEmit: EventEmitter<any>;
+  deleteModal: boolean;
+  deleteData: any;
+  currentOpenIndex: number | null;
+  clickListener: any;
+  modalDirect: Modal;
+  safeSrc: SafeResourceUrl | null;
+  isLoading: boolean[];
+  isViewLoading: boolean[];
+  popupTitle: any;
+  file: ElementRef<any>;
+  isCardLoading: any;
+  constructor(sanitizer: DomSanitizer, renderer: Renderer2, apiService: ApiService, datePipe: DatePipe, loaderService: LoaderService, cdr: ChangeDetectorRef);
+  ngOnInit(): void;
+  private calculateCardMarginTop;
+  deleteRecord(data: any): void;
+  deleteRecordData(): void;
+  actionButtonClicked(event: any, card: any): void;
+  isConditionMet(element: any, conditions: any): boolean;
+  toggleDropdown(index: number): void;
+  private addClickOutsideListener;
+  private removeClickListener;
+  onMouseEnter(event: MouseEvent, styleName: any, color: string): void;
+  onMouseLeave(event: MouseEvent, styleName: any, color: string): void;
+  fileClick(evt: any, index: number): void;
+  closeModal(): void;
+  private stopViewLoader;
+  downloadFile(evt: any, index: number): void;
+  private triggerDownload;
+  private stopLoader;
+  static ɵfac: i0.ɵɵFactoryDeclaration<FusionCardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<FusionCardComponent, "fusion-card", never, {
+    "cardData": {
+      "alias": "cardData";
+      "required": false;
+    };
+    "from": {
+      "alias": "from";
+      "required": false;
+    };
+    "comp": {
+      "alias": "comp";
+      "required": false;
+    };
+  }, {
+    "cardButtonEmit": "cardButtonEmit";
+  }, never, never, true, never>;
+}
+export type ToastType = 'success' | 'error' | 'info' | 'warning' | 'custom';
+export interface ToastConfig {
+  id?: string;
+  type?: ToastType;
+  title?: string;
+  message: string;
+  duration?: number;
+  icon?: string | null;
+  background?: string | null;
+  textColor?: string | null;
+  pauseOnHover?: boolean;
+  _leaving?: boolean;
+}
+export interface ToastGlobalConfig {
+  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+  defaultDuration?: number;
+  enableAnimation?: boolean;
+  pauseOnHover?: boolean;
+  maxToasts?: number;
+}
+export declare class ToastService {
+  private _toasts$;
+  readonly toasts$: import("rxjs").Observable<ToastConfig[]>;
+  private global;
+  private removalTimers;
+  constructor(cfg?: ToastGlobalConfig);
+  private get toasts();
+  private emit;
+  private scheduleRemoval;
+  private clearRemovalTimer;
+  show(cfg: ToastConfig): string;
+  showSuccess(message: string, title?: string, opts?: Partial<ToastConfig>): string;
+  showError(message: string, title?: string, opts?: Partial<ToastConfig>): string;
+  showInfo(message: string, title?: string, opts?: Partial<ToastConfig>): string;
+  showWarning(message: string, title?: string, opts?: Partial<ToastConfig>): string;
+  startLeavingAndRemove(id: string): void;
+  remove(id: string): void;
+  clear(): void;
+  pause(id: string): void;
+  resume(id: string, remaining?: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, [{
+    optional: true;
+  }]>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export declare class ToastComponent implements OnInit, OnDestroy {
+  private toastService;
+  private el;
+  private cdr;
+  private globalCfg?;
+  toasts: ToastConfig[];
+  private sub;
+  position: ToastGlobalConfig['position'];
+  enableAnimation?: boolean;
+  pauseOnHover?: boolean;
+  defaultDuration?: number;
+  positionClass: string;
+  constructor(toastService: ToastService, el: ElementRef, cdr: ChangeDetectorRef, globalCfg?: ToastGlobalConfig | undefined);
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  trackById(_: number, t: ToastConfig): string | undefined;
+  dismiss(id?: string): void;
+  onMouseEnter(t: ToastConfig, e: MouseEvent): void;
+  onMouseLeave(t: ToastConfig, e: MouseEvent): void;
+  progressState(): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, [null, null, null, {
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "app-toast, fusion-toast", never, {
+    "position": {
+      "alias": "position";
+      "required": false;
+    };
+    "enableAnimation": {
+      "alias": "enableAnimation";
+      "required": false;
+    };
+    "pauseOnHover": {
+      "alias": "pauseOnHover";
+      "required": false;
+    };
+    "defaultDuration": {
+      "alias": "defaultDuration";
+      "required": false;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const TOAST_GLOBAL_CONFIG: InjectionToken<ToastGlobalConfig>;
+export declare function provideToastConfig(config: ToastGlobalConfig): {
+  provide: InjectionToken<ToastGlobalConfig>;
+  useValue: ToastGlobalConfig;
+}[];
+export declare class MultiSelectDropdownComponent implements OnChanges, OnInit, OnDestroy {
+  private cdr;
+  label: string;
+  list: any[];
+  isAll: boolean;
+  shareCheckedList: EventEmitter<string[]>;
+  control: FormControl<any[] | null>;
+  filteredItemList: any[];
+  selectedItemList: any[];
+  value: string;
+  private destroy$;
+  constructor(cdr: ChangeDetectorRef);
+  ngOnChanges(changes: SimpleChanges): void;
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  compareItems(o1: any, o2: any): boolean;
+  toggleSelectAll(): void;
+  isAllSelected(): boolean;
+  onFilterChange(event: string): void;
+  clearFilter(): void;
+  removeChip(item: any): void;
+  private emitSelectedIds;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "app-multi-select-dropdown, fusion-multi-select-dropdown", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+    };
+    "list": {
+      "alias": "list";
+      "required": false;
+    };
+    "isAll": {
+      "alias": "isAll";
+      "required": false;
+    };
+  }, {
+    "shareCheckedList": "shareCheckedList";
   }, never, never, true, never>;
 }
+export type AlertType = 'success' | 'failure' | 'error' | 'warning' | 'info';
+export declare class AlertMessageComponent implements OnInit, OnDestroy {
+  private cdr;
+  private alertService?;
+  type: AlertType;
+  message: string;
+  dismissible: boolean;
+  autoSubscribeAlertService: boolean;
+  dismiss: EventEmitter<void>;
+  visible: boolean;
+  private sub?;
+  constructor(cdr: ChangeDetectorRef, alertService?: AlertService | undefined);
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  onDismiss(): void;
+  get normalizedType(): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<AlertMessageComponent, [null, {
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<AlertMessageComponent, "fusion-alert, app-success-failure-message", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+    };
+    "message": {
+      "alias": "message";
+      "required": false;
+    };
+    "dismissible": {
+      "alias": "dismissible";
+      "required": false;
+    };
+    "autoSubscribeAlertService": {
+      "alias": "autoSubscribeAlertService";
+      "required": false;
+    };
+  }, {
+    "dismiss": "dismiss";
+  }, never, ["[alert-icon]", "*"], true, never>;
+}
 export declare class GetValuePipe implements PipeTransform {
   transform(arg: any, element: any, column: any): any;
   private looksLikeDate;