@annalib/anna-core 11.3.9 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/esm2020/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.mjs +4 -5
  2. package/esm2020/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.mjs +1 -1
  3. package/esm2020/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.mjs +1 -1
  4. package/esm2020/lib/anna-core-shared-lib/services/anna-generic-table.service.mjs +2 -2
  5. package/esm2020/lib/anna-core.module.mjs +5 -10
  6. package/esm2020/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.mjs +71 -71
  7. package/esm2020/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +11 -18
  8. package/esm2020/public-api.mjs +1 -2
  9. package/fesm2015/annalib-anna-core.mjs +88 -111
  10. package/fesm2015/annalib-anna-core.mjs.map +1 -1
  11. package/fesm2020/annalib-anna-core.mjs +88 -111
  12. package/fesm2020/annalib-anna-core.mjs.map +1 -1
  13. package/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.d.ts +2 -3
  14. package/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.d.ts +1 -1
  15. package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts +1 -3
  16. package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts +1 -1
  17. package/lib/anna-core.module.d.ts +11 -12
  18. package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.d.ts +1 -0
  19. package/package.json +7 -7
  20. package/public-api.d.ts +0 -1
  21. package/src/lib/anna-common-scss/_button.scss +18 -0
  22. package/src/lib/anna-common-scss/_customDropdown.scss +1 -13
  23. package/src/lib/anna-common-scss/_date-picker-form.scss +2 -2
  24. package/src/lib/anna-common-scss/_easy-filter.scss +37 -0
  25. package/src/lib/anna-common-scss/_generic-table-common.scss +18 -43
  26. package/src/lib/anna-common-scss/third-party-lib/_angular-material-mat-radio.scss +21 -0
  27. package/src/lib/anna-common-scss/third-party-lib/_mat-autocomplete.scss +28 -0
  28. package/esm2020/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.mjs +0 -14
  29. package/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.d.ts +0 -8
  30. package/src/lib/anna-common-scss/_ng-select.scss +0 -176
@@ -1,10 +1,9 @@
1
1
  import { EventEmitter, OnInit } from '@angular/core';
2
2
  import { GtColumnIconEmittedData } from '../../models/anna-generic-data-type.model';
