@annalib/anna-core 3.0.0 → 3.1.2

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

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { GtColumnIconEmittedData } from '../../public-api';
+import { GtColumnIconEmittedData } from '../../models/anna-generic-data-type.model';
 import * as i0 from "@angular/core";
 export declare class AnnaIconColumnComponent implements OnInit {
     componentName: string;

package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts

@@ -20,7 +20,7 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS";
+declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA";
 declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ITotalRowInfo {
     colspan: number;

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

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./anna-core-shared-lib/components/anna-no-data/anna-no-data.component";
+import * as i2 from "./anna-core-shared-lib/pipes/annaFilterSearchedText.pipe";
+import * as i3 from "./anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component";
+import * as i4 from "./anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component";
+import * as i5 from "./anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component";
+import * as i6 from "./anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component";
+import * as i7 from "./anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component";
+import * as i8 from "./anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive";
+import * as i9 from "./anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component";
+import * as i10 from "./anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component";
+import * as i11 from "./anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component";
+import * as i12 from "./anna-generic-table-lib/components/anna-sort/anna-sort.component";
+import * as i13 from "./anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive";
+import * as i14 from "./anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component";
+import * as i15 from "./anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component";
+import * as i16 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 i17 from "@angular/common";
+import * as i18 from "@ng-bootstrap/ng-bootstrap";
+import * as i19 from "@angular/forms";
+import * as i20 from "@angular/material/radio";
+import * as i21 from "@angular/material/button-toggle";
+import * as i22 from "@angular/material/table";
+import * as i23 from "@angular-slider/ngx-slider";
+import * as i24 from "ngx-skeleton-loader";
+import * as i25 from "@angular/cdk/scrolling";
+import * as i26 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.AnnaBuyerApprovalIconTemplateComponent, typeof i4.AnnaLiveIconTemplateComponent, typeof i5.AnnaNotifyIconTemplateComponent, typeof i6.AnnaPayForPerformanceIconTemplateComponent, typeof i7.AnnaRejectedIconTemplateComponent, typeof i8.showEllipsisTextOnHoverDirective, typeof i9.AnnaIconColumnComponent, typeof i10.AnnaWeekCalendarComponent, typeof i11.AnnaCalendarFilterComponent, typeof i12.AnnaSortComponent, typeof i13.AnnaVirtualTableDirective, typeof i14.AnnaNonEditableGenericTableComponent, typeof i15.AnnaTableVirtualScrollViewportComponent, typeof i16.AnnaFixedRowSizeTableVirtualScrollStrategyDirective], [typeof i17.CommonModule, typeof i18.NgbModule, typeof i19.FormsModule, typeof i20.MatRadioModule, typeof i21.MatButtonToggleModule, typeof i22.MatTableModule, typeof i23.NgxSliderModule, typeof i24.NgxSkeletonLoaderModule, typeof i25.ScrollingModule, typeof i26.NgCircleProgressModule], [typeof i1.AnnaNoDataComponent, typeof i2.AnnaFilterSearchedTextPipe, typeof i3.AnnaBuyerApprovalIconTemplateComponent, typeof i4.AnnaLiveIconTemplateComponent, typeof i5.AnnaNotifyIconTemplateComponent, typeof i6.AnnaPayForPerformanceIconTemplateComponent, typeof i7.AnnaRejectedIconTemplateComponent, typeof i8.showEllipsisTextOnHoverDirective, typeof i9.AnnaIconColumnComponent, typeof i10.AnnaWeekCalendarComponent, typeof i11.AnnaCalendarFilterComponent, typeof i12.AnnaSortComponent, typeof i13.AnnaVirtualTableDirective, typeof i14.AnnaNonEditableGenericTableComponent, typeof i15.AnnaTableVirtualScrollViewportComponent, typeof i16.AnnaFixedRowSizeTableVirtualScrollStrategyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AnnaCoreModule>;
+}

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { NgbDate, NgbDatepickerConfig } from "@ng-bootstrap/ng-bootstrap";
-import { AnnaDateTimeFormatService } from "@annalib/anna-core/src/lib/anna-core-shared-lib";
+import { AnnaDateTimeFormatService } from '../../../anna-core-shared-lib/services/anna-date-time-format.service';
 import * as i0 from "@angular/core";
 export declare class AnnaCalendarFilterComponent implements OnInit, OnChanges {
     private annaTimeService;

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

@@ -1,7 +1,10 @@
 import { DatePipe } from "@angular/common";
 import { AfterViewInit, EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { NgbCalendar, NgbDate, NgbDatepickerConfig, NgbDateStruct, NgbInputDatepicker } from "@ng-bootstrap/ng-bootstrap";
-import { WeekObject, IWeekCalendar, AnnaDateTimeFormatService, AnnaGlobalConfigService } from "@annalib/anna-core/src/lib/anna-core-shared-lib";
+import { WeekObject } from '../../../anna-core-shared-lib/models/anna-generic-data-type.model';
+import { IWeekCalendar } from '../../../anna-core-shared-lib/models/anna-global-dropdown-config.model';
+import { AnnaDateTimeFormatService } from '../../../anna-core-shared-lib/services/anna-date-time-format.service';
+import { AnnaGlobalConfigService } from '../../../anna-core-shared-lib/services/anna-global-config.service';
 import * as i0 from "@angular/core";
 export declare class AnnaWeekCalendarComponent implements OnInit, OnChanges, AfterViewInit {
     private calendar;

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

@@ -1,7 +1,15 @@
 import { OnInit, QueryList, EventEmitter, SimpleChanges, OnChanges, ChangeDetectorRef, ElementRef, AfterViewChecked } from '@angular/core';
 import moment from "moment";
 import { Options } from '@angular-slider/ngx-slider';
-import { SellerGroupHierarchy, IWeekCalendar, TooltipModel, AnnaSortService, AnnaDateTimeFormatService, NgbDateType, AnnaFilterService, IGtGeneralConfig, IGtTableHeader, ITotalRowInfo, AnnaGenericTableService, SortType, IHeaderInfo, radioButtonModel, GtColumnIconEmittedData } from "@annalib/anna-core/src/lib/anna-core-shared-lib";
+import { IGtGeneralConfig, IGtTableHeader, IHeaderInfo, ITotalRowInfo } from '../../../anna-core-shared-lib/models/anna-non-editable-gt-models';
+import { AnnaDateTimeFormatService, NgbDateType } from '../../../anna-core-shared-lib/services/anna-date-time-format.service';
+import { IWeekCalendar } from '../../../anna-core-shared-lib/models/anna-global-dropdown-config.model';
+import { GtColumnIconEmittedData, SellerGroupHierarchy } from '../../../anna-core-shared-lib/models/anna-generic-data-type.model';
+import { SortType } from '../../../anna-core-shared-lib/models/anna-sort.model';
+import { radioButtonModel, TooltipModel } 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 { AnnaGenericTableService } from '../../../anna-core-shared-lib/services/anna-generic-table.service';
 import * as i0 from "@angular/core";
 export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnChanges, AfterViewChecked {
     private cdRef;
@@ -24,8 +32,10 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     };
     tableClass: string;
     maximumRowsWhichCanBeRenderedWithoutScroll: number;
-    includeBorderInTableHeight: boolean;
     limit: number;
+    includeBorderInTableHeight: boolean;
+    downloadInProgress: boolean;
+    percentDone: number;
     toggleCheckbox: EventEmitter<any>;
     toggleRowCheckbox: EventEmitter<any>;
     toggleHeaderCheckbox: EventEmitter<any>;
@@ -40,6 +50,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     gtSVGIconClicked: EventEmitter<any>;
     gtTextActionClicked: EventEmitter<any>;
     gtViewDetailClicked: EventEmitter<any>;
+    downloadSpotDetails: EventEmitter<any>;
     tableDataWrapper: any[];
     rowChecked: boolean;
     isAllRowsChecked: boolean;
@@ -129,6 +140,9 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     start: number;
     end: number;
     renderedData: any[];
+    selectedInventoryIdForDownload: number;
+    selectedDemographicForDownload: any;
+    selectedRowTypeForDownload: string;
     heightOfCheckboxTooltipFilter: number;
     constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService, annaGenericTableService: AnnaGenericTableService);
     ngAfterViewChecked(): void;
@@ -246,7 +260,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     getTableData(start: number, end: number): any[];
     updateIndex(): void;
     setInitialRowsForTable(): void;
+    spotDetailsDownloadClicked(parentChildOrTotalRow: "DATAROW" | "TOTALROW", rowdata?: any): void;
     tableContainerScrolled(event: any): 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"; "numberOfSkeletonRows": "numberOfSkeletonRows"; "numberOfSkeletonColumns": "numberOfSkeletonColumns"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "limit": "limit"; }, { "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"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "numberOfSkeletonRows": "numberOfSkeletonRows"; "numberOfSkeletonColumns": "numberOfSkeletonColumns"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; }, { "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"; }, never, never>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { AnnaSortService, SortOption, SortType } from '@annalib/anna-core/src/lib/anna-core-shared-lib';
+import { SortOption, SortType } from '../../../anna-core-shared-lib/models/anna-sort.model';
+import { AnnaSortService } from '../../../anna-core-shared-lib/services/anna-sort.service';
 import * as i0 from "@angular/core";
 export declare class AnnaSortComponent implements OnChanges {
     private annaSortService;

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

@@ -10,7 +10,7 @@ import { ListRange } from "@angular/cdk/collections";
 import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from "@angular/core";
 import { Observable } from "rxjs";
 import { CdkScrollable, CdkVirtualScrollRepeater, VirtualScrollStrategy, ScrollDispatcher, ViewportRuler } from "@angular/cdk/scrolling";
-import { AnnaGenericTableService } from "@annalib/anna-core/src/lib/anna-core-shared-lib";
+import { AnnaGenericTableService } from '../../../anna-core-shared-lib/services/anna-generic-table.service';
 import * as i0 from "@angular/core";
 /**
  * A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "3.0.0",
+  "version": "3.1.2",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "2.0.3",
     "@angular/common": "^13.2.0",
@@ -9,7 +9,8 @@
     "@ng-bootstrap/ng-bootstrap": "^9.0.1",
     "lodash-es": "^4.17.21",
     "moment": "^2.24.0",
-    "ngx-skeleton-loader": "^2.10.1"
+    "ngx-skeleton-loader": "^2.10.1",
+    "ng-circle-progress": "^1.6.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -31,30 +32,6 @@
       "es2015": "./fesm2015/annalib-anna-core.mjs",
       "node": "./fesm2015/annalib-anna-core.mjs",
       "default": "./fesm2020/annalib-anna-core.mjs"
-    },
-    "./src/lib/anna-core-shared-lib": {
-      "types": "./src/lib/anna-core-shared-lib/annalib-anna-core-src-lib-anna-core-shared-lib.d.ts",
-      "esm2020": "./esm2020/src/lib/anna-core-shared-lib/annalib-anna-core-src-lib-anna-core-shared-lib.mjs",
-      "es2020": "./fesm2020/annalib-anna-core-src-lib-anna-core-shared-lib.mjs",
-      "es2015": "./fesm2015/annalib-anna-core-src-lib-anna-core-shared-lib.mjs",
-      "node": "./fesm2015/annalib-anna-core-src-lib-anna-core-shared-lib.mjs",
-      "default": "./fesm2020/annalib-anna-core-src-lib-anna-core-shared-lib.mjs"
-    },
-    "./src/lib/anna-dropdown-lib": {
-      "types": "./src/lib/anna-dropdown-lib/annalib-anna-core-src-lib-anna-dropdown-lib.d.ts",
-      "esm2020": "./esm2020/src/lib/anna-dropdown-lib/annalib-anna-core-src-lib-anna-dropdown-lib.mjs",
-      "es2020": "./fesm2020/annalib-anna-core-src-lib-anna-dropdown-lib.mjs",
-      "es2015": "./fesm2015/annalib-anna-core-src-lib-anna-dropdown-lib.mjs",
-      "node": "./fesm2015/annalib-anna-core-src-lib-anna-dropdown-lib.mjs",
-      "default": "./fesm2020/annalib-anna-core-src-lib-anna-dropdown-lib.mjs"
-    },
-    "./src/lib/anna-generic-table-lib": {
-      "types": "./src/lib/anna-generic-table-lib/annalib-anna-core-src-lib-anna-generic-table-lib.d.ts",
-      "esm2020": "./esm2020/src/lib/anna-generic-table-lib/annalib-anna-core-src-lib-anna-generic-table-lib.mjs",
-      "es2020": "./fesm2020/annalib-anna-core-src-lib-anna-generic-table-lib.mjs",
-      "es2015": "./fesm2015/annalib-anna-core-src-lib-anna-generic-table-lib.mjs",
-      "node": "./fesm2015/annalib-anna-core-src-lib-anna-generic-table-lib.mjs",
-      "default": "./fesm2020/annalib-anna-core-src-lib-anna-generic-table-lib.mjs"
     }
   },
   "sideEffects": false

package/public-api.d.ts

@@ -1,3 +1,28 @@
-export * from "./lib/anna-dropdown-lib";
-export * from "./lib/anna-generic-table-lib";
-export * from "./lib/anna-core-shared-lib";
+export * from "./lib/anna-core.module";
+export * from "./lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component";
+export * from "./lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component";
+export * from "./lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component";
+export * from "./lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component";
+export * from "./lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component";
+export * from "./lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component";
+export * from "./lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component";
+export * from "./lib/anna-core-shared-lib/services/anna-date-time-format.service";
+export * from "./lib/anna-core-shared-lib/services/anna-global-config.service";
+export * from "./lib/anna-core-shared-lib/services/anna-filter.service";
+export * from "./lib/anna-core-shared-lib/services/anna-sort.service";
+export * from "./lib/anna-core-shared-lib/services/anna-generic-table.service";
+export * from "./lib/anna-core-shared-lib/models/anna-generic-data-type.model";
+export * from "./lib/anna-core-shared-lib/models/anna-global-dropdown-config.model";
+export * from "./lib/anna-core-shared-lib/models/anna-non-editable-gt-models";
+export * from "./lib/anna-core-shared-lib/models/anna-tooltip.model";
+export * from "./lib/anna-core-shared-lib/models/anna-sort.model";
+export * from "./lib/anna-core-shared-lib/constants/shared.constant";
+export * from "./lib/anna-core-shared-lib/pipes/annaFilterSearchedText.pipe";
+export * from "./lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive";
+export * from "./lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component";
+export * from "./lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component";
+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/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/_animate.scss

@@ -0,0 +1,27 @@
+// scss-lint:disable all
+.animated {
+  animation-duration: 1s;
+  // animation-fill-mode: both;
+}
+
+.animated.infinite {
+  animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+  animation-duration: 2s;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  animation-name: fadeIn;
+}

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

@@ -0,0 +1,107 @@
+$primary-color: #268bff;
+$background-white: #ffffff;
+$lightGray: #d3d3d3;
+$lightGray-1: #f1f1f1;
+$lightGray-2: #b3b3b3;
+$lightGray-3: #ededed;
+$lightGray-4: #d4d4d4;
+$lightGray-5: #e6e6e6;
+$lightGray-6: #c8c8c8;
+$lightGray-7: #9b9b9b;
+$lightGray-9: #d9e1e6;
+$lightGray-8: #b7b7b7;
+$dimGray: #747474;
+$lightDimGray: #666666;
+$coralRed: #ff4747;
+$greenCyan: #00c853;
+$bookedColor: #9b1b93;
+$orderedColor: #d780d1;
+$billableColor: #f2bdef;
+$nationalColor: #f5dd31;
+$localColor: #8db72e;
+$lavenderBlue: #c7e1ff;
+$aliceBlue: #e3f0ff;
+$dodgerBlue: #1582ff;
+$lightGrey: #d6d6d6;
+$coldTurkey: #ceb6b6;
+$lightSilver: #d8d8d8;
+$GraythirtySeven: #5e5e5e;
+$charcoal: #4a4a4a;
+$sellerReviewColor: #f3bd18;
+$buyerReviewColor: #1565c0;
+$reviewCompleteColor: #00c853;
+$recoveredPreemptionColor: #0071ce;
+$deepSkyBlue: #00b0ff;
+$licorice: #2e384d;
+$navyBlue: #0071ce;
+$nobelGray: #b7b6b6;
+$whiteSmoke: #f7f6f6;
+$gray: #979797;
+$paleBlue: #c2cfd6;
+$lightViolet: #9169fc;
+$dimViolet: #e5dbff;
+$darkViolet: #555099;
+$whisper: #e9e9e9;
+$lynxWhite: #f7f7f7;
+$lightAliceBlue: #e5f1ff;
+$veryLightGrey: #cfcfcf;
+$darkCharcoal: #333333;
+$noRevisionFound: #f47228;
+$redOrange: #f44336;
+$DRRBgColor: #edecec;
+$darkYellowWarning: #f3c639;
+$lightYellow: #fff8e3;
+$filterRadioContainer: #f4f4f4;
+$oliveGreen: #8bac2a;
+$calendarLabel: #222b45;
+$olivedrab: #6b8e23;
+$redOrange: #fe3824;
+$chineseSilver: #cccccc;
+$grey: #767676;
+$primary-success: #47d490;
+$secondary-success: #ebf6f1;
+$primary-warning: #f3c639;
+$secondary-warning: #fff8e3;
+$primary-dark: #90a4ae;
+$secondary-dark: #ebedee;
+$primary-danger: #fc8383;
+$secondary-danger: #ffeded;
+$Gray94: #f0f0f0;
+$whisper: #ededed;
+$whiteSmoke2: #f4f4f4;
+$pinkSwan: #b5b5b5;
+$matterhorn: #4f4f4f;
+$lightGrey: #d4d4d4;
+$gray74: #bdbdbd;
+$gray86: #dbdbdb;
+$darkBlueShade: #222b45;
+$green: #8bac2a;
+$darkPurpleShade: #555099;
+$pattensBlue: #d8eaff;
+$quartz: #dddceb;
+$darkGray: #a7a7a7;
+$darkGray1: #cbcbcb;
+$awaitingSellerReview: #f7f2d1;
+$awaitingSellerReviewBorder: #dec30b;
+$amber: #ffc107;
+$whiteSmoke3: #efefef;
+$greyChateau: #a2a8ad;
+$roseBud: #f9b3ae;
+$paleRed: #fde4e3;
+$redOrange3: #f44336;
+$redOrange4: #fe3824;
+$gray43: #6e6e6e;
+$dodgerBlue2: #4099ff;
+$fruitSalad: #43a047;
+$nero: #212121;
+$darkGray2: #a4a4a4;
+$pinkSwan: #b7b7b7;
+$blue: #d8eaff;
+$lightBlue: #eff6ff;
+$sunsetOrange: #ff5353;
+$redShade: #ff5252;
+$lightBlueShade: #d6dcff;
+$blueBerry: #536dfe;
+$darkPink: #be489d;
+$lightPinkShade: #f4e7f2;
+$sellerGroupChildRow: #F9F3F8;

package/src/lib/anna-common-scss/_dashboard-partials.scss

@@ -0,0 +1,104 @@
+.dashboard-heading {
+  color: #268bff;
+  font-size: 1rem;
+  font-weight: 500;
+  letter-spacing: 2.5px;
+}
+
+@mixin user-card($bgColor) {
+  background-color: $bgColor;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  cursor: default;
+  transition: 150ms;
+  position: relative;
+  border-radius:0.25rem;
+  padding: 1.5rem;
+}
+
+//orderCard issue 2
+// .user-card:hover {
+// box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+// top: -2px;
+// }
+
+@mixin view_link {
+  float: right;
+  color: #268bff;
+  cursor: pointer;
+}
+
+@mixin info-box {
+  background-color: #c7e1ff;
+  border-radius: $fs-4;
+  padding: 0.1875rem 0.5rem 0 0.5rem;
+  @include fonts(Roboto, 0.9375rem, normal, 500, normal, 1.25, 0.088rem);
+}
+
+.noData {
+  background-color: lightgrey;
+  padding: 0.5em;
+  width: 40%;
+  text-align: center;
+  margin: 12.5em auto;
+  border-radius: 0.2em;
+}
+
+@mixin svg-parent-card($cardHeight, $cardBgColor) {
+  max-width: 100%;
+  height: $cardHeight;
+  width: 100%;
+  background-color: $cardBgColor;
+  border: none;
+  outline: none;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+@mixin svg-content-placeholder($backgroundGradient, $clipPath) {
+  animation: linear 1s placeHolderShimmer infinite;
+  background: $backgroundGradient;
+  background-size: 800px 104px;
+
+  width: 100%;
+  height: 100%;
+  -webkit-clip-path: url($clipPath);
+  clip-path: url($clipPath);
+  // 	Safari render fix
+  transform: translateZ(0);
+}
+
+@keyframes placeHolderShimmer {
+  0% {
+    background-position: -468px 0;
+  }
+  100% {
+    background-position: 468px 0;
+  }
+}
+
+:host::ng-deep.btn-secondary {
+  box-shadow: none;
+  border: 1px solid lightgray;
+}
+:host ::ng-deep .ui-select-match-text {
+  padding-top: 0;
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@mixin material-icons-and-expand-icon {
+  color: #268bff;
+  position: absolute;
+  float: right;
+  cursor: pointer;
+  pointer-events: none;
+}
+
+@mixin dropdownContainer {
+  position: relative;
+  margin:0 0.5625rem 0 0;
+  display: flex;
+  flex-direction: column;
+}