@colijnit/transaction 12.1.82 → 12.1.83

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 (18) hide show
  1. package/bundles/colijnit-transaction.umd.js +42 -42
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.d.ts +28 -32
  4. package/colijnit-transaction.metadata.json +1 -1
  5. package/esm2015/colijnit-transaction.js +29 -33
  6. package/esm2015/lib/res/dictionary/dictionaries.js +2 -2
  7. package/esm2015/public_api.js +6 -1
  8. package/fesm2015/colijnit-transaction.js +2 -2
  9. package/fesm2015/colijnit-transaction.js.map +1 -1
  10. package/lib/component/transaction-search/style/_layout.scss +2 -2
  11. package/lib/component/transaction-search/style/_material-definition.scss +3 -104
  12. package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_material-definition.scss +39 -0
  13. package/lib/component/transaction-search/transaction-search-header/style/_material-definition.scss +25 -0
  14. package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss +5 -1
  15. package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss +37 -0
  16. package/lib/res/dictionary/dictionaries.d.ts +2 -0
  17. package/package.json +1 -1
  18. package/public_api.d.ts +5 -0
package/lib/component/transaction-search/style/_layout.scss CHANGED
@@ -31,14 +31,14 @@
31
31
  }
32
32
  .transaction-filter-wrapper {
33
33
  display: flex;
34
- min-width: $tp-co-transaction-filter-wrapper-min-width;
34
+ min-width: $search-filter-wrapper-min-width;
35
35
  &.sidebar {
36
36
  position: absolute;
37
37
  left: 0;
38
38
  transition: left 0.2s ease-in-out;
39
39
  z-index: 2;
40
40
  background: #FFF;
41
- min-width: $tp-co-transaction-filter-wrapper-sidebar-min-width;
41
+ min-width: $search-filter-wrapper-sidebar-min-width;
42
42
  }
43
43
  &.fullscreen {
44
44
  position: relative;
package/lib/component/transaction-search/style/_material-definition.scss CHANGED
@@ -7,49 +7,8 @@ $cc-co-transaction-search-max-height: 100vh !default;
7
7
 
8
8
  $cc-co-transaction-searchbar-width: 370px !default;
9
9
 
10
- $tp-co-transaction-filter-wrapper-min-width: 360px !default;
11
- $tp-co-transaction-filter-wrapper-sidebar-min-width: 370px !default;
12
- $tp-co-transaction-filter-button-color: $cc-color-light !default;
13
- $tp-co-transaction-filter-input-border: none !default;
14
-
15
- $tp-co-transaction-filter-font-family: $tp-font-family !default;
16
- $tp-co-transaction-filter-font-size: $tp-font-size !default;
17
- $cc-co-transaction-filter-background-color: $cc-color-light !default;
18
- $cc-co-transaction-filter-width: 350px !default;
19
- $cc-co-transaction-filter-padding: 10px !default;
20
- $cc-co-transaction-filter-border: none !default;
21
- $cc-co-transaction-filter-top: 0 !default;
22
-
23
- $cc-co-transaction-filter-icon-margin-left: 10px !default;
24
- $cc-co-transaction-filter-icon-height: 13px !default;
25
- $cc-co-transaction-filter-icon-width: 13px !default;
26
-
27
- $cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
28
- $cc-co-transaction-filter-header-font-weight: bold !default;
29
- $cc-co-transaction-filter-header-font-size: 14px !default;
30
- $cc-co-transaction-filter-header-color: $tp-color-font !default;
31
-
32
- $cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
33
- $cc-co-transaction-category-filter-content-width: 350px !default;
34
-
35
- $tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
36
- $tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
37
- $tp-co-transaction-filter-categories-font-weight: bold !default;
38
- $tp-co-transaction-filter-categories-active-color: $tp-color-action !default;
39
- $tp-co-transaction-filter-categories-inactive-color: #8083A3 !default;
40
- $tp-co-transaction-filter-categories-inactive-border-color: $tp-color-grey !default;
41
- $tp-co-transaction-filter-categories-padding: 20px 30px !default;
42
- $tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
43
- $tp-co-transaction-filter-categories-border-style: solid !default;
44
- $tp-co-transaction-filter-categories-active-border-width: 0 0 1px 0 !default;
45
- $tp-co-transaction-filter-categories-active-border-style: solid !default;
46
-
47
- $tp-co-transaction-search-filter-width: 100% !default;
48
- $tp-co-transaction-search-filter-button-padding: 20px 0 !default;
49
- $tp-co-transaction-search-filter-button-width: 90% !default;
50
- $tp-co-transaction-search-filter-button-size: 32px !default;
51
- $tp-co-transaction-search-filter-button-border-radius: 5px !default;
52
- $tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;
10
+ $search-filter-wrapper-min-width: 360px !default;
11
+ $search-filter-wrapper-sidebar-min-width: 370px !default;
53
12
 
54
13
  $tp-co-transaction-search-result-header-search-button-wrapper-column-gap: 10px !default;
55
14
 
@@ -60,72 +19,12 @@ $tp-co-transaction-search-result-upper-header-height: 20px !default;
60
19
  $tp-co-transaction-search-result-header-buttons-wrapper-padding: 0 !default;
61
20
  $tp-co-transaction-search-result-header-sidebar-button-size: 15px !default;
62
21
  $tp-co-transaction-search-filter-button-icon-size: 20px !default;
22
+
63
23
  $tp-co-transaction-search-result-header-sidebar-icon-size: 15px !default;
64
24
  $tp-co-transaction-search-result-header-sidebar-button-color: $tp-color-label !default;
65
-
66
25
  $tp-co-transaction-search-result-header-sidebar-close-button-size: 15px !default;
67
26
  $tp-co-transaction-search-result-header-sidebar-close-button-color: $tp-color-label !default;
68
27
 
69
- $tp-co-transaction-search-header-label-color: $tp-color-font !default;
70
- $tp-co-transaction-search-header-label-font-size: 18px !default;
71
- $tp-co-transaction-search-header-label-font-weight: bold !default;
72
- $tp-co-transaction-search-header-column-gap: 20px !default;
73
- $tp-co-transaction-search-header-button-wrapper-column-gap: 0 !default;
74
- $tp-co-transaction-search-header-plus-button-size: 26px !default;
75
- $tp-co-transaction-search-header-plus-button-icon-size: 20px !default;
76
- $tp-co-transaction-search-header-plus-button-color: $tp-color-label !default;
77
- $tp-co-transaction-search-header-plus-button-border-style: solid !default;
78
- $tp-co-transaction-search-header-plus-button-border-width: 0 !default;
79
- $tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
80
- $tp-co-transaction-search-header-plus-button-border-radius: 5px !default;
81
- $tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
82
-
83
- $tp-co-transaction-search-input-text-fullscreen-width: 440px !default;
84
- $tp-co-transaction-search-input-text-sidebar-width: 250px !default;
85
- $tp-co-transaction-search-input-text-sidebar-height: 40px !default;
86
- $tp-co-transaction-search-input-text-label-margin-left: 5% !default;
87
28
  $tp-co-transaction-search-view-modes-wrapper-padding: 0 35px !default;
88
29
 
89
- $tp-transaction-tile-background-color: $tp-color-light !default;
90
- $tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
91
- $tp-transaction-tile-background-color-selected: #F0F5FF !default;
92
- $tp-transaction-tiles-wrapper-padding: 20px !default;
93
- $tp-transaction-tiles-wrapper-row-gap: 5px !default;
94
- $tp-transaction-tiles-wrapper-width: 100% !default;
95
- $tp-transaction-tiles-wrapper-height: 100% !default;
96
- $tp-transaction-tiles-wrapper-column-gap: 5px !default;
97
- $tp-transaction-tile-font-family: $tp-font-family !default;
98
- $tp-transaction-tile-font-size: $tp-font-size !default;
99
- $tp-transaction-tile-height: 150px !default;
100
- $tp-transaction-tile-content-height: 130px !default;
101
- $tp-transaction-tile-body-height: 100px !default;
102
- $tp-transaction-tile-width: 300px !default;
103
- $tp-transaction-tile-width-mobile: 85 vw !default;
104
- $tp-transaction-tile-padding: 10px 15px !default;
105
- $tp-transaction-tile-row-gap: 10px !default;
106
- $tp-transaction-tile-column-gap: 10px !default;
107
- $tp-transaction-tile-font-size-small: $tp-font-size-small !default;
108
- $tp-transaction-tile-font-color: #6E7694 !default;
109
- $tp-transaction-tile-font-color-dark: $tp-color-font !default;
110
- $tp-transaction-tile-header-font-size: $tp-font-size !default;
111
- $tp-transaction-tile-header-font-weight: bold !default;
112
- $tp-transaction-tile-header-font-color: $tp-color-font !default;
113
- $tp-transaction-tile-footer-border-color: $tp-transaction-tile-font-color !default;
114
- $tp-transaction-tile-footer-padding: 10px 0 !default;
115
- $tp-transaction-tile-footer-middle-section-padding: 0 15px !default;
116
- $tp-transaction-tile-value-height: 20px !default;
117
- $tp-transaction-tile-border-color: $tp-color-border !default;
118
- $tp-transaction-tile-button-color: $tp-color-active-light !default;
119
- $tp-transaction-tile-button-border-radius: 8px !default;
120
- $tp-transaction-tile-button-height: 25px !default;
121
- $tp-transaction-tile-button-margin-top: 10px !default;
122
- $tp-transaction-tile-button-font-weight: bold !default;
123
- $tp-transaction-tile-avatar-height: 30px !default;
124
- $tp-transaction-tile-avatar-width: 30px !default;
125
- $tp-transaction-tile-icon-width: 1.2rem !default;
126
- $tp-transaction-tile-icon-height: 1.2rem !default;
127
- $tp-transaction-tile-icon-active-color: $tp-color-active !default;
128
- $tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
129
- $tp-transaction-tile-line-height: 15px !default;
130
-
131
30
 
package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_material-definition.scss CHANGED
@@ -0,0 +1,39 @@
1
+ $tp-co-transaction-filter-wrapper-min-width: 360px !default;
2
+ $tp-co-transaction-filter-wrapper-sidebar-min-width: 370px !default;
3
+
4
+ $tp-co-transaction-filter-input-border: none !default;
5
+
6
+ $tp-co-transaction-filter-font-family: $tp-font-family !default;
7
+ $tp-co-transaction-filter-font-size: $tp-font-size !default;
8
+ $cc-co-transaction-filter-background-color: $cc-color-light !default;
9
+ $cc-co-transaction-filter-width: 350px !default;
10
+ $cc-co-transaction-filter-padding: 10px !default;
11
+ $cc-co-transaction-filter-border: none !default;
12
+ $cc-co-transaction-filter-top: 0 !default;
13
+
14
+ $cc-co-transaction-filter-icon-margin-left: 10px !default;
15
+ $cc-co-transaction-filter-icon-height: 13px !default;
16
+ $cc-co-transaction-filter-icon-width: 13px !default;
17
+
18
+ $cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
19
+ $cc-co-transaction-filter-header-font-weight: bold !default;
20
+ $cc-co-transaction-filter-header-font-size: 14px !default;
21
+ $cc-co-transaction-filter-header-color: $tp-color-font !default;
22
+
23
+ $cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
24
+ $cc-co-transaction-category-filter-content-width: 350px !default;
25
+
26
+ $tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
27
+ $tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
28
+ $tp-co-transaction-filter-categories-font-weight: bold !default;
29
+ $tp-co-transaction-filter-categories-active-color: $tp-color-action !default;
30
+ $tp-co-transaction-filter-categories-inactive-color: #8083A3 !default;
31
+ $tp-co-transaction-filter-categories-inactive-border-color: $tp-color-grey !default;
32
+ $tp-co-transaction-filter-categories-padding: 20px 30px !default;
33
+ $tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
34
+ $tp-co-transaction-filter-categories-border-style: solid !default;
35
+ $tp-co-transaction-filter-categories-active-border-width: 0 0 1px 0 !default;
36
+ $tp-co-transaction-filter-categories-active-border-style: solid !default;
37
+
38
+ $tp-co-transaction-search-filter-width: 100% !default;
39
+ $tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;
package/lib/component/transaction-search/transaction-search-header/style/_material-definition.scss CHANGED
@@ -1 +1,26 @@
1
1
  $tp-co-transaction-search-header-input-text-width: 300px !default;
2
+ $tp-co-transaction-search-header-label-color: $tp-color-font !default;
3
+ $tp-co-transaction-search-header-label-font-size: 18px !default;
4
+ $tp-co-transaction-search-header-label-font-weight: bold !default;
5
+ $tp-co-transaction-search-header-column-gap: 20px !default;
6
+ $tp-co-transaction-search-header-button-wrapper-column-gap: 0 !default;
7
+ $tp-co-transaction-search-header-plus-button-size: 26px !default;
8
+ $tp-co-transaction-search-header-plus-button-icon-size: 20px !default;
9
+ $tp-co-transaction-search-header-plus-button-color: $tp-color-label !default;
10
+ $tp-co-transaction-search-header-plus-button-border-style: solid !default;
11
+ $tp-co-transaction-search-header-plus-button-border-width: 0 !default;
12
+ $tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
13
+ $tp-co-transaction-search-header-plus-button-border-radius: 5px !default;
14
+ $tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
15
+
16
+ $tp-co-transaction-search-input-text-fullscreen-width: 440px !default;
17
+ $tp-co-transaction-search-input-text-sidebar-width: 250px !default;
18
+ $tp-co-transaction-search-input-text-sidebar-height: 40px !default;
19
+ $tp-co-transaction-search-input-text-label-margin-left: 5% !default;
20
+
21
+ $cc-co-transaction-searchbar-width: 370px !default;
22
+ $tp-co-transaction-filter-button-color: $cc-color-light !default;
23
+ $tp-co-transaction-search-filter-button-padding: 20px 0 !default;
24
+ $tp-co-transaction-search-filter-button-width: 90% !default;
25
+ $tp-co-transaction-search-filter-button-size: 32px !default;
26
+ $tp-co-transaction-search-filter-button-border-radius: 5px !default;
package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss CHANGED
@@ -1 +1,5 @@
1
-
1
+ $tp-transaction-tiles-wrapper-padding: 20px !default;
2
+ $tp-transaction-tiles-wrapper-row-gap: 5px !default;
3
+ $tp-transaction-tiles-wrapper-width: 100% !default;
4
+ $tp-transaction-tiles-wrapper-height: 100% !default;
5
+ $tp-transaction-tiles-wrapper-column-gap: 5px !default;
package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss CHANGED
@@ -0,0 +1,37 @@
1
+ $tp-transaction-tile-background-color: $tp-color-light !default;
2
+ $tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
3
+ $tp-transaction-tile-background-color-selected: #F0F5FF !default;
4
+
5
+ $tp-transaction-tile-font-family: $tp-font-family !default;
6
+ $tp-transaction-tile-font-size: $tp-font-size !default;
7
+ $tp-transaction-tile-height: 150px !default;
8
+ $tp-transaction-tile-content-height: 130px !default;
9
+ $tp-transaction-tile-body-height: 100px !default;
10
+ $tp-transaction-tile-width: 300px !default;
11
+ $tp-transaction-tile-width-mobile: 85 vw !default;
12
+ $tp-transaction-tile-padding: 10px 15px !default;
13
+ $tp-transaction-tile-row-gap: 10px !default;
14
+ $tp-transaction-tile-column-gap: 10px !default;
15
+ $tp-transaction-tile-font-size-small: $tp-font-size-small !default;
16
+ $tp-transaction-tile-font-color: #6E7694 !default;
17
+ $tp-transaction-tile-font-color-dark: $tp-color-font !default;
18
+ $tp-transaction-tile-header-font-size: $tp-font-size !default;
19
+ $tp-transaction-tile-header-font-weight: bold !default;
20
+ $tp-transaction-tile-header-font-color: $tp-color-font !default;
21
+ $tp-transaction-tile-footer-border-color: $tp-transaction-tile-font-color !default;
22
+ $tp-transaction-tile-footer-padding: 10px 0 !default;
23
+ $tp-transaction-tile-footer-middle-section-padding: 0 15px !default;
24
+ $tp-transaction-tile-value-height: 20px !default;
25
+ $tp-transaction-tile-border-color: $tp-color-border !default;
26
+ $tp-transaction-tile-button-color: $tp-color-active-light !default;
27
+ $tp-transaction-tile-button-border-radius: 8px !default;
28
+ $tp-transaction-tile-button-height: 25px !default;
29
+ $tp-transaction-tile-button-margin-top: 10px !default;
30
+ $tp-transaction-tile-button-font-weight: bold !default;
31
+ $tp-transaction-tile-avatar-height: 30px !default;
32
+ $tp-transaction-tile-avatar-width: 30px !default;
33
+ $tp-transaction-tile-icon-width: 1.2rem !default;
34
+ $tp-transaction-tile-icon-height: 1.2rem !default;
35
+ $tp-transaction-tile-icon-active-color: $tp-color-active !default;
36
+ $tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
37
+ $tp-transaction-tile-line-height: 15px !default;
package/lib/res/dictionary/dictionaries.d.ts CHANGED
@@ -11576,6 +11576,8 @@ export declare class Dictionaries {
11576
11576
  DELIVERY_TIME_PERIOD_IN_DAYS: string;
11577
11577
  DELIVERY_TIME_SALE: string;
11578
11578
  DELIVERY_TIME_SPECIFICATION: string;
11579
+ DELIVERY_TIME_WHEN_NO_STOCK: string;
11580
+ DELIVERY_TIME_WHEN_NO_STOCK_UNIT: string;
11579
11581
  DEPARTMENT: string;
11580
11582
  DEPARTMENTS: string;
11581
11583
  DEPARTMENT_CODE: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "12.1.82",
3
+ "version": "12.1.83",
4
4
  "description": "Colijn IT transaction module for Angular 12",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
package/public_api.d.ts CHANGED
@@ -12,6 +12,10 @@ export * from "./lib/component/transaction-search/transaction-search.component";
12
12
  export * from "./lib/component/transaction-search/transaction-search.module";
13
13
  export * from "./lib/component/transaction-search/transaction-search-tile/transaction-statusbar/transaction-statusbar.component";
14
14
  export * from "./lib/component/transaction-search/transaction-search-tile/transaction-statusbar/transaction-statusbar.module";
15
+ export * from "./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.module";
16
+ export * from "./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component";
17
+ export * from "./lib/component/transaction-search/transaction-search-header/transaction-search-header.module";
18
+ export * from "./lib/component/transaction-search/transaction-search-header/transaction-search-header.component";
15
19
  export * from "./lib/component/transaction-header/transaction-header/transaction-header.component";
16
20
  export * from "./lib/component/transaction-header/transaction-header/transaction-header.module";
17
21
  export * from "./lib/component/transaction-header/transaction-header-order/transaction-header-order.component";
@@ -43,3 +47,4 @@ export * from "./lib/service/relation.service";
43
47
  export * from "./lib/component/transaction-search/service/transaction-search.service";
44
48
  export * from "./lib/enum/search-view-mode.enum";
45
49
  export * from "./lib/enum/searchbar-view-mode.enum";
50
+ export * from "./lib/enum/content-view-mode.enum";