@annalib/anna-core 12.1.20 → 12.1.22

package/lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component.d.ts

@@ -4,5 +4,5 @@ export declare class AnnaBuyerApprovalIconTemplateComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaBuyerApprovalIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaBuyerApprovalIconTemplateComponent, "anna-buyer-approval-icon-template", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaBuyerApprovalIconTemplateComponent, "anna-buyer-approval-icon-template", never, {}, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.d.ts

@@ -12,5 +12,5 @@ export declare class AnnaIconColumnComponent implements OnInit {
     ngOnInit(): void;
     svgIconClicked(rowData: any, key: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaIconColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-anna-icon-column", never, { "componentName": "componentName"; "objectKey": "objectKey"; "dataObject": "dataObject"; }, { "onColumnIconClicked": "onColumnIconClicked"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-anna-icon-column", never, { "componentName": "componentName"; "objectKey": "objectKey"; "dataObject": "dataObject"; }, { "onColumnIconClicked": "onColumnIconClicked"; }, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component.d.ts

@@ -4,5 +4,5 @@ export declare class AnnaLiveIconTemplateComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaLiveIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaLiveIconTemplateComponent, "anna-live-icon-template", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaLiveIconTemplateComponent, "anna-live-icon-template", never, {}, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component.d.ts

@@ -7,5 +7,5 @@ export declare class AnnaNoDataComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNoDataComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNoDataComponent, "anna-core-no-data-lib", never, { "width": "width"; "marginTop": "marginTop"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNoDataComponent, "anna-core-no-data-lib", never, { "width": "width"; "marginTop": "marginTop"; }, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component.d.ts

@@ -4,5 +4,5 @@ export declare class AnnaNotifyIconTemplateComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNotifyIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNotifyIconTemplateComponent, "anna-notify-icon-template", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNotifyIconTemplateComponent, "anna-notify-icon-template", never, {}, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.d.ts

@@ -8,5 +8,5 @@ export declare class AnnaPayForPerformanceIconTemplateComponent implements OnIni
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaPayForPerformanceIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaPayForPerformanceIconTemplateComponent, "anna-pay-for-performance-icon-template", never, { "isTitle": "isTitle"; "color": "color"; "width": "width"; "height": "height"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaPayForPerformanceIconTemplateComponent, "anna-pay-for-performance-icon-template", never, { "isTitle": "isTitle"; "color": "color"; "width": "width"; "height": "height"; }, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.d.ts

@@ -4,5 +4,5 @@ export declare class AnnaRejectedIconTemplateComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaRejectedIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaRejectedIconTemplateComponent, "anna-rejected-icon-template", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaRejectedIconTemplateComponent, "anna-rejected-icon-template", never, {}, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.d.ts

@@ -30,5 +30,5 @@ export declare class DigitOnlyDirective implements OnChanges {
     private getSelection;
     private forecastValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<DigitOnlyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DigitOnlyDirective, "[digitOnly]", never, { "decimal": "decimal"; "decimalSeparator": "decimalSeparator"; "allowNegatives": "allowNegatives"; "allowPaste": "allowPaste"; "negativeSign": "negativeSign"; "min": "min"; "max": "max"; "pattern": "pattern"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DigitOnlyDirective, "[digitOnly]", never, { "decimal": "decimal"; "decimalSeparator": "decimalSeparator"; "allowNegatives": "allowNegatives"; "allowPaste": "allowPaste"; "negativeSign": "negativeSign"; "min": "min"; "max": "max"; "pattern": "pattern"; }, {}, never, never, false, never>;
 }

package/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.d.ts

@@ -5,5 +5,5 @@ export declare class showEllipsisTextOnHoverDirective {
     constructor(elementRef: ElementRef);
     onMouseEnter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<showEllipsisTextOnHoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<showEllipsisTextOnHoverDirective, "[showEllipsisTextOnHover]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<showEllipsisTextOnHoverDirective, "[showEllipsisTextOnHover]", never, {}, {}, never, never, false, never>;
 }

package/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.d.ts

@@ -30,5 +30,5 @@ export declare class AnnaCalendarFilterComponent implements OnInit, OnChanges {
     disableCalendarApplyBtn(): void;
     setInputText(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaCalendarFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaCalendarFilterComponent, "anna-core-calendar-filter-lib", never, { "maxDate": "maxDate"; "label": "label"; "minDate": "minDate"; "selectedFromDate": "selectedFromDate"; "selectedToDate": "selectedToDate"; }, { "selectedDate": "selectedDate"; "apply": "apply"; "cancel": "cancel"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaCalendarFilterComponent, "anna-core-calendar-filter-lib", never, { "maxDate": "maxDate"; "label": "label"; "minDate": "minDate"; "selectedFromDate": "selectedFromDate"; "selectedToDate": "selectedToDate"; }, { "selectedDate": "selectedDate"; "apply": "apply"; "cancel": "cancel"; }, never, never, false, never>;
 }

package/lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component.d.ts

@@ -66,5 +66,5 @@ export declare class AnnaWeekCalendarComponent implements OnInit, OnChanges, Aft
     checkIfDateIsDisabled(date: any): boolean;
     closeDatepicker(datepickerRef: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaWeekCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaWeekCalendarComponent, "anna-core-week-calendar-filter-lib", never, { "selectedFromDate": "from-date"; "selectedEndDate": "to-date"; "disabledDates": "disabled-dates"; "maxDate": "maxDate"; "minDate": "minDate"; "config": "week-calendar-config"; }, { "applyWeekCalendarChanges": "apply"; "calendarToggled": "toggle-calendar"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaWeekCalendarComponent, "anna-core-week-calendar-filter-lib", never, { "selectedFromDate": "from-date"; "selectedEndDate": "to-date"; "disabledDates": "disabled-dates"; "maxDate": "maxDate"; "minDate": "minDate"; "config": "week-calendar-config"; }, { "applyWeekCalendarChanges": "apply"; "calendarToggled": "toggle-calendar"; }, never, never, false, never>;
 }

package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component.d.ts

@@ -66,5 +66,5 @@ export declare class AnnaColumnCheckboxFilterComponent {
     disableActiveFilterClearButton(): void;
     createFilterTooltipData(header: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaColumnCheckboxFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnCheckboxFilterComponent, "anna-core-anna-column-checkbox-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnCheckboxFilterComponent, "anna-core-anna-column-checkbox-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false, never>;
 }

package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.d.ts

@@ -64,5 +64,5 @@ export declare class AnnaColumnDateRangeFilterComponent implements OnInit {
     clearColumnFilter(): void;
     storeSortTypeInTempVariable(event: SortType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaColumnDateRangeFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnDateRangeFilterComponent, "anna-core-anna-column-date-range-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnDateRangeFilterComponent, "anna-core-anna-column-date-range-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false, never>;
 }

package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.d.ts

@@ -93,5 +93,5 @@ export declare class AnnaColumnTimeFilterComponent implements OnInit {
     clearColumnFilter(): void;
     storeSortTypeInTempVariable(event: SortType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaColumnTimeFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnTimeFilterComponent, "anna-core-anna-column-time-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; "gtGeneralConfig": "gtGeneralConfig"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaColumnTimeFilterComponent, "anna-core-anna-column-time-filter", never, { "tableData": "tableData"; "clonedTableData": "clonedTableData"; "limit": "limit"; "filterTabObjects": "filterTabObjects"; "gtGeneralConfig": "gtGeneralConfig"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false, never>;
 }

package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts

@@ -301,6 +301,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     onClickableDataClicked(Rowdata: any, id: number): void;
     removeTooltipOnScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; "setTableHeightWhenRowSizeIsFixed": "setTableHeightWhenRowSizeIsFixed"; "tableBorderBottomClassRequired": "tableBorderBottomClassRequired"; "hideSomeTds": "hideSomeTds"; "tdsHaveRowSpan": "tdsHaveRowSpan"; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; "setTableHeightWhenRowSizeIsFixed": "setTableHeightWhenRowSizeIsFixed"; "tableBorderBottomClassRequired": "tableBorderBottomClassRequired"; "hideSomeTds": "hideSomeTds"; "tdsHaveRowSpan": "tdsHaveRowSpan"; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; }, never, never, false, never>;
 }
 export {};

package/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.d.ts

@@ -13,5 +13,5 @@ export declare class AnnaSortComponent implements OnChanges {
     ngOnInit(): void;
     setSortType(option: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaSortComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaSortComponent, "anna-core-sort-lib", never, { "sortObjectKey": "sortObjectKey"; }, { "sortOptionClicked": "sortOptionClicked"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaSortComponent, "anna-core-sort-lib", never, { "sortObjectKey": "sortObjectKey"; }, { "sortOptionClicked": "sortOptionClicked"; }, never, never, false, never>;
 }

package/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.d.ts

@@ -137,5 +137,5 @@ export declare class AnnaTableVirtualScrollViewportComponent extends CdkScrollab
     /** Calculates the `style.width` and `style.height` for the spacer element. */
     private _calculateSpacerSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaTableVirtualScrollViewportComponent, [null, null, null, { optional: true; }, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaTableVirtualScrollViewportComponent, "anna-table-virtual-scroll-viewport", never, { "orientation": "orientation"; }, { "scrolledIndexChange": "scrolledIndexChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaTableVirtualScrollViewportComponent, "anna-table-virtual-scroll-viewport", never, { "orientation": "orientation"; }, { "scrolledIndexChange": "scrolledIndexChange"; }, never, ["*"], false, never>;
 }

package/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive.d.ts

@@ -85,5 +85,5 @@ export declare class AnnaFixedRowSizeTableVirtualScrollStrategyDirective impleme
     static ngAcceptInputType_buffer: NumberInput;
     static ngAcceptInputType_headerRowHeight: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaFixedRowSizeTableVirtualScrollStrategyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnnaFixedRowSizeTableVirtualScrollStrategyDirective, "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]", never, { "rowHeight": "rowHeight"; "headerRowHeight": "headerRowHeight"; "buffer": "buffer"; "headerRows": "headerRows"; }, {}, ["headerRowsQuery"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnnaFixedRowSizeTableVirtualScrollStrategyDirective, "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]", never, { "rowHeight": "rowHeight"; "headerRowHeight": "headerRowHeight"; "buffer": "buffer"; "headerRows": "headerRows"; }, {}, ["headerRowsQuery"], never, false, never>;
 }

package/lib/anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive.d.ts

@@ -41,5 +41,5 @@ export declare class AnnaVirtualTableDirective<T> implements CdkVirtualScrollRep
      */
     measureRangeSize(range: ListRange, orientation: 'horizontal' | 'vertical'): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaVirtualTableDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnnaVirtualTableDirective<any>, "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]", never, { "dataSource": "appVirtualDataSource"; }, {}, ["headerRowDefs"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnnaVirtualTableDirective<any>, "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]", never, { "dataSource": "appVirtualDataSource"; }, {}, ["headerRowDefs"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "12.1.20",
+  "version": "12.1.22",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^2.0.4",
     "@angular/common": "^15.2.9",

package/src/lib/anna-common-scss/_common-order-listing-table.scss

@@ -0,0 +1,165 @@
+@use "./fonts";
+@use "./colors";
+@use "./generic-table-common";
+
+@mixin sticky-left($leftOffset, $zIndex) {
+  position: sticky;
+  left: $leftOffset; 
+  z-index: $zIndex !important;
+}
+
+@mixin ellipsify(){
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+@mixin ellipsis() {
+  display: inline-block;
+  width: 93%;
+  @include ellipsify();
+}
+
+@mixin common-table($tableStartIndex, $tableEndIndex) {
+  thead {
+    tr th {
+      box-shadow: none !important;
+    }
+    tr th:nth-child(12) {
+      z-index: 101 !important;
+    }
+
+    tr th.mat-column-isOrderStarred,
+    tr th.mat-column-payForPerformanceColumnIcon {
+      background-color: white !important;
+    }
+
+    tr.total-row {
+      td {
+        color: #4a4a4a;
+
+        span {
+          color: #a7a7a7;
+        }
+
+        background: white;
+        @include fonts.fonts(Roboto, 0.75rem, normal, bold, normal, normal, 0.3px);
+      }
+
+      td:nth-of-type(1) {
+        @include sticky-left(0px, 501);
+      }
+
+      td:nth-of-type(2) {
+        box-shadow: inset 1px 0 0 0 rgb(0 0 0 / 75%), inset 0 1px 0 0 rgb(0 0 0 / 75%), inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+        padding-left: 37px;
+        @include sticky-left(62px, 501);
+      }
+
+      td:nth-of-type(n + 3) {
+        box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 75%), inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+      }
+
+      td:last-of-type {
+        box-shadow: inset -1px 0 0 0 rgb(0 0 0 / 75%), inset 0 1px 0 0 rgb(0 0 0 / 75%), inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+      }
+    }
+  }
+
+  tbody {
+    tr {
+      cursor: pointer;
+
+      td {
+        background: white;
+        box-shadow: none !important;
+
+        div:nth-child(1) {
+          color: #000;
+          @include ellipsify();
+          @include fonts.fonts(Roboto, 0.75rem, normal, normal, normal, normal, 0px);
+        }
+
+        div:nth-child(2) {
+          color: #a7a7a7;
+          @include ellipsify();
+          @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.3px);
+        }
+      }
+
+      td:nth-of-type(1) {
+        @include sticky-left(0px, 102);
+      }
+
+      @for $i from calc($tableStartIndex) through calc($tableEndIndex) {
+        td:nth-of-type(#{$i}) {
+          box-shadow: inset 0px -1px 0px 0px #d4d4d4 !important;
+        }
+      }
+
+      td:nth-of-type(#{$tableStartIndex}) {
+        box-shadow: inset 1px -1px 0px 0px #d4d4d4 !important;
+      }
+
+      td:last-of-type {
+        box-shadow: inset -1px -1px 0px 0px #d4d4d4 !important;
+      }
+
+      td.mat-cell:first-of-type {
+        padding-left: 5px !important;
+
+        i {
+          font-size: 1.25rem;
+          cursor: pointer;
+          position: relative;
+          bottom: 2px;
+        }
+
+        i.mdi-star-outline {
+          color: #e6e6e6;
+        }
+
+        i.mdi-star {
+          color: #ffc107;
+          opacity: 0.5;
+        }
+      }
+    }
+
+    @include overrideEmptyTrBorders(3);
+  }
+
+  &.no-data-table {
+    tbody tr:first-of-type {
+      td:nth-of-type(#{$tableStartIndex}) {
+        box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
+      }
+
+      td:nth-of-type(#{$tableStartIndex + 1}),
+      td:nth-of-type(#{$tableStartIndex + 2}) {
+        box-shadow: none !important
+      }
+    }
+  }
+
+  &.no-data-table div.horizontal-scroll-for-table-container {
+    height: calc(162px) !important;
+  }
+
+  .table-container::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+
+  .table-container::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.4) !important;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+  }
+
+  .table-container::-webkit-scrollbar-track {
+    border: 1px solid rgba(0, 0, 0, 0.1) !important;
+    margin-top: 105px;
+  }
+
+}

package/src/lib/anna-common-scss/_easy-filter.scss

@@ -1,4 +1,5 @@
-@import "./fonts", "./colors";
+@use "./fonts";
+@import "./colors";
 
 @mixin easy-filters() {
     display: flex;
@@ -34,4 +35,28 @@
         cursor: default;
         pointer-events: none;
     }
+}
+
+button.intelli-filter{
+    @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.6px);
+    color: #268bff;
+    padding: 5px 8px;
+    border: 1px solid #268bff;
+    background: white;
+    border-radius: 0.75rem;
+    height: 1.5rem;
+    margin-right: 8px;
+}
+
+button.intelli-filter.active{
+    color: white;
+    background: #268bff;
+}
+
+button.intelli-filter:disabled {
+  border: 1px solid #bdbdbd;
+  color: #4a4a4a;
+  background: #bdbdbd;
+  opacity: .5;
+  cursor: not-allowed;
 }

package/src/lib/anna-common-scss/_generic-table-common.scss

@@ -1,3 +1,6 @@
+@use "./fonts";
+@use "./colors";
+
 @mixin no-data-to-display-gt($tableHeight, $rowHeight, $noDataMarginTop) {
   .table-container {
     height: calc($tableHeight) !important;
@@ -115,3 +118,56 @@
   z-index: $z-index;
 }
 
+
+@mixin genericTableHeaderShadow($columnNumber){
+  .scroll-left-shadow-effect  .header-row th:nth-of-type(#{$columnNumber}) {
+    border: none !important;
+    filter: drop-shadow(2px 0 2px colors.$lightGray-4);
+  }
+}
+
+@mixin genericTableTotalRowShadow($columnNumber){
+  .scroll-left-shadow-effect .total-row td:nth-of-type(#{$columnNumber}) {
+    filter: drop-shadow(2px 0 2px colors.$lightGray-4);
+  }
+}
+
+@mixin genericTableTableDataShadow($columnNumber){
+  .scroll-left-shadow-effect  td:nth-of-type(#{$columnNumber}) {
+    filter: drop-shadow(2px 0 1px colors.$lightGray-4);
+  }
+}
+
+@mixin genericTableOverrideHeaderShadow($columnNumber){
+  .scroll-left-shadow-effect  .header-row th:nth-of-type(#{$columnNumber}) {
+    box-shadow: none !important;
+    border: none !important;
+    filter: none;
+  }
+}
+
+@mixin genericTableOverrideTableDataShadow($columnNumber){
+  .scroll-left-shadow-effect  td:nth-of-type(#{$columnNumber}) {
+    filter: none;
+  }
+}
+
+@mixin overrideEmptyTrBorders($startIndex){
+  
+  tr.no-border-tr:first-of-type{
+      
+    td:nth-of-type(#{$startIndex}){
+      box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
+    }
+    
+    td:nth-child(n+ #{$startIndex + 1}){
+      box-shadow: none !important;
+    }
+
+    td:last-of-type{
+      box-shadow: inset -1px 0px 0px 0px #d4d4d4 !important
+    }    
+  }
+}
+
+