@annalib/anna-core 3.5.1 → 4.0.0

package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts

@@ -17,6 +17,7 @@ export declare class AnnaDateTimeFormatService {
     sortByTimeDescending(a: any, b: any): number;
     convertNgbDateToMoment(ngbDate: NgbDate | NgbDateType): string;
     compareDate(a: string, b: string, isAsc: boolean): number;
+    static formatTwentyFourHourTimeToHHMMAFormat(value: any): string;
     formatDateAndHHMMATimeToStandardFormat(dateAndTime: any): string;
     compare(a: number | string, b: number | string, isAsc: boolean): number;
     sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): number;

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

@@ -10,6 +10,7 @@ import { radioButtonModel, TooltipModel } from '../../../anna-core-shared-lib/mo
 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 { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnChanges, AfterViewChecked {
     private cdRef;
@@ -129,7 +130,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     endTimeHourErr: boolean;
     endTimeMinErr: boolean;
     sameTooltipClicked: boolean;
-    showNoDataToDisplay: boolean;
     marginTop: string;
     viewChildTableHeaders: QueryList<ElementRef>;
     selectedCheckboxOptionsCount: number;
@@ -144,6 +144,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     selectedDemographicForDownload: any;
     selectedRowTypeForDownload: string;
     heightOfCheckboxTooltipFilter: number;
+    isNoDataToDisplaySubject$: BehaviorSubject<boolean>;
     constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService, annaGenericTableService: AnnaGenericTableService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
@@ -233,6 +234,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     selectAllCheckbox(): void;
     searchForTheItem(str: string): void;
     boldString(str: string, find: string): string;
+    getIndicesOf(searchStr: string, str: string, caseSensitive: boolean): number[];
     removeBoldElementFromString(originalString: string): string;
     clearSearchedItem(): void;
     calendarDateChanged(event: any): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "3.5.1",
+  "version": "4.0.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "2.0.3",
     "@angular/common": "^13.2.0",

package/src/lib/anna-common-scss/_application-spacing.scss

@@ -1,6 +0,0 @@
-//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/_mixins.scss

@@ -1,187 +0,0 @@
-@mixin button-social-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
-  padding: $padding-y $padding-x;
-  font-size: $font-size;
-  line-height: $line-height;
-  border: 0;
-  @include border-radius($border-radius);
-
-  &::before {
-    width: ($padding-y * 2) + ($font-size * $line-height);
-    height: ($padding-y * 2) + ($font-size * $line-height);
-    padding: $padding-y 0;
-    font-size: $font-size;
-    line-height: $line-height;
-    @include border-radius($border-radius);
-  }
-
-  span {
-    margin-left: ($padding-y * 2) + ($font-size * $line-height);
-  }
-
-  &.icon {
-    width: ($padding-y * 2) + ($font-size * $line-height);
-    height: ($padding-y * 2) + ($font-size * $line-height);
-  }
-}
-
-@mixin avatar($width, $status-width) {
-  position: relative;
-  display: inline-block;
-  width: $width;
-
-  .img-avatar {
-    width: $width;
-    height: $width;
-  }
-
-  .avatar-status {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    display: block;
-    width: $status-width;
-    height: $status-width;
-    border: 1px solid #fff;
-    border-radius: 50em;
-  }
-}
-
-@mixin borders($borders) {
-  @each $border in $borders {
-    $direction: nth($border, 1);
-    @if $direction == "all" {
-      $size: map-get(map-get($borders, $direction), size);
-      $style: map-get(map-get($borders, $direction), style);
-      $color: map-get(map-get($borders, $direction), color);
-      border: $size $style $color;
-    } @else if $direction == "top" {
-      $size: map-get(map-get($borders, $direction), size);
-      $style: map-get(map-get($borders, $direction), style);
-      $color: map-get(map-get($borders, $direction), color);
-      border-top: $size $style $color;
-    } @else if $direction == "right" {
-      $size: map-get(map-get($borders, $direction), size);
-      $style: map-get(map-get($borders, $direction), style);
-      $color: map-get(map-get($borders, $direction), color);
-      border-right: $size $style $color;
-    } @else if $direction == "bottom" {
-      $size: map-get(map-get($borders, $direction), size);
-      $style: map-get(map-get($borders, $direction), style);
-      $color: map-get(map-get($borders, $direction), color);
-      border-bottom: $size $style $color;
-    } @else if $direction == "left" {
-      $size: map-get(map-get($borders, $direction), size);
-      $style: map-get(map-get($borders, $direction), style);
-      $color: map-get(map-get($borders, $direction), color);
-      border-left: $size $style $color;
-    }
-  }
-}
-
-@mixin sidebar-width($borders, $width) {
-  $sidebar-width: $width;
-
-  @each $border in $borders {
-    $direction: nth($border, 1);
-    @if $direction == "all" {
-      $size: map-get(map-get($borders, $direction), size);
-      $sidebar-width: ($sidebar-width - (2 * $size));
-    } @else if $direction == "right" {
-      $size: map-get(map-get($borders, $direction), size);
-      $sidebar-width: $sidebar-width - $size;
-    } @else if $direction == "left" {
-      $size: map-get(map-get($borders, $direction), size);
-      $sidebar-width: $sidebar-width - $size;
-    }
-    width: $sidebar-width;
-  }
-}
-
-@mixin bg-variant($parent, $color) {
-  #{"" + $parent} {
-    @include border-radius(
-      $card-border-radius-inner $card-border-radius-inner $card-border-radius-inner $card-border-radius-inner
-    );
-    color: #fff !important;
-    background-color: $color !important;
-  }
-  a#{"" + $parent} {
-    @include hover-focus {
-      background-color: darken($color, 10%);
-    }
-  }
-}
-
-@mixin card-accent-variant($color) {
-  border-top-width: 2px;
-  border-top-color: $color;
-}
-
-@mixin tabs-style($color) {
-  display: inline-block;
-  margin-right: 20px;
-  font-size: 16px;
-  color: $color;
-}
-
-@mixin fit-content() {
-  width: fit-content !important;
-  width: -moz-max-content !important;
-}
-
-@mixin fit-content-height() {
-  height: fit-content !important;
-  height: -moz-max-content !important;
-}
-
-@mixin label($fontSize, $fontWeight, $fontStyle, $letterSpacing, $color) {
-  font-family: Roboto;
-  font-size: $fontSize;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: $fontStyle;
-  line-height: normal;
-  letter-spacing: $letterSpacing;
-  color: $color;
-}
-
-@mixin modal-btn($background-color) {
-  width: 100%;
-  background-color: $background-color;
-  color: white;
-  border-radius: initial;
-}
-
-@mixin OrderListingTableStyling {
-  width: 100%;
-  tr {
-    border: 1px solid #d4d4d4;
-    border-top: none;
-    th {
-      color: #4a4a4a;
-      font-size: 11px;
-      font-weight: 500;
-      letter-spacing: 0.3px;
-      vertical-align: middle;
-      text-align: left;
-      // position: sticky;
-      // // z-index: 101 !important;
-      // top: 0px;
-      padding: unset;
-      height: 30px;
-      // line-height: 30px;
-      border-top: 1px solid #d4d4d4;
-    }
-    &.header-row th {
-      background-color: #ededed;
-    }
-    td {
-      font-size: 12px;
-      padding: 2px 0px 3px;
-      vertical-align: middle;
-      text-align: left;
-      color: #000000;
-      letter-spacing: 0px;
-    }
-  }
-}