ms-time-sheet 0.0.9 → 0.0.12

package/lib/ms-time-sheet.component.d.ts

@@ -5,6 +5,11 @@ import { BsDaterangepickerDirective, BsDaterangepickerConfig } from 'ngx-bootstr
 import { CdkDrag, CdkDragDrop, CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragMove, CdkDragSortEvent, CdkDragStart } from '@angular/cdk/drag-drop';
 import { CdkDropList } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
+export interface DateTimePrefs {
+    timeZone: string;
+    dateFormat: string;
+    timeFormat: string;
+}
 interface CellPosition {
     rowIndex: number;
     colIndex: number;
@@ -17,13 +22,13 @@ interface PerformanceMetrics {
     scrollTime: number;
     filterTime: number;
     sortTime: number;
-    infiniteScrollTime: number;
     lastRenderStart: number;
     renderCount: number;
 }
 export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
     private injector;
     private vcr;
+    private commonService;
     expandedRows: Set<string>;
     onShortBreakClick: EventEmitter<any>;
     searchEvent: EventEmitter<any>;
@@ -47,9 +52,6 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     private lastScrollTop;
     private scrollVelocity;
     private scrollAcceleration;
-    private dataLoadQueue;
-    private isLoadingData;
-    private lastScrollPosition;
     private componentRefs;
     private eventListeners;
     private resizeObservers;
@@ -153,6 +155,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
         showResetColumns: boolean;
     };
     timezonePrefs: any;
+    prefs: DateTimePrefs;
     shouldShowButton(condition: string | null): boolean;
     getButtonPermission(button: any): boolean;
     enableProgressiveLoading: boolean;
@@ -161,12 +164,9 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     private progressiveLoadingChunks;
     private progressiveLoadingIndex;
     private isProgressiveLoading;
-    enableInfiniteScroll: boolean;
-    hasMoreData: boolean;
-    loadingMore: boolean;
-    loadMoreData: EventEmitter<void>;
     changeLayout: EventEmitter<any>;
     filterOptions: EventEmitter<any>;
+    filterCleared: EventEmitter<boolean>;
     genericEvent: EventEmitter<any>;
     tablePresetConfig: EventEmitter<any>;
     sortingOrderOptions: EventEmitter<any>;
@@ -255,7 +255,8 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
         replace: string;
     }[];
     transformStatus(status: string): string;
-    constructor(injector: Injector, vcr: ViewContainerRef);
+    constructor(injector: Injector, vcr: ViewContainerRef, commonService: CommonService);
+    private datePipe;
     ngOnInit(): void;
     private initializeLazyModules;
     private initializeReactiveStreams;
@@ -271,15 +272,8 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     private calculateStartIndex;
     private calculateTranslateY;
     private previousScrollDirection;
-    private handleAdvancedInfiniteScroll;
-    private adaptiveDataWindowing;
-    private isPrefetching;
-    private prefetchData;
-    private prefetchNextBatch;
     private handleOptimizedFilter;
     private handleViewportResize;
-    private loadMoreDataOptimized;
-    private optimizeDataWindow;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     applyFilteroptionList(): Promise<void>;
     leftPinnedColumns: any[];
@@ -414,7 +408,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     closeFilterDropdowns(event: MouseEvent): void;
     private hasParentWithClass;
     isMenueHidden: boolean;
-    openThreeDotsMenu(event: MouseEvent, child: any): void;
+    openThreeDotsMenu(event: MouseEvent, child: any, keepOriginalPosition?: boolean): void;
     sortAsc(col: any): void;
     sortDesc(col: any): void;
     resetSort(col: any): void;
@@ -560,6 +554,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     isFilterOpen: boolean;
     selectedColumnForFilter: any;
     showFilters: boolean;
+    columnFilter: string;
     openFilter(col: any): void;
     firstValue: any;
     firstCondition: string;
