@annalib/anna-core 10.5.2 → 10.7.0

package/lib/anna-core.module.d.ts

@@ -19,18 +19,21 @@ import * as i17 from "./anna-generic-table-lib/components/anna-non-editable-gene
 import * as i18 from "./anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component";
 import * as i19 from "./anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive";
 import * as i20 from "./anna-core-shared-lib/directives/digits-only/digits-only.directive";
-import * as i21 from "@angular/common";
-import * as i22 from "@ng-bootstrap/ng-bootstrap";
-import * as i23 from "@angular/forms";
-import * as i24 from "@angular/material/radio";
-import * as i25 from "@angular/material/button-toggle";
-import * as i26 from "@angular/material/table";
-import * as i27 from "@angular-slider/ngx-slider";
-import * as i28 from "ngx-skeleton-loader";
-import * as i29 from "@angular/cdk/scrolling";
-import * as i30 from "ng-circle-progress";
+import * as i21 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component";
+import * as i22 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component";
+import * as i23 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component";
+import * as i24 from "@angular/common";
+import * as i25 from "@ng-bootstrap/ng-bootstrap";
+import * as i26 from "@angular/forms";
+import * as i27 from "@angular/material/radio";
+import * as i28 from "@angular/material/button-toggle";
+import * as i29 from "@angular/material/table";
+import * as i30 from "@angular-slider/ngx-slider";
+import * as i31 from "ngx-skeleton-loader";
+import * as i32 from "@angular/cdk/scrolling";
+import * as i33 from "ng-circle-progress";
 export declare class AnnaCoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaCoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnnaCoreModule, [typeof i1.AnnaNoDataComponent, typeof i2.AnnaFilterSearchedTextPipe, typeof i3.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i4.AnnaTypeofDataPipe, typeof i2.AnnaFilterSearchedTextPipe, typeof i5.AnnaReplaceCharPipe, typeof i6.AnnaBuyerApprovalIconTemplateComponent, typeof i7.AnnaLiveIconTemplateComponent, typeof i8.AnnaNotifyIconTemplateComponent, typeof i9.AnnaPayForPerformanceIconTemplateComponent, typeof i10.AnnaRejectedIconTemplateComponent, typeof i11.showEllipsisTextOnHoverDirective, typeof i12.AnnaIconColumnComponent, typeof i13.AnnaWeekCalendarComponent, typeof i14.AnnaCalendarFilterComponent, typeof i15.AnnaSortComponent, typeof i16.AnnaVirtualTableDirective, typeof i17.AnnaNonEditableGenericTableComponent, typeof i18.AnnaTableVirtualScrollViewportComponent, typeof i19.AnnaFixedRowSizeTableVirtualScrollStrategyDirective, typeof i20.DigitOnlyDirective], [typeof i21.CommonModule, typeof i22.NgbModule, typeof i23.FormsModule, typeof i24.MatRadioModule, typeof i25.MatButtonToggleModule, typeof i26.MatTableModule, typeof i27.NgxSliderModule, typeof i28.NgxSkeletonLoaderModule, typeof i29.ScrollingModule, typeof i30.NgCircleProgressModule], [typeof i1.AnnaNoDataComponent, typeof i2.AnnaFilterSearchedTextPipe, typeof i3.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i4.AnnaTypeofDataPipe, typeof i5.AnnaReplaceCharPipe, typeof i2.AnnaFilterSearchedTextPipe, typeof i6.AnnaBuyerApprovalIconTemplateComponent, typeof i7.AnnaLiveIconTemplateComponent, typeof i8.AnnaNotifyIconTemplateComponent, typeof i9.AnnaPayForPerformanceIconTemplateComponent, typeof i10.AnnaRejectedIconTemplateComponent, typeof i11.showEllipsisTextOnHoverDirective, typeof i12.AnnaIconColumnComponent, typeof i13.AnnaWeekCalendarComponent, typeof i14.AnnaCalendarFilterComponent, typeof i15.AnnaSortComponent, typeof i16.AnnaVirtualTableDirective, typeof i17.AnnaNonEditableGenericTableComponent, typeof i18.AnnaTableVirtualScrollViewportComponent, typeof i19.AnnaFixedRowSizeTableVirtualScrollStrategyDirective, typeof i20.DigitOnlyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnnaCoreModule, [typeof i1.AnnaNoDataComponent, typeof i2.AnnaFilterSearchedTextPipe, typeof i3.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i4.AnnaTypeofDataPipe, typeof i2.AnnaFilterSearchedTextPipe, typeof i5.AnnaReplaceCharPipe, typeof i6.AnnaBuyerApprovalIconTemplateComponent, typeof i7.AnnaLiveIconTemplateComponent, typeof i8.AnnaNotifyIconTemplateComponent, typeof i9.AnnaPayForPerformanceIconTemplateComponent, typeof i10.AnnaRejectedIconTemplateComponent, typeof i11.showEllipsisTextOnHoverDirective, typeof i12.AnnaIconColumnComponent, typeof i13.AnnaWeekCalendarComponent, typeof i14.AnnaCalendarFilterComponent, typeof i15.AnnaSortComponent, typeof i16.AnnaVirtualTableDirective, typeof i17.AnnaNonEditableGenericTableComponent, typeof i18.AnnaTableVirtualScrollViewportComponent, typeof i19.AnnaFixedRowSizeTableVirtualScrollStrategyDirective, typeof i20.DigitOnlyDirective, typeof i21.AnnaColumnDateRangeFilterComponent, typeof i22.AnnaColumnTimeFilterComponent, typeof i23.AnnaColumnCheckboxFilterComponent], [typeof i24.CommonModule, typeof i25.NgbModule, typeof i26.FormsModule, typeof i27.MatRadioModule, typeof i28.MatButtonToggleModule, typeof i29.MatTableModule, typeof i30.NgxSliderModule, typeof i31.NgxSkeletonLoaderModule, typeof i32.ScrollingModule, typeof i33.NgCircleProgressModule], [typeof i1.AnnaNoDataComponent, typeof i2.AnnaFilterSearchedTextPipe, typeof i3.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i4.AnnaTypeofDataPipe, typeof i5.AnnaReplaceCharPipe, typeof i2.AnnaFilterSearchedTextPipe, typeof i6.AnnaBuyerApprovalIconTemplateComponent, typeof i7.AnnaLiveIconTemplateComponent, typeof i8.AnnaNotifyIconTemplateComponent, typeof i9.AnnaPayForPerformanceIconTemplateComponent, typeof i10.AnnaRejectedIconTemplateComponent, typeof i11.showEllipsisTextOnHoverDirective, typeof i12.AnnaIconColumnComponent, typeof i13.AnnaWeekCalendarComponent, typeof i14.AnnaCalendarFilterComponent, typeof i15.AnnaSortComponent, typeof i16.AnnaVirtualTableDirective, typeof i17.AnnaNonEditableGenericTableComponent, typeof i18.AnnaTableVirtualScrollViewportComponent, typeof i21.AnnaColumnDateRangeFilterComponent, typeof i22.AnnaColumnTimeFilterComponent, typeof i23.AnnaColumnCheckboxFilterComponent, typeof i19.AnnaFixedRowSizeTableVirtualScrollStrategyDirective, typeof i20.DigitOnlyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AnnaCoreModule>;
 }

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

@@ -0,0 +1,70 @@
+import { EventEmitter } from '@angular/core';
+import { SortType } from '../../../../anna-core-shared-lib/models/anna-sort.model';
+import { TooltipModel, radioButtonModel } from '../../../../anna-core-shared-lib/models/anna-tooltip.model';
+import { AnnaSortService } from '../../../../anna-core-shared-lib/services/anna-sort.service';
+import { AnnaFilterService } from '../../../../anna-core-shared-lib/services/anna-filter.service';
+import * as i0 from "@angular/core";
+export declare class AnnaColumnCheckboxFilterComponent {
+    private annaSortService;
+    annaFilterService: AnnaFilterService;
+    tableData: any[];
+    clonedTableData: any[];
+    limit: number;
+    filterTabObjects: any[];
+    filterAppliedToTable: EventEmitter<any>;
+    sortingAppliedToTable: EventEmitter<any>;
+    closeTooltip: EventEmitter<any>;
+    tooltipOptions: TooltipModel[];
+    clonedTooltipOptions: TooltipModel[];
+    heightOfCheckboxTooltipFilter: number;
+    toolTipdata: any;
+    tempTooltipData: any;
+    selectedCheckboxOptionsCount: number;
+    isFilterChanged: boolean;
+    tempSortOrder: SortType;
+    isSortChanged: boolean;
+    disableSelectAll: boolean;
+    disableClearAll: boolean;
+    searchItem: string;
+    showSortComponent: boolean;
+    disableCheckboxApply: boolean;
+    selectedLabel: string;
+    showFilterComponent: boolean;
+    start: number;
+    end: number;
+    disableColumnClearAllBtn: boolean;
+    constructor(annaSortService: AnnaSortService, annaFilterService: AnnaFilterService);
+    ngOnInit(): void;
+    populateTooltipDataBasedOnSelectedRadio(activeTab: radioButtonModel): void;
+    getCheckboxData(header: string): void;
+    createListForCheckboxFilter(header: string): TooltipModel[];
+    selectUnselectListCheckbox(tooltipOptions: TooltipModel[], header: string): void;
+    unCheckAllCheckbox(): void;
+    selectAllCheckbox(): void;
+    searchForTheItem(str: string): void;
+    boldString(str: string, find: string): string;
+    getIndicesOf(searchStr: string, str: string, caseSensitive: boolean): number[];
+    removeBoldElementFromString(originalString: string): string;
+    disableCheckboxFilterApplyButton(): void;
+    checkIfSortingChanged(): boolean;
+    checkIfCheckboxTooltipIsFiltered(): boolean;
+    getColumnSortStateForSelectedRadio(): string;
+    applyFilters(): void;
+    applyListFilters(): void;
+    applySortingOnFilteredData(): void;
+    updateSortMap(): void;
+    checkIfSortingIsApplied(): void;
+    emitData(): void;
+    updateIndex(): void;
+    setInitialRowsForTable(): void;
+    selectUnselectCheckbox(data: TooltipModel): void;
+    closeCheckboxFilter(): void;
+    revert(): void;
+    clearSearchedItem(): void;
+    resetIndex(): void;
+    storeSortTypeInTempVariable(event: SortType): void;
+    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>;
+}

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

@@ -0,0 +1,68 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import dayjs from 'dayjs';
+import { AnnaSortService } from '../../../../anna-core-shared-lib/services/anna-sort.service';
+import { AnnaFilterService } from '../../../../anna-core-shared-lib/services/anna-filter.service';
+import { AnnaDateTimeFormatService, NgbDateType } from '../../../../anna-core-shared-lib/services/anna-date-time-format.service';
+import { SortType } from '../../../../anna-core-shared-lib/models/anna-sort.model';
+import { radioButtonModel } from '../../../../anna-core-shared-lib/models/anna-tooltip.model';
+import * as i0 from "@angular/core";
+export declare class AnnaColumnDateRangeFilterComponent implements OnInit {
+    annaDateTimeFormatService: AnnaDateTimeFormatService;
+    private annaSortService;
+    annaFilterService: AnnaFilterService;
+    tableData: any[];
+    clonedTableData: any[];
+    limit: number;
+    filterTabObjects: any[];
+    filterAppliedToTable: EventEmitter<any>;
+    sortingAppliedToTable: EventEmitter<any>;
+    closeTooltip: EventEmitter<any>;
+    isFilterChanged: boolean;
+    tempSortOrder: SortType;
+    isSortChanged: boolean;
+    disableSelectAll: boolean;
+    disableClearAll: boolean;
+    searchItem: string;
+    showSortComponent: boolean;
+    disableCalendarApplyBtn: boolean;
+    selectedLabel: string;
+    showFilterComponent: boolean;
+    start: number;
+    end: number;
+    disableColumnClearAllBtn: boolean;
+    calendarMinEnabledDate: NgbDateType;
+    calendarMaxEnabledDate: NgbDateType;
+    selectedMinDate: NgbDateType;
+    selectedMaxDate: NgbDateType;
+    calendarSelection: any;
+    constructor(annaDateTimeFormatService: AnnaDateTimeFormatService, annaSortService: AnnaSortService, annaFilterService: AnnaFilterService);
+    ngOnInit(): void;
+    populateTooltipDataBasedOnSelectedRadio(activeTab: radioButtonModel): void;
+    disableActiveFilterClearButton(): void;
+    getColumnSortStateForSelectedRadio(): string;
+    createFilterTooltipData(header: string): void;
+    getCalendarData(): void;
+    createRangeForTheDateFilter(): dayjs.Dayjs[];
+    createStartEndDateRange(optionData: any[]): dayjs.Dayjs[];
+    selectRangeForTheDateFilter(minMaxDate: any[], parsingFormat: string): void;
+    applyDateFilter(): void;
+    updateIndex(): void;
+    resetIndex(): void;
+    setInitialRowsForTable(): void;
+    applySortingOnFilteredData(): void;
+    updateSortMap(): void;
+    checkIfSortingIsApplied(): void;
+    applySorting(key: string): void;
+    emitData(): void;
+    cancelInDateFilter(): void;
+    calendarDateChanged(event: any): void;
+    disableCalendarApplyButton(): void;
+    checkIfSortingChanged(): boolean;
+    checkIfDateTooltipIsFiltered(): boolean;
+    setInitialValueMapForDateFilter(): void;
+    applyDateFilterOnData(): void;
+    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>;
+}

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

@@ -0,0 +1,94 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { radioButtonModel } from '../../../../anna-core-shared-lib/models/anna-tooltip.model';
+import { SortType } from '../../../../anna-core-shared-lib/models/anna-sort.model';
+import { AnnaSortService } from '../../../../anna-core-shared-lib/services/anna-sort.service';
+import { AnnaFilterService } from '../../../../anna-core-shared-lib/services/anna-filter.service';
+import { AnnaDateTimeFormatService } from '../../../../anna-core-shared-lib/services/anna-date-time-format.service';
+import * as i0 from "@angular/core";
+export declare class AnnaColumnTimeFilterComponent implements OnInit {
+    private annaSortService;
+    annaDateTimeFormatService: AnnaDateTimeFormatService;
+    annaFilterService: AnnaFilterService;
+    tableData: any[];
+    clonedTableData: any[];
+    limit: number;
+    filterTabObjects: any[];
+    filterAppliedToTable: EventEmitter<any>;
+    sortingAppliedToTable: EventEmitter<any>;
+    closeTooltip: EventEmitter<any>;
+    isFilterChanged: boolean;
+    tempSortOrder: SortType;
+    isSortChanged: boolean;
+    disableSelectAll: boolean;
+    disableClearAll: boolean;
+    searchItem: string;
+    showSortComponent: boolean;
+    disableCheckboxApply: boolean;
+    selectedLabel: string;
+    showFilterComponent: boolean;
+    start: number;
+    end: number;
+    disableColumnClearAllBtn: boolean;
+    startTimeHourErr: boolean;
+    startTimeMinErr: boolean;
+    endTimeHourErr: boolean;
+    endTimeMinErr: boolean;
+    selectedFromTime: any[];
+    selectedToTime: any[];
+    clonedSelectedFromTime: any;
+    clonedSelectedToTime: any;
+    disableTimeFilterApplyBtn: boolean;
+    tableColumns: string[];
+    totalRowColumns: string[];
+    showMultiTimeCheckbox: boolean;
+    showZeroTimeCheckbox: boolean;
+    showEnterTimeCheckbox: boolean;
+    multiTimeCheckboxChecked: boolean;
+    zeroTimeCheckboxChecked: boolean;
+    enterTimeCheckboxChecked: boolean;
+    bindValueFuncCalled: boolean;
+    constructor(annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
+    ngOnInit(): void;
+    populateTooltipDataBasedOnSelectedRadio(activeTab: radioButtonModel): void;
+    disableActiveFilterClearButton(): void;
+    getColumnSortStateForSelectedRadio(): string;
+    createFilterTooltipData(header: string): void;
+    getTimeFilterData(header: string): void;
+    setInitialValueMapForTimeFilter(key: string): void;
+    setTimeFilterDataForComponentsOtherThanRatingsPage(header: string): void;
+    setTimeFilterDataForRatingPageComponent(header: string): void;
+    selectOrUnselectMultiTimeCheckbox(): void;
+    selectOrUnselectZeroTimeCheckbox(): void;
+    selectOrUnselectEnterTimeCheckbox(): void;
+    checkIfTimeTooltipIsFiltered(): boolean;
+    disableTimeFilterApplyButton(): void;
+    checkIfSortingChanged(): boolean;
+    validateTimeFilterInput(): boolean;
+    applyTimeFilters(): void;
+    emitData(): void;
+    updateIndex(): void;
+    resetIndex(): void;
+    setInitialRowsForTable(): void;
+    applySorting(key: string): void;
+    changeStartTimeHour(increment: boolean): void;
+    changeEndTimeHour(increment: boolean): void;
+    changeEndTimeMinute(increment: boolean): void;
+    changeStartTimeMinute(increment: boolean): void;
+    startTimeHourChange(val: string): void;
+    startTimeMinChange(val: string): void;
+    endTimeHourChange(val: string): void;
+    endTimeMinChange(val: string): void;
+    incrementHour(arr: any[]): void;
+    decrementHour(arr: any[]): void;
+    incrementMinute(arr: any[]): void;
+    decrementMinute(arr: any): void;
+    updateSortMap(): void;
+    checkIfSortingIsApplied(): void;
+    applySortingOnFilteredData(): void;
+    applyTimeFilterOnData(): void;
+    closeTimeFilter(): void;
+    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"; }, { "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "closeTooltip": "closeTooltip"; }, never, never, false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "10.5.2",
+  "version": "10.7.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^2.0.3",
     "@angular/common": "^14.3.0",

package/public-api.d.ts

@@ -30,5 +30,8 @@ export * from "./lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna
 export * from "./lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component";
 export * from "./lib/anna-generic-table-lib/components/anna-sort/anna-sort.component";
 export * from "./lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component";
+export * from "./lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component";
+export * from "./lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component";
+export * from "./lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component";
 export * from "./lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy";
 export * from "./lib/anna-generic-table-lib/directives/anna-virtual-table";

package/src/lib/anna-common-scss/_customDropdown.scss

@@ -1,132 +0,0 @@
-@import "./colors", "./fonts";
-
-#dropdown-trigger {
-  height: 1.875rem;
-  background: white;
-  border-radius: 2px;
-  border: 1px solid $lightGray-8;
-  width: 100%;
-  text-align: left;
-  &:disabled{
-    background-color: $gray74;
-    opacity: 0.5;
-    & .placeholder, .icon {
-      color: #000;
-    }
-  }
-}
-
-.placeholder {
-  color: $gray74;
-  @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
-}
-
-// #dropdown-trigger:disabled .placeholder {
-//   color: #000;
-// }
-
-.icon {
-  font-size: 1.125rem;
-  float: right;
-  margin-left: auto;
-}
-
-.search-bar {
-  margin: 9px 7px 8px 7px;
-  border: 1px solid $pinkSwan;
-  height: 1.875rem;
-  border-radius: 2px;
-  input {
-    outline: none;
-    border: none;
-    position: relative;
-    bottom: 4px;
-    width: calc(100% - 29px);
-  }
-
-  .search-icon {
-    font-size: 1.125rem;
-    color: $lightGray-7;
-    margin: 5px;
-  }
-
-  .close-icon{
-    cursor: pointer;
-  }
-}
-
-ul {
-  overflow-y: auto;
-  padding-left: 0;
-  padding-bottom: 0;
-  margin-bottom: 0;
-  max-height: calc(50vh - 80px) !important;
-}
-
-li {
-  list-style-type: none;
-  cursor: pointer;
-  padding-inline: 6px;
-  @include fonts(Roboto, 14px, normal, normal, normal, 2.14, normal);
-  color: #4a4a4a;
-  @extend .ellipsify;
-  width: 100%;
-}
-
-ul::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-}
-
-ul::-webkit-scrollbar-track {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-ul::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: rgba(0, 0, 0, 0.4) !important;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-}
-
-li:hover {
-  // color: white;
-  background: #ebebeb;
-}
-
-li.active {
-  color: white;
-  background: $primary-color;
-}
-
-span.selected-item{
-    background: transparent;
-    @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
-    color: #4a4a4a;
-    @extend .ellipsify;
-    width: calc(100% - 22px);
-    display: inline-block;
-    vertical-align: middle;
-}
-
-.ellipsify{
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-::ng-deep .cdk-overlay-container{
-  z-index: 1051;
-}
-
-::ng-deep .multi-select-dropdown + div .mat-menu-panel,
-::ng-deep .single-select-dropdown + div .mat-menu-panel{
-  min-width: 100px !important;
-  max-width: 100%;
-  min-height: 30px !important;
-  overflow-y: hidden;
-  max-height: 50vh;
-  .mat-menu-content:not(:empty) {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}