@annalib/anna-core 0.0.0-watch

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

@@ -0,0 +1,45 @@
+import { CollectionViewer, ListRange } from "@angular/cdk/collections";
+import { CdkVirtualScrollRepeater, CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import { CdkHeaderRowDef, CdkTable, DataSource, _CoalescedStyleScheduler } from "@angular/cdk/table";
+import { ElementRef, NgIterable, NgZone, QueryList } from "@angular/core";
+import { Observable, Subject } from "rxjs";
+import * as i0 from "@angular/core";
+/**
+ * Directive that wraps a given data source in a "virtual" data source that emits
+ * the slice of the original data source that matches the range that should be rendered
+ * in the containing virtual scroll viewport.
+ */
+export declare class AnnaVirtualTableDirective<T> implements CdkVirtualScrollRepeater<T>, CollectionViewer {
+    private viewport;
+    private table;
+    private _coalescedStyleScheduler;
+    set dataSource(value: DataSource<T> | Observable<T[]> | NgIterable<T> | null | undefined);
+    get dataSource(): DataSource<T> | Observable<T[]> | NgIterable<T> | null | undefined;
+    private _dataSource;
+    headerRowDefs: QueryList<CdkHeaderRowDef>;
+    private virtualizedDataStream;
+    private dataSourceChanges;
+    /** The raw, unvirtualized data stream. Emits whenever the data in the current DataSource changes. */
+    dataStream: Observable<T[] | ReadonlyArray<T>>;
+    viewChange: Subject<ListRange>;
+    private data;
+    private destroyed$;
+    private renderedItems;
+    private renderedRange;
+    private isNativeHtmlTable;
+    constructor(elementRef: ElementRef<HTMLElement>, viewport: CdkVirtualScrollViewport, table: CdkTable<T>, ngZone: NgZone, _coalescedStyleScheduler: _CoalescedStyleScheduler);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** React to scroll state changes in the viewport. */
+    private onRenderedDataChange;
+    /** Swap out one data source for another. */
+    private changeDataSource;
+    /**
+     * This method is only used by the experimental AutoSizeVirtualScrollStrategy.
+     * We're not using that strategy, but I've implemented it just to show how it oculd be done.
+     * I'm not actually sure if this works.
+     */
+    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"]>;
+}

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

@@ -0,0 +1 @@
+export * from "./anna-virtual-table.directive";

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@annalib/anna-core",
+  "version": "0.0.0-watch+1673537290069",
+  "peerDependencies": {
+    "@angular-slider/ngx-slider": "2.0.3",
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/material": "^13.2.6",
+    "@ng-bootstrap/ng-bootstrap": "^9.0.1",
+    "lodash-es": "^4.17.21",
+    "dayjs": "^1.11.6",
+    "ngx-skeleton-loader": "^2.10.1",
+    "ng-circle-progress": "^1.6.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/annalib-anna-core.mjs",
+  "es2020": "fesm2020/annalib-anna-core.mjs",
+  "esm2020": "esm2020/annalib-anna-core.mjs",
+  "fesm2020": "fesm2020/annalib-anna-core.mjs",
+  "fesm2015": "fesm2015/annalib-anna-core.mjs",
+  "typings": "annalib-anna-core.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./annalib-anna-core.d.ts",
+      "esm2020": "./esm2020/annalib-anna-core.mjs",
+      "es2020": "./fesm2020/annalib-anna-core.mjs",
+      "es2015": "./fesm2015/annalib-anna-core.mjs",
+      "node": "./fesm2015/annalib-anna-core.mjs",
+      "default": "./fesm2020/annalib-anna-core.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,33 @@
+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/services/anna-number-format.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/pipes/annaConvertZeroOrNullOrUndefined.pipe";
+export * from "./lib/anna-core-shared-lib/pipes/annaTypeOfData.pipe";
+export * from "./lib/anna-core-shared-lib/pipes/annaReplaceChar.pipe";
+export * from "./lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive";
+export * from './lib/anna-core-shared-lib/directives/digits-only/digits-only.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/_application-spacing.scss

@@ -0,0 +1,6 @@
+//GLOBAL LAYOUT VARIABLE 
+$app-screen-max-width: 1920px;
+$app-left-space: 65px;
+$app-right-space: 40px;
+$sidebar-minimized-width:64px;
+$app-max-width: calc($app-screen-max-width - $app-left-space);

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;
+}