@colijnit/transaction 261.20.57 → 261.20.58

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.
package/index.d.ts CHANGED
@@ -9867,7 +9867,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
9867
9867
  showCategories: boolean;
9868
9868
  constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
9869
9869
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9870
- currentTitle(): "MARGINS" | "OVERVIEW";
9870
+ currentTitle(): "OVERVIEW" | "MARGINS";
9871
9871
  ngOnDestroy(): void;
9872
9872
  handleClickWrapper(event: MouseEvent): void;
9873
9873
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -9893,7 +9893,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
9893
9893
  constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
9894
9894
  ngOnDestroy(): void;
9895
9895
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9896
- currentTitle(): "MARGINS" | "OVERVIEW";
9896
+ currentTitle(): "OVERVIEW" | "MARGINS";
9897
9897
  handleClickWrapper(event: MouseEvent): void;
9898
9898
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
9899
9899
  private handleDocumentClick;
@@ -9945,7 +9945,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
9945
9945
  showCategories: boolean;
9946
9946
  constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
9947
9947
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9948
- currentTitle(): "MARGINS" | "OVERVIEW";
9948
+ currentTitle(): "OVERVIEW" | "MARGINS";
9949
9949
  ngOnDestroy(): void;
9950
9950
  handleClickWrapper(event: MouseEvent): void;
9951
9951
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -133,6 +133,7 @@
133
133
  .title {
134
134
  font-size: $tp-transaction-header-popup-category-title-font-size;
135
135
  text-align: center;
136
+ white-space: nowrap;
136
137
  }
137
138
  }
138
139
 
@@ -24,12 +24,15 @@
24
24
  overflow: auto;
25
25
  }
26
26
  .transaction-tile-wrapper {
27
- width: 40%;
28
- height: 160px;
29
- padding: 7.5px 10px;
30
- box-shadow: 0 2px 4px 0 #0000005c;
31
- border-left: 4px solid #45b8bf;
32
- border-radius: 5px;
27
+ width: $tp-co-transaction-invoice-check-tile-width;
28
+ max-width: $tp-co-transaction-invoice-check-tile-max-width;
29
+ height: $tp-co-transaction-invoice-check-tile-height;
30
+ padding: $tp-co-transaction-invoice-check-tile-padding;
31
+ box-shadow: $tp-co-transaction-invoice-check-tile-box-shadow;
32
+ border-width: $tp-co-transaction-invoice-check-tile-border-width;
33
+ border-style: solid;
34
+ border-color: $tp-co-transaction-invoice-check-tile-border-color;
35
+ border-radius: $tp-co-transaction-invoice-check-tile-border-radius;
33
36
  display: flex;
34
37
  flex-direction: column;
35
38
  .tile {
@@ -48,6 +51,10 @@
48
51
  display: flex;
49
52
  flex-direction: column;
50
53
  gap: 5px;
54
+ .co-icon {
55
+ width: $tp-co-transaction-invoice-check-tile-icon-width;
56
+ height: $tp-co-transaction-invoice-check-tile-icon-height;
57
+ }
51
58
  }
52
59
  .tile-footer {
53
60
  align-items: center;
@@ -60,8 +67,13 @@
60
67
  align-items: center;
61
68
  gap: 10px;
62
69
  .co-icon {
63
- width: 22px;
64
- height: 22px;
70
+ width: $tp-co-transaction-invoice-check-tile-icon-width;
71
+ height: $tp-co-transaction-invoice-check-tile-icon-height;
72
+ }
73
+ }
74
+ .value {
75
+ span {
76
+ font-size: $tp-co-transaction-invoice-check-tile-footer-font-size;
65
77
  }
66
78
  }
67
79
  }
@@ -0,0 +1,11 @@
1
+ $tp-co-transaction-invoice-check-tile-width: 40% !default;
2
+ $tp-co-transaction-invoice-check-tile-max-width: 300px !default;
3
+ $tp-co-transaction-invoice-check-tile-height: 110px !default;
4
+ $tp-co-transaction-invoice-check-tile-padding: 7.5px 10px !default;
5
+ $tp-co-transaction-invoice-check-tile-box-shadow: 0 2px 4px 0 #0000005c !default;
6
+ $tp-co-transaction-invoice-check-tile-border-width: 0 0 0 4px !default;
7
+ $tp-co-transaction-invoice-check-tile-border-color: #45b8bf !default;
8
+ $tp-co-transaction-invoice-check-tile-border-radius: 5px !default;
9
+ $tp-co-transaction-invoice-check-tile-icon-width: 16px !default;
10
+ $tp-co-transaction-invoice-check-tile-icon-height: 16px !default;
11
+ $tp-co-transaction-invoice-check-tile-footer-font-size: 10px !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "261.20.57",
3
+ "version": "261.20.58",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",