ms-time-sheet 0.0.8 → 0.0.9

package/lib/components/badge-overflow/badge-overflow.component.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface BadgeItem {
+    text: string;
+    class?: string;
+    tooltip?: string;
+    data?: any;
+}
+export declare class BadgeOverflowComponent implements AfterViewInit, OnDestroy {
+    private elementRef;
+    private cdr;
+    badges: BadgeItem[];
+    maxWidth: number;
+    badgeMouseEnter: EventEmitter<{
+        event: MouseEvent;
+        badge: BadgeItem;
+    }>;
+    badgeMouseLeave: EventEmitter<{
+        event: MouseEvent;
+        badge: BadgeItem;
+    }>;
+    overflowCountClick: EventEmitter<{
+        event: MouseEvent;
+        overflowBadges: BadgeItem[];
+    }>;
+    visibleBadges: BadgeItem[];
+    overflowBadges: BadgeItem[];
+    overflowCount: number;
+    private resizeObserver;
+    private containerElement;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupResizeObserver;
+    private updateBadgeVisibility;
+    private estimateBadgeWidth;
+    private estimateCountBadgeWidth;
+    getOverflowTooltip(): string;
+    onBadgeMouseEnter(event: MouseEvent, badge: BadgeItem): void;
+    onBadgeMouseLeave(event: MouseEvent, badge: BadgeItem): void;
+    onOverflowCountClick(event: MouseEvent): void;
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeOverflowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeOverflowComponent, "app-badge-overflow", never, { "badges": { "alias": "badges"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "badgeMouseEnter": "badgeMouseEnter"; "badgeMouseLeave": "badgeMouseLeave"; "overflowCountClick": "overflowCountClick"; }, never, never, true, never>;
+}

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

@@ -115,8 +115,11 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
         field: string;
         order_by: string;
     } | null;
-    tableFilterViewId: any;
+    set tableFilterViewId(value: any);
+    get tableFilterViewId(): any;
+    private _tableFilterViewId;
     selectedTableLayout: any;
+    selectedPresetId: any;
     closeDropdown: {
         preset: {
             closed: boolean;
@@ -170,6 +173,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     createUpdateConfigListing: EventEmitter<any>;
     currentBreakTooltip: any;
     currentShortBreakTooltip: any;
+    currentOverflowBreakTooltip: any[];
     tooltipPosition: {
         x: number;
         y: number;
@@ -190,15 +194,25 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     };
     currentShortLeaveData: any[];
     shortLeaveTooltipMoused: boolean;
+    overflowBreakTooltipVisible: boolean;
+    overflowBreakTooltipPosition: {
+        x: number;
+        y: number;
+    };
+    private tooltipShowTimeout;
+    private tooltipHideTimeout;
     showBreakTooltip(event: MouseEvent, breakItem: any): void;
     showShortBreakTooltip(event: MouseEvent, shortBreak: any, type?: string): void;
     setPosition(event: MouseEvent): void;
     hideBreakTooltip(): void;
+    showOverflowBreakTooltip(event: MouseEvent, overflowBadges: any[]): void;
+    hideOverflowBreakTooltip(): void;
     getBreakTooltip(breakItem: any): string;
     hasManualLogs(row: any): boolean;
     preventManualLogsTooltipHide(): void;
     getBreakColor(type: string): string;
     getBreakColorClass(type: string): string;
+    getBreakBadges(breaks: any[]): any[];
     groupedColumns: any[];
     activeCol: any;
     activeFilterCell: any;
@@ -227,6 +241,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     isThreeDotsFilterOpen: boolean;
     confirmDelete: boolean;
     subMenueOpendField: string;
+    openDropdownId: string | null;
     fontFamilies: string[];
     fontSizes: string[];
     private columnService;
@@ -454,6 +469,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     get dataSetLength(): number;
     onResize(event: UIEvent): void;
     refreshHeaders(): Promise<void>;
+    onBadgeOverflowCountClick(col: any): Promise<void>;
     get hasAnyVisibleColumn(): boolean;
     get hasAnyInVisibleColumn(): boolean;
     get columnsCount(): number;
@@ -583,6 +599,7 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     onPageSizeChange(): void;
     actionPreset(data: any, type: any): void;
     selectFilter(data: any): void;
+    selectDefault(): void;
     savePreset(control?: any): void;
     toggleRowShading(): void;
     trackByTable(index: number): number;
@@ -905,7 +922,8 @@ export declare class TimeSheetComponent implements OnInit, OnChanges, AfterViewI
     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; }; "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; }; "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>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ms-time-sheet",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"