@@ -605,6 +600,11 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     trackByTable(index: number): number;
     activeRow: any;
     activeRowCol: any;
+    isMandatory(col: any): boolean;
+    areAllNonMandatoryVisible(): boolean;
+    areAllNonMandatoryHidden(): boolean;
+    toggleAllVisibleColumns(): void;
+    toggleAllInvisibleColumns(): void;
     getCellKey(row: any, col: any): string;
     expandedCells: Map<string, number>;
     private zCounter;
@@ -757,7 +757,6 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     showCustomTooltip(event: MouseEvent, dataItem: any, field: string): void;
     private currentTooltip;
     getEmployeeNameTitle(row: any): string;
-    getTooltipContent(dataItem: any, field: string): string;
     minuteOptions: number[];
     tooltipMinutes: number;
     formattedDuration: string;
@@ -918,12 +917,13 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     getActivityForDate(date: Date): number;
     getHeatmapColor(activity: number): string;
     getHeatmapTooltip(day: any): string;
-    formatDate(date: string | Date): string;
+    getTimeValue(value: any): string;
+    formatTime(value: any): string;
     showShortLeaveTooltip(event: MouseEvent, row: any): void;
     hideShortLeaveTooltip(): void;
     preventShortLeaveTooltipHide(): void;
     onDetailBadgeOverflowCountClick(col: any, detailRow: any, badgeComponent?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSheetComponent, "time-sheet", never, { "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "dataSet": { "alias": "dataSet"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "headerRowHeight": { "alias": "headerRowHeight"; "required": false; }; "showVerticalBorder": { "alias": "showVerticalBorder"; "required": false; }; "evenRowsBackgroundColor": { "alias": "evenRowsBackgroundColor"; "required": false; }; "oddRowsBackgroundColor": { "alias": "oddRowsBackgroundColor"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "checkboxesBackgroundColor": { "alias": "checkboxesBackgroundColor"; "required": false; }; "showColumnsGrouping": { "alias": "showColumnsGrouping"; "required": false; }; "rowHoverColor": { "alias": "rowHoverColor"; "required": false; }; "leftPinnedBackgroundColor": { "alias": "leftPinnedBackgroundColor"; "required": false; }; "bodyBackgroundColor": { "alias": "bodyBackgroundColor"; "required": false; }; "rightPinnedBackgroundColor": { "alias": "rightPinnedBackgroundColor"; "required": false; }; "sidemenuBackgroundColor": { "alias": "sidemenuBackgroundColor"; "required": false; }; "bodyTextColor": { "alias": "bodyTextColor"; "required": false; }; "headerTextColor": { "alias": "headerTextColor"; "required": false; }; "headerTextFontsSize": { "alias": "headerTextFontsSize"; "required": false; }; "bodyTextFontsSize": { "alias": "bodyTextFontsSize"; "required": false; }; "headerFontWeight": { "alias": "headerFontWeight"; "required": false; }; "bodyFontWeight": { "alias": "bodyFontWeight"; "required": false; }; "checkedRowBackgroundColor": { "alias": "checkedRowBackgroundColor"; "required": false; }; "dropdownsBackgroundColor": { "alias": "dropdownsBackgroundColor"; "required": false; }; "footerRowHeight": { "alias": "footerRowHeight"; "required": false; }; "topGroupedBadgesBackgroundColor": { "alias": "topGroupedBadgesBackgroundColor"; "required": false; }; "showRowsGrouping": { "alias": "showRowsGrouping"; "required": false; }; "showFilterRow": { "alias": "showFilterRow"; "required": false; }; "fontFaimly": { "alias": "fontFaimly"; "required": false; }; "showSideMenu": { "alias": "showSideMenu"; "required": false; }; "footerPadding": { "alias": "footerPadding"; "required": false; }; "topFilterRowHeight": { "alias": "topFilterRowHeight"; "required": false; }; "rowShadingEnabled": { "alias": "rowShadingEnabled"; "required": false; }; "showSerialNumber": { "alias": "showSerialNumber"; "required": false; }; "enableExport": { "alias": "enableExport"; "required": false; }; "singleSpaAssetsPath": { "alias": "singleSpaAssetsPath"; "required": false; }; "filtersConfig": { "alias": "filtersConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "verticalScrollbarWidth": { "alias": "verticalScrollbarWidth"; "required": false; }; "horizintalScrollbarWidth": { "alias": "horizintalScrollbarWidth"; "required": false; }; "showCellDetailsBox": { "alias": "showCellDetailsBox"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "tableSearch": { "alias": "tableSearch"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "config": { "alias": "config"; "required": false; }; "showTaskbar": { "alias": "showTaskbar"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "listingType": { "alias": "listingType"; "required": false; }; "checkboxState": { "alias": "checkboxState"; "required": false; }; "taskbarActions": { "alias": "taskbarActions"; "required": false; }; "sortingConfig": { "alias": "sortingConfig"; "required": false; }; "tableFilterViewId": { "alias": "tableFilterViewId"; "required": false; }; "selectedTableLayout": { "alias": "selectedTableLayout"; "required": false; }; "selectedPresetId": { "alias": "selectedPresetId"; "required": false; }; "closeDropdown": { "alias": "closeDropdown"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "nestedTablerowFontsize": { "alias": "nestedTablerowFontsize"; "required": false; }; "nestedTableHeaderRowHeight": { "alias": "nestedTableHeaderRowHeight"; "required": false; }; "nestedTablerowHeight": { "alias": "nestedTablerowHeight"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "isSingleDay": { "alias": "isSingleDay"; "required": false; }; "leftPinnedBoxshadow": { "alias": "leftPinnedBoxshadow"; "required": false; }; "rightPinnedBoxshadow": { "alias": "rightPinnedBoxshadow"; "required": false; }; "enableAccordionShadow": { "alias": "enableAccordionShadow"; "required": false; }; "enableAccordionSeparators": { "alias": "enableAccordionSeparators"; "required": false; }; "enableRowShading": { "alias": "enableRowShading"; "required": false; }; "selectedRowsBackgroundColor": { "alias": "selectedRowsBackgroundColor"; "required": false; }; "nestedTableHeaderBAckgroundColor": { "alias": "nestedTableHeaderBAckgroundColor"; "required": false; }; "tableView": { "alias": "tableView"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; "timezonePrefs": { "alias": "timezonePrefs"; "required": false; }; "enableProgressiveLoading": { "alias": "enableProgressiveLoading"; "required": false; }; "progressiveChunkSize": { "alias": "progressiveChunkSize"; "required": false; }; "progressiveDelay": { "alias": "progressiveDelay"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "hasMoreData": { "alias": "hasMoreData"; "required": false; }; "loadingMore": { "alias": "loadingMore"; "required": false; }; "detailsIconPosition": { "alias": "detailsIconPosition"; "required": false; }; "detailsPosition": { "alias": "detailsPosition"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "isStartDateNotEqualToEndDate": { "alias": "isStartDateNotEqualToEndDate"; "required": false; }; }, { "onShortBreakClick": "onShortBreakClick"; "searchEvent": "searchEvent"; "loadMoreData": "loadMoreData"; "changeLayout": "changeLayout"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; "loadMore": "loadMore"; "emailClicked": "emailClicked"; "addAttendanceClicked": "addAttendanceClicked"; "backPayClicked": "backPayClicked"; "grandTotalClicked": "grandTotalClicked"; "printClicked": "printClicked"; "exportClicked": "exportClicked"; "exportDailyClicked": "exportDailyClicked"; "deleteClicked": "deleteClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSheetComponent, "time-sheet", never, { "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "dataSet": { "alias": "dataSet"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "headerRowHeight": { "alias": "headerRowHeight"; "required": false; }; "showVerticalBorder": { "alias": "showVerticalBorder"; "required": false; }; "evenRowsBackgroundColor": { "alias": "evenRowsBackgroundColor"; "required": false; }; "oddRowsBackgroundColor": { "alias": "oddRowsBackgroundColor"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "checkboxesBackgroundColor": { "alias": "checkboxesBackgroundColor"; "required": false; }; "showColumnsGrouping": { "alias": "showColumnsGrouping"; "required": false; }; "rowHoverColor": { "alias": "rowHoverColor"; "required": false; }; "leftPinnedBackgroundColor": { "alias": "leftPinnedBackgroundColor"; "required": false; }; "bodyBackgroundColor": { "alias": "bodyBackgroundColor"; "required": false; }; "rightPinnedBackgroundColor": { "alias": "rightPinnedBackgroundColor"; "required": false; }; "sidemenuBackgroundColor": { "alias": "sidemenuBackgroundColor"; "required": false; }; "bodyTextColor": { "alias": "bodyTextColor"; "required": false; }; "headerTextColor": { "alias": "headerTextColor"; "required": false; }; "headerTextFontsSize": { "alias": "headerTextFontsSize"; "required": false; }; "bodyTextFontsSize": { "alias": "bodyTextFontsSize"; "required": false; }; "headerFontWeight": { "alias": "headerFontWeight"; "required": false; }; "bodyFontWeight": { "alias": "bodyFontWeight"; "required": false; }; "checkedRowBackgroundColor": { "alias": "checkedRowBackgroundColor"; "required": false; }; "dropdownsBackgroundColor": { "alias": "dropdownsBackgroundColor"; "required": false; }; "footerRowHeight": { "alias": "footerRowHeight"; "required": false; }; "topGroupedBadgesBackgroundColor": { "alias": "topGroupedBadgesBackgroundColor"; "required": false; }; "showRowsGrouping": { "alias": "showRowsGrouping"; "required": false; }; "showFilterRow": { "alias": "showFilterRow"; "required": false; }; "fontFaimly": { "alias": "fontFaimly"; "required": false; }; "showSideMenu": { "alias": "showSideMenu"; "required": false; }; "footerPadding": { "alias": "footerPadding"; "required": false; }; "topFilterRowHeight": { "alias": "topFilterRowHeight"; "required": false; }; "rowShadingEnabled": { "alias": "rowShadingEnabled"; "required": false; }; "showSerialNumber": { "alias": "showSerialNumber"; "required": false; }; "enableExport": { "alias": "enableExport"; "required": false; }; "singleSpaAssetsPath": { "alias": "singleSpaAssetsPath"; "required": false; }; "filtersConfig": { "alias": "filtersConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "verticalScrollbarWidth": { "alias": "verticalScrollbarWidth"; "required": false; }; "horizintalScrollbarWidth": { "alias": "horizintalScrollbarWidth"; "required": false; }; "showCellDetailsBox": { "alias": "showCellDetailsBox"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "tableSearch": { "alias": "tableSearch"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "config": { "alias": "config"; "required": false; }; "showTaskbar": { "alias": "showTaskbar"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "listingType": { "alias": "listingType"; "required": false; }; "checkboxState": { "alias": "checkboxState"; "required": false; }; "taskbarActions": { "alias": "taskbarActions"; "required": false; }; "sortingConfig": { "alias": "sortingConfig"; "required": false; }; "tableFilterViewId": { "alias": "tableFilterViewId"; "required": false; }; "selectedTableLayout": { "alias": "selectedTableLayout"; "required": false; }; "selectedPresetId": { "alias": "selectedPresetId"; "required": false; }; "closeDropdown": { "alias": "closeDropdown"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "nestedTablerowFontsize": { "alias": "nestedTablerowFontsize"; "required": false; }; "nestedTableHeaderRowHeight": { "alias": "nestedTableHeaderRowHeight"; "required": false; }; "nestedTablerowHeight": { "alias": "nestedTablerowHeight"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "isSingleDay": { "alias": "isSingleDay"; "required": false; }; "leftPinnedBoxshadow": { "alias": "leftPinnedBoxshadow"; "required": false; }; "rightPinnedBoxshadow": { "alias": "rightPinnedBoxshadow"; "required": false; }; "enableAccordionShadow": { "alias": "enableAccordionShadow"; "required": false; }; "enableAccordionSeparators": { "alias": "enableAccordionSeparators"; "required": false; }; "enableRowShading": { "alias": "enableRowShading"; "required": false; }; "selectedRowsBackgroundColor": { "alias": "selectedRowsBackgroundColor"; "required": false; }; "nestedTableHeaderBAckgroundColor": { "alias": "nestedTableHeaderBAckgroundColor"; "required": false; }; "tableView": { "alias": "tableView"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; "timezonePrefs": { "alias": "timezonePrefs"; "required": false; }; "enableProgressiveLoading": { "alias": "enableProgressiveLoading"; "required": false; }; "progressiveChunkSize": { "alias": "progressiveChunkSize"; "required": false; }; "progressiveDelay": { "alias": "progressiveDelay"; "required": false; }; "detailsIconPosition": { "alias": "detailsIconPosition"; "required": false; }; "detailsPosition": { "alias": "detailsPosition"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "isStartDateNotEqualToEndDate": { "alias": "isStartDateNotEqualToEndDate"; "required": false; }; }, { "onShortBreakClick": "onShortBreakClick"; "searchEvent": "searchEvent"; "changeLayout": "changeLayout"; "filterOptions": "filterOptions"; "filterCleared": "filterCleared"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; "loadMore": "loadMore"; "emailClicked": "emailClicked"; "addAttendanceClicked": "addAttendanceClicked"; "backPayClicked": "backPayClicked"; "grandTotalClicked": "grandTotalClicked"; "printClicked": "printClicked"; "exportClicked": "exportClicked"; "exportDailyClicked": "exportDailyClicked"; "deleteClicked": "deleteClicked"; }, never, never, true, never>;
 }
 export {};

package/lib/pipes/timezone-format.pipe.d.ts

@@ -0,0 +1,15 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TimezoneFormatPipe implements PipeTransform {
+    private formatCache;
+    transform(value: string | Date | null | undefined, prefs?: {
+        timeZone: string;
+        dateFormat: string;
+        timeFormat: string;
+    }, formatType?: 'date' | 'time' | 'datetime'): string;
+    private formatDate;
+    private parseFormatToIntlOptions;
+    private convertAngularToMomentFormat;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimezoneFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimezoneFormatPipe, "timezoneFormat", true>;
+}

package/lib/services/common.service.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CommonService {
     constructor();
@@ -9,6 +10,15 @@ export declare class CommonService {
     getExpandedRowCount(data: any[]): number;
     getFiltersFromColumns(columns: any[], filtersConfig: any[]): any[];
     applyFiltersToColumns(columns: any[], filters: any[]): Promise<any[]>;
+    globalSearch: EventEmitter<any>;
+    private userData;
+    setUserData(user: any): void;
+    formatDateTimeWithPrefs(): {
+        timeZone: any;
+        dateFormat: string;
+        timeFormat: string;
+    };
+    private convertMomentToAngularDateFormat;
     activeFilteredColumns: any[];
     updateActiveFilteredColumns(columns: any[]): any[];
     hasFieldChanged(current: any, original: any, type: string): boolean;

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "ms-time-sheet",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
-    "@angular/core": "^18.2.0"
+    "@angular/core": "^18.2.0",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.45"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,2 +1,4 @@
 export * from './lib/ms-time-sheet.service';
 export * from './lib/ms-time-sheet.component';
+export * from './lib/services/common.service';
+export * from './lib/pipes/timezone-format.pipe';