3
- import { IconToShow } from '../../models/anna-non-editable-gt-models';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class AnnaIconColumnComponent implements OnInit {
6
5
  componentName: string;
7
- iconToShow: IconToShow;
6
+ objectKey: string;
8
7
  dataObject: any;
9
8
  PfpIconActiveColor: string;
10
9
  PfpIconDisableColor: string;
@@ -13,5 +12,5 @@ export declare class AnnaIconColumnComponent implements OnInit {
13
12
  ngOnInit(): void;
14
13
  svgIconClicked(rowData: any, key: string): void;
15
14
  static ɵfac: i0.ɵɵFactoryDeclaration<AnnaIconColumnComponent, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-anna-icon-column", never, { "componentName": "componentName"; "iconToShow": "iconToShow"; "dataObject": "dataObject"; }, { "onColumnIconClicked": "onColumnIconClicked"; }, never, never, false>;
15
+ static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-anna-icon-column", never, { "componentName": "componentName"; "objectKey": "objectKey"; "dataObject": "dataObject"; }, { "onColumnIconClicked": "onColumnIconClicked"; }, never, never, false>;
17
16
  }
@@ -1,5 +1,5 @@
1
1
  export interface IRadioButton {
2
- value: string;
2
+ value: any;
3
3
  isDisabled: boolean;
4
4
  label: string;
5
5
  class: string;
@@ -1,4 +1,3 @@
1
- import { TooltipPosition } from "@angular/material/tooltip";
2
1
  import { IWeekCalendar } from "./anna-global-dropdown-config.model";
3
2
  export interface IGtTableHeader {
4
3
  headerInfo: IHeaderInfo[];
@@ -57,7 +56,7 @@ interface ISpotTableConfig {
57
56
  isGrouped: boolean;
58
57
  }
59
58
  export interface ITooltip {
60
- iconPosition: TooltipPosition;
59
+ iconPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
61
60
  name: string;
62
61
  tooltipPosition: string;
63
62
  iconClass: string;
@@ -109,5 +108,4 @@ export interface IActionItemTypeSTRING__ICON_OR_TEXT_ACTION {
109
108
  additionalTextBeforeLink: string;
110
109
  enableTooltipForAdditionalText: boolean;
111
110
  }
112
- export declare type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER";
113
111
  export {};
@@ -1,4 +1,4 @@
1
- import { ActivatedRoute, Router } from '@angular/router';
1
+ import { ActivatedRoute, Router } from "@angular/router";
2
2
  import { Subject } from "rxjs";
3
3
  import { AnnaFilterService } from "./anna-filter.service";
4
4
  import { AnnaSortService } from "./anna-sort.service";
@@ -22,19 +22,18 @@ import * as i20 from "./anna-core-shared-lib/directives/digits-only/digits-only.
22
22
  import * as i21 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component";
23
23
  import * as i22 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component";
24
24
  import * as i23 from "./anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component";
25
- import * as i24 from "./anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component";
26
- import * as i25 from "@angular/common";
27
- import * as i26 from "@ng-bootstrap/ng-bootstrap";
28
- import * as i27 from "@angular/forms";
29
- import * as i28 from "@angular/material/radio";
30
- import * as i29 from "@angular/material/button-toggle";
31
- import * as i30 from "@angular/material/table";
32
- import * as i31 from "@angular-slider/ngx-slider";
33
- import * as i32 from "ngx-skeleton-loader";
34
- import * as i33 from "@angular/cdk/scrolling";
35
- import * as i34 from "ng-circle-progress";
25
+ import * as i24 from "@angular/common";
26
+ import * as i25 from "@ng-bootstrap/ng-bootstrap";
27
+ import * as i26 from "@angular/forms";
28
+ import * as i27 from "@angular/material/radio";
29
+ import * as i28 from "@angular/material/button-toggle";
30
+ import * as i29 from "@angular/material/table";
31
+ import * as i30 from "@angular-slider/ngx-slider";
32
+ import * as i31 from "ngx-skeleton-loader";
33
+ import * as i32 from "@angular/cdk/scrolling";
34
+ import * as i33 from "ng-circle-progress";
36
35
  export declare class AnnaCoreModule {
37
36
  static ɵfac: i0.ɵɵFactoryDeclaration<AnnaCoreModule, never>;
38
- 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.AnnaDeletedOrderIconTemplateComponent], [typeof i25.CommonModule, typeof i26.NgbModule, typeof i27.FormsModule, typeof i28.MatRadioModule, typeof i29.MatButtonToggleModule, typeof i30.MatTableModule, typeof i31.NgxSliderModule, typeof i32.NgxSkeletonLoaderModule, typeof i33.ScrollingModule, typeof i34.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, typeof i24.AnnaDeletedOrderIconTemplateComponent]>;
37
+ 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]>;
39
38
  static ɵinj: i0.ɵɵInjectorDeclaration<AnnaCoreModule>;
40
39
  }
@@ -57,6 +57,7 @@ export declare class AnnaColumnTimeFilterComponent implements OnInit {
57
57
  createFilterTooltipData(header: string): void;
58
58
  getTimeFilterData(header: string): void;
59
59
  setInitialValueMapForTimeFilter(key: string): void;
60
+ setInitialValueMapForRatingPageTimeFilter(key: string): void;
60
61
  setTimeFilterDataForComponentsOtherThanRatingsPage(header: string): void;
61
62
  setTimeFilterDataForRatingPageComponent(header: string): void;
62
63
  selectOrUnselectMultiTimeCheckbox(): void;
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@annalib/anna-core",
3
- "version": "11.3.9",
3
+ "version": "12.0.0",
4
4
  "peerDependencies": {
5
- "@angular-slider/ngx-slider": "^2.0.3",
6
- "@angular/common": "^14.3.0",
7
- "@angular/core": "^14.3.0",
8
- "@angular/material": "^14.2.7",
9
- "@ng-bootstrap/ng-bootstrap": "^13.1.1",
5
+ "@angular-slider/ngx-slider": "^2.0.4",
6
+ "@angular/common": "^15.2.9",
7
+ "@angular/core": "^15.2.9",
8
+ "@angular/material": "^15.2.9",
9
+ "@ng-bootstrap/ng-bootstrap": "^14.1.1",
10
10
  "dayjs": "^1.11.7",
11
11
  "lodash-es": "^4.17.21",
12
- "ng-circle-progress": "^1.6.0",
12
+ "ng-circle-progress": "^1.7.1",
13
13
  "ngx-skeleton-loader": "^2.10.1"
14
14
  },
15
15
  "dependencies": {
package/public-api.d.ts CHANGED
@@ -6,7 +6,6 @@ export * from "./lib/anna-core-shared-lib/components/anna-notify-icon-template/a
6
6
  export * from "./lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component";
7
7
  export * from "./lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component";
8
8
  export * from "./lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component";
9
- export * from "./lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component";
10
9
  export * from "./lib/anna-core-shared-lib/services/anna-date-time-format.service";
11
10
  export * from "./lib/anna-core-shared-lib/services/anna-global-config.service";
12
11
  export * from "./lib/anna-core-shared-lib/services/anna-filter.service";
@@ -0,0 +1,18 @@
1
+ @import "./colors";
2
+
3
+ @mixin enableDisableBtnStyle() {
4
+ background-color: white;
5
+ text-decoration: underline;
6
+ color: $primary-color;
7
+ border: none;
8
+
9
+ &:hover:enabled {
10
+ color: $charcoal;
11
+ }
12
+
13
+ &:disabled {
14
+ color: $charcoal;
15
+ opacity: 0.5;
16
+ cursor: not-allowed;
17
+ }
18
+ }
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .search-bar {
38
- margin: 9px 7px 8px 7px;
38
+ margin: 0 7px 8px 7px;
39
39
  border: 1px solid $pinkSwan;
40
40
  height: 1.875rem;
41
41
  border-radius: 2px;
@@ -121,15 +121,3 @@ span.selected-item{
121
121
  z-index: 1051;
122
122
  }
123
123
 
124
- ::ng-deep .multi-select-dropdown + div .mat-menu-panel,
125
- ::ng-deep .single-select-dropdown + div .mat-menu-panel{
126
- min-width: 100px !important;
127
- max-width: 100%;
128
- min-height: 30px !important;
129
- overflow-y: hidden;
130
- max-height: 50vh;
131
- .mat-menu-content:not(:empty) {
132
- padding-top: 0;
133
- padding-bottom: 0;
134
- }
135
- }
@@ -1,4 +1,4 @@
1
- @import "./fonts", "./colors", "./ng-select";
1
+ @import "./fonts", "./colors";
2
2
 
3
3
  .input-group-append {
4
4
  margin: auto;
@@ -78,7 +78,7 @@ input.form-control:disabled {
78
78
  background-color: #fff !important;
79
79
  }
80
80
 
81
- ::ng-deep app-single-select-dropdown ng-select.custom-dropdown {
81
+ ::ng-deep app-single-select-dropdown {
82
82
  width: 19.5rem !important;
83
83
  }
84
84
 
@@ -0,0 +1,37 @@
1
+ @import "./fonts", "./colors";
2
+
3
+ @mixin easy-filters() {
4
+ display: flex;
5
+ justify-content: space-between;
6
+ align-items: flex-end;
7
+ max-width: calc(100% - 4px);
8
+ margin-bottom: 8px;
9
+
10
+ .easy-filters-btn {
11
+ border: 1px solid $primary-color;
12
+ border-radius: 12px;
13
+ background-color: white;
14
+ color: $primary-color;
15
+ @include fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.6px);
16
+ padding: 5px 8px 5px 8px;
17
+ margin: 15px 8px 0px 0px;
18
+
19
+ &:disabled {
20
+ background-color: $gray74;
21
+ color: $charcoal;
22
+ opacity: 0.5;
23
+ border: 1px solid $gray74;
24
+ cursor: not-allowed;
25
+ }
26
+ }
27
+
28
+ button.easy-filter-active {
29
+ color: white;
30
+ background: $primary-color;
31
+ }
32
+
33
+ .only-enabled-button {
34
+ cursor: default;
35
+ pointer-events: none;
36
+ }
37
+ }
@@ -1,6 +1,3 @@
1
- @use "../anna-common-scss/fonts" as fonts;
2
- @use "../anna-common-scss/colors" as colors;
3
-
4
1
  @mixin no-data-to-display-gt($tableHeight, $rowHeight, $noDataMarginTop) {
5
2
  .table-container {
6
3
  height: calc($tableHeight) !important;
@@ -89,53 +86,31 @@
89
86
  }
90
87
  }
91
88
 
92
- @mixin genericTableHeaderShadow($columnNumber){
93
- .scroll-left-shadow-effect .header-row th:nth-of-type(#{$columnNumber}) {
94
- border: none !important;
95
- filter: drop-shadow(2px 0 2px colors.$lightGray-4);
89
+ @mixin common-scrollbar($scrollTop) {
90
+ &::-webkit-scrollbar {
91
+ height: 4px;
92
+ width: 4px;
96
93
  }
97
- }
98
-
99
- @mixin genericTableTotalRowShadow($columnNumber){
100
- .scroll-left-shadow-effect .total-row td:nth-of-type(#{$columnNumber}) {
101
- filter: drop-shadow(2px 0 2px colors.$lightGray-4);
94
+
95
+ &::-webkit-scrollbar-thumb {
96
+ border-radius: 2px;
97
+ border: solid 1px rgba(0, 0, 0, 0.1);
98
+ background-color: rgba(0, 0, 0, 0.4);
102
99
  }
103
- }
104
100
 
105
- @mixin genericTableTableDataShadow($columnNumber){
106
- .scroll-left-shadow-effect td:nth-of-type(#{$columnNumber}) {
107
- filter: drop-shadow(2px 0 1px colors.$lightGray-4);
101
+ &::-webkit-scrollbar-track {
102
+ margin-top: $scrollTop;
103
+ border: 1px solid rgba(0, 0, 0, 0.1) !important
108
104
  }
109
105
  }
110
106
 
111
- @mixin genericTableOverrideHeaderShadow($columnNumber){
112
- .scroll-left-shadow-effect .header-row th:nth-of-type(#{$columnNumber}) {
113
- box-shadow: none !important;
114
- border: none !important;
115
- filter: none;
116
- }
107
+ @mixin header-fixed($z-index) {
108
+ position: sticky;
109
+ z-index: $z-index;
117
110
  }
118
111
 
119
- @mixin genericTableOverrideTableDataShadow($columnNumber){
120
- .scroll-left-shadow-effect td:nth-of-type(#{$columnNumber}) {
121
- filter: none;
122
- }
112
+ @mixin sub-header($z-index) {
113
+ position: sticky;
114
+ z-index: $z-index;
123
115
  }
124
116
 
125
- @mixin overrideEmptyTrBorders($startIndex){
126
-
127
- tr.no-border-tr:first-of-type{
128
-
129
- td:nth-of-type(#{$startIndex}){
130
- box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
131
- }
132
-
133
- td:nth-child(n+ #{$startIndex + 1}){
134
- box-shadow: none !important;
135
- }
136
-
137
- td:last-of-type{
138
- box-shadow: inset -1px 0px 0px 0px #d4d4d4 !important
139
- }
140
- }
141
- }
@@ -0,0 +1,21 @@
1
+ @mixin anna-mat-radio() {
2
+ .mdc-radio__background {
3
+ width: var(--mat-radio-size);
4
+ height: var(--mat-radio-size);
5
+ }
6
+
7
+ .mdc-radio__inner-circle {
8
+ border-width: calc(var(--mat-radio-size)/2);
9
+ }
10
+
11
+ .mdc-form-field > label {
12
+ margin: 0 0 0 4px;
13
+ padding: 0;
14
+ top: -2px;
15
+ position: relative;
16
+ }
17
+
18
+ .mdc-radio--disabled + label {
19
+ color: var(--disabled-text-color) !important;
20
+ }
21
+ }
@@ -0,0 +1,28 @@
1
+ @mixin anna-mat-autocomplete(){
2
+ background-color: white;
3
+ padding: 0 !important;
4
+ box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
5
+
6
+ & .mat-mdc-option {
7
+ min-height: 30px;
8
+ height: 30px;
9
+ &:hover {
10
+ background-color: var(--dropdown-hover-color) !important;
11
+ }
12
+
13
+ & .mdc-list-item__primary-text {
14
+ display: inline-block;
15
+ text-overflow: ellipsis;
16
+ overflow: hidden;
17
+ white-space: pre;
18
+ }
19
+
20
+ & .mat-pseudo-checkbox {
21
+ display: none;
22
+ }
23
+ }
24
+
25
+ & .mat-option {
26
+ background-color: var(--dropdown-hover-color) !important;
27
+ }
28
+ }
@@ -1,14 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class AnnaDeletedOrderIconTemplateComponent {
4
- constructor() { }
5
- ngOnInit() {
6
- }
7
- }
8
- AnnaDeletedOrderIconTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- AnnaDeletedOrderIconTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AnnaDeletedOrderIconTemplateComponent, selector: "anna-deleted-order-icon-template", ngImport: i0, template: "<i class=\"mdi mdi-file-remove-outline\"></i>", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, decorators: [{
11
- type: Component,
12
- args: [{ selector: 'anna-deleted-order-icon-template', template: "<i class=\"mdi mdi-file-remove-outline\"></i>", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
13
- }], ctorParameters: function () { return []; } });
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5uYS1kZWxldGVkLW9yZGVyLWljb24tdGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5uYS1jb3JlL3NyYy9saWIvYW5uYS1jb3JlLXNoYXJlZC1saWIvY29tcG9uZW50cy9hbm5hLWRlbGV0ZWQtb3JkZXItaWNvbi10ZW1wbGF0ZS9hbm5hLWRlbGV0ZWQtb3JkZXItaWNvbi10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbm5hLWNvcmUvc3JjL2xpYi9hbm5hLWNvcmUtc2hhcmVkLWxpYi9jb21wb25lbnRzL2FubmEtZGVsZXRlZC1vcmRlci1pY29uLXRlbXBsYXRlL2FubmEtZGVsZXRlZC1vcmRlci1pY29uLXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT2xELE1BQU0sT0FBTyxxQ0FBcUM7SUFFaEQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O2tJQUxVLHFDQUFxQztzSEFBckMscUNBQXFDLHdFQ1BsRCwrQ0FBMkM7MkZETzlCLHFDQUFxQztrQkFMakQsU0FBUzsrQkFDRSxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbm5hLWRlbGV0ZWQtb3JkZXItaWNvbi10ZW1wbGF0ZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FubmEtZGVsZXRlZC1vcmRlci1pY29uLXRlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hbm5hLWRlbGV0ZWQtb3JkZXItaWNvbi10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbm5hRGVsZXRlZE9yZGVySWNvblRlbXBsYXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8aSBjbGFzcz1cIm1kaSBtZGktZmlsZS1yZW1vdmUtb3V0bGluZVwiPjwvaT4iXX0=
@@ -1,8 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class AnnaDeletedOrderIconTemplateComponent implements OnInit {
4
- constructor();
5
- ngOnInit(): void;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<AnnaDeletedOrderIconTemplateComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<AnnaDeletedOrderIconTemplateComponent, "anna-deleted-order-icon-template", never, {}, {}, never, never, false>;
8
- }
@@ -1,176 +0,0 @@
1
- /***COMMON NG-SELECT STYLING FOR ALL SIZES **/
2
- ::ng-deep .ng-select {
3
- & .ng-arrow,
4
- & .ng-arrow:hover {
5
- border-color: black transparent transparent !important;
6
- opacity: 1 !important;
7
- }
8
-
9
- &.ng-select-opened .ng-arrow,
10
- &.ng-select-opened .ng-arrow:hover {
11
- border-color: transparent transparent black !important;
12
- opacity: 1 !important;
13
- padding-top: 2px;
14
- }
15
-
16
- & .ng-select-container {
17
- border: 1px solid #b7b7b7 !important;
18
- border-radius: 2px;
19
- &:hover {
20
- box-shadow: none;
21
- }
22
- }
23
-
24
- &.custom-error-ng-select .ng-select-container {
25
- border: 1px solid #f86c6b;
26
- }
27
-
28
- &.ng-select-disabled > .ng-select-container {
29
- background-color: #bdbdbd;
30
- opacity: 0.5;
31
- cursor: not-allowed;
32
-
33
- }
34
-
35
- & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
36
- & .ng-option-label {
37
- font-weight: normal !important;
38
- }
39
- &:hover {
40
- background-color: #ebebeb;
41
- color: #4a4a4a;
42
- }
43
- &:not(:hover){
44
- background-color: #fff;
45
- }
46
- &.ng-option-selected {
47
- background-color: #268bff;
48
- color: #fff;
49
- }
50
- }
51
-
52
- &.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
53
- border-color: lightgray;
54
- box-shadow: none;
55
- }
56
-
57
- }
58
-
59
- /*****EXTRA SMALL NG STYLE******/
60
- ::ng-deep .ng-select.custom-xs-ng-select {
61
- & .ng-select-container {
62
- min-height: 22px !important;
63
- font-size: 12px !important;
64
- }
65
-
66
- &.ng-select-single .ng-select-container {
67
- height: 22px !important;
68
- }
69
-
70
- & .ng-dropdown-panel .scroll-host {
71
- font-size: 12px !important;
72
- }
73
-
74
- & .ng-arrow-wrapper {
75
- padding-top: 2px !important;
76
- }
77
-
78
- &.ng-select-opened,
79
- &.ng-select-bottom,
80
- &.ng-select-top {
81
- & .ng-select-container {
82
- padding-top: 6px !important;
83
- }
84
- }
85
- &.non-searchable {
86
- &.ng-select-opened,
87
- &.ng-select-bottom,
88
- &.ng-select-top {
89
- & .ng-select-container {
90
- padding-top: 4px !important;
91
- }
92
- }
93
- }
94
- & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
95
- padding: 3px 10px;
96
- }
97
- }
98
-
99
- /**SMALL NG SELECT STYLE***/
100
- ::ng-deep .ng-select.custom-sm-ng-select {
101
- & .ng-select-container {
102
- min-height: 1.5625rem !important;
103
- }
104
-
105
- &.ng-select-single .ng-select-container {
106
- height: 1.5625rem !important;
107
- }
108
-
109
- &.ng-select-opened,
110
- &.ng-select-bottom,
111
- &.ng-select-top {
112
- & .ng-select-container {
113
- padding-top: 8px !important;
114
- }
115
- }
116
- &.non-searchable {
117
- &.ng-select-opened,
118
- &.ng-select-bottom,
119
- &.ng-select-top {
120
- & .ng-select-container {
121
- padding-top: 8px !important;
122
- }
123
- }
124
- }
125
- & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
126
- padding: 4px 10px;
127
- }
128
- }
129
-
130
- /**MEDIUM NG SELECT STYLE***/
131
- ::ng-deep .ng-select.custom-md-ng-select {
132
- & .ng-select-container {
133
- min-height: 30px !important;
134
- }
135
-
136
- &.ng-select-single .ng-select-container {
137
- height: 1.875rem !important;
138
- }
139
- }
140
-
141
- /**MEDIUM NG SELECT STYLE -2 !!! with 32px height !!!***/
142
- ::ng-deep .ng-select.custom-md-32-ng-select {
143
- & .ng-select-container {
144
- min-height: 32px !important;
145
- }
146
-
147
- &.ng-select-single .ng-select-container {
148
- height: 32px !important;
149
- }
150
- }
151
-
152
- /**LARGE NG SELECT STYLE***/
153
- ::ng-deep .ng-select.custom-lg-ng-select {
154
- & .ng-select-container {
155
- min-height: 2.8125rem !important;
156
- }
157
-
158
- &.ng-select-single .ng-select-container {
159
- height: 2.8125rem !important;
160
- }
161
- }
162
-
163
-
164
- :host::ng-deep .custom-arrow.ng-select.ng-select-opened>.ng-select-container{
165
- .ng-arrow{
166
- border-width: 0 4px 4px;
167
- position: relative;
168
- bottom: 1px;
169
- }
170
- }
171
-
172
- :host::ng-deep .custom-arrow.ng-select .ng-arrow-wrapper .ng-arrow{
173
- border-width: 4px 4px 2.5px;
174
- position: relative;
175
- bottom: 1px;
176
- }