@colijnit/sharedcomponents 255.1.6 → 255.1.7

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 (27) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +19 -5
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/file-upload-popup/file-upload-popup.component.js +153 -146
  5. package/esm2015/lib/components/file-upload-popup/file-upload-popup.module.js +4 -3
  6. package/esm2015/lib/components/stock/localization/translation.js +3 -1
  7. package/esm2015/lib/components/task-creator/task-creator.component.js +2 -2
  8. package/esm2015/lib/enum/icon.enum.js +2 -1
  9. package/esm2015/lib/model/icon-svg.js +2 -1
  10. package/fesm2015/colijnit-sharedcomponents.js +157 -147
  11. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  12. package/lib/components/activity-list/style/_layout.scss +4 -0
  13. package/lib/components/activity-overview-component/style/_layout.scss +35 -5
  14. package/lib/components/file-upload-popup/file-upload-popup.component.d.ts +5 -1
  15. package/lib/components/file-upload-popup/style/_layout.scss +53 -8
  16. package/lib/components/open-activity-list/style/_layout.scss +1 -2
  17. package/lib/components/stock/localization/translation.d.ts +2 -0
  18. package/lib/components/task-creator/style/_layout.scss +11 -8
  19. package/lib/enum/icon.enum.d.ts +1 -0
  20. package/package.json +1 -1
  21. package/3rdpartylicenses.txt +0 -1405
  22. package/favicon.ico +0 -0
  23. package/index.html +0 -12
  24. package/main.2396a36c81daedb9fd1f.js +0 -1
  25. package/polyfills.907fe9d1887c5de17993.js +0 -1
  26. package/runtime.8aac21847ed3d3829cca.js +0 -1
  27. package/styles.7699734a9d860ab3b86f.css +0 -1
@@ -37,6 +37,7 @@
37
37
  background-color: $sc-color-activity;
38
38
  padding: 15px;
39
39
  color: #FFFFFF;
40
+ box-shadow: 0px 2px 4px 0px #00000040;
40
41
  .co-icon {
41
42
  svg {
42
43
  fill: #FFFFFF;
@@ -45,6 +46,9 @@
45
46
  .activity-display-body {
46
47
  display: flex;
47
48
  align-items: center;
49
+ span {
50
+ font-size: 14px;
51
+ }
48
52
  }
49
53
 
50
54
  .activity-display-footer {
@@ -7,7 +7,7 @@
7
7
  box-shadow: inset 0 0 1px rgba(1, 1, 1, 0.3);
8
8
  padding: 10px;
9
9
  overflow: hidden;
10
-
10
+ margin-bottom: 15px;
11
11
  .overview-wrapper {
12
12
  display: flex;
13
13
  flex-direction: row;
@@ -20,6 +20,13 @@
20
20
  .overview-wrapper-labels {
21
21
  display: flex;
22
22
  flex-direction: column;
23
+ .activity-title {
24
+ font-size: 12px;
25
+ padding: 5px 15px;
26
+ border-radius: 5px;
27
+ background: #5FDCB366;
28
+ border: 1px solid #5FDCB3;
29
+ }
23
30
  }
24
31
  .overview-wrapper-date {
25
32
  display: flex;
@@ -36,6 +43,7 @@
36
43
  font-size: 10px;
37
44
  display: flex;
38
45
  column-gap: 10px;
46
+ align-items: center;
39
47
  .activity-type-icon {
40
48
  flex-shrink: 0;
41
49
  height: 20px;
@@ -66,16 +74,38 @@
66
74
  }
67
75
 
68
76
  .button-trigger {
69
- height: 22px;
70
- padding: 5px 10px;
77
+ background-color: #FFFFFF;
78
+ border: 1px solid #5FDCB3;
79
+ height: auto;
80
+ padding: 5px 15px;
81
+ cursor: pointer;
71
82
  &:after {
72
83
  display: none;
73
84
  }
85
+ span {
86
+ font-size: 10px;
87
+ color: #5FDCB3;
88
+ font-weight: bold;
89
+ }
74
90
  }
75
91
 
76
92
  .button-trigger-icon {
77
- height: 22px;
78
- padding: 5px 25px 5px 10px;
93
+ background-color: #FFFFFF;
94
+ border: 1px solid #5FDCB3;
95
+ height: auto;
96
+ padding: 5px 15px;
97
+ cursor: pointer;
98
+ span {
99
+ font-size: 10px;
100
+ color: #5FDCB3;
101
+ font-weight: bold;
102
+ }
103
+ .co-icon {
104
+ height: 10px;
105
+ svg [fill] {
106
+ fill: #5FDCB3;
107
+ }
108
+ }
79
109
  &:after {
80
110
  display: none;
81
111
  }
@@ -13,9 +13,13 @@ import { TagsComponentConfigNames } from "../../enum/tags-component-config-names
13
13
  import { DomainMultipleName } from "../../enum/domain-multiple-name.enum";
14
14
  import { TagTreeItem } from "../../model/tag-tree-item.bo";
15
15
  import { FileTypeImagePipe } from "../../pipe/file-type-image.pipe";
16
+ import { Icon } from "../../enum/icon.enum";
17
+ import { IconCacheService } from "../../service/icon-cache.service";
16
18
  export declare class FileUploadPopupComponent implements OnInit {
17
19
  private _promptService;
18
20
  private _fileTypeImgPipe;
21
+ iconCacheService: IconCacheService;
22
+ readonly icon: typeof Icon;
19
23
  form: FormComponent;
20
24
  useWithoutSettingProps: boolean;
21
25
  hasPublicAccessVisible: boolean;
@@ -61,7 +65,7 @@ export declare class FileUploadPopupComponent implements OnInit {
61
65
  private _publicationNumber;
62
66
  private _reportsNumber;
63
67
  private _thumbnail;
64
- constructor(_promptService: PromptService, _fileTypeImgPipe: FileTypeImagePipe);
68
+ constructor(_promptService: PromptService, _fileTypeImgPipe: FileTypeImagePipe, iconCacheService: IconCacheService);
65
69
  ngOnInit(): void;
66
70
  loadCollection(): Promise<void>;
67
71
  onPreviewClick(): void;
@@ -9,38 +9,83 @@
9
9
 
10
10
  .document-thumb {
11
11
  height: 120px;
12
+ img {
13
+ max-width: 100%;
14
+ max-height: 100%;
15
+ }
12
16
  }
13
17
 
14
18
  .horizontal-layout-column {
19
+ display: flex;
20
+ gap: 5px;
15
21
  > div {
16
22
  width: 50%;
17
23
 
18
24
  &.right, &.column-right {
19
25
  margin-left: 15px;
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 5px;
29
+ }
30
+ }
31
+ .row {
32
+ &.sizes {
33
+ display: flex;
34
+ align-items: center;
35
+ gap: 5px;
36
+ & > * {
37
+ flex: 1;
38
+ }
20
39
  }
21
40
  }
22
-
23
- display: flex;
24
41
  }
25
42
 
26
- multiple-property-toggler {
27
- width: 500px;
43
+ .co-multiple-property-toggler {
44
+ display: block;
45
+ margin-top: 15px;
28
46
 
29
47
  .property-toggling-container {
30
- height: 150px;
31
48
  display: flex;
32
49
  gap: 10px;
33
50
  flex-wrap: wrap;
34
-
51
+ margin-top: 10px;
35
52
  .row {
36
- width: 32%;
53
+ width: 24%;
37
54
  display: flex;
38
- font-size: 10px;
55
+ font-size: 12px;
39
56
  align-items: center;
40
57
  height: auto;
41
58
  }
42
59
  }
43
60
  }
61
+ .co-dialog-wrapper, .dialog-header, .dialog-footer, .dialog-content {
62
+ background: #FFFFFF;
63
+ }
64
+ .co-dialog-wrapper {
65
+ max-width: 600px;
66
+ }
67
+ .dialog-content {
68
+ overflow-x: hidden;
69
+ }
70
+ .co-input-checkbox {
71
+ .checkbox {
72
+ border-color: #F5F5FC;
73
+ &.checked {
74
+ border-color: #1A73E8;
75
+ }
76
+ }
77
+
78
+ }
79
+ .co-input-text {
80
+ &:before {
81
+ box-shadow: none;
82
+ }
83
+ &.cc-input-focused {
84
+ &:before {
85
+ box-shadow: inset 0 0 0 1px #1A73E8
86
+ }
87
+ }
88
+ }
44
89
  }
45
90
  }
46
91
  }
@@ -6,7 +6,6 @@
6
6
  padding: 30px 0;
7
7
 
8
8
  .activity-list-content {
9
- height: 100px;
10
9
  display: flex;
11
10
  flex-direction: column;
12
11
  column-gap: 5px;
@@ -29,7 +28,7 @@
29
28
  flex-direction: column;
30
29
  flex-basis: 100%;
31
30
  flex-shrink: 0;
32
- overflow: auto;
31
+ overflow: visible;
33
32
  }
34
33
  }
35
34
  }
@@ -49,6 +49,7 @@ export declare class Translation {
49
49
  RELATION_ID?: string;
50
50
  RELATION_NR?: string;
51
51
  REMARK?: string;
52
+ REPORTS_TO_ATTACH_TO?: string;
52
53
  RESERVED?: string;
53
54
  QUANTITY?: string;
54
55
  SEARCH?: string;
@@ -65,6 +66,7 @@ export declare class Translation {
65
66
  STOCK_STATE?: string;
66
67
  STOCK_STATUS?: string;
67
68
  SUPPLIER_NUMBER?: string;
69
+ TITLE?: string;
68
70
  TRANSFER?: string;
69
71
  TRANSFER_STOCK?: string;
70
72
  USER?: string;
@@ -2,11 +2,12 @@
2
2
  .co-task-creator{
3
3
  width: 100%;
4
4
  height: 100%;
5
+ position: relative;
5
6
  .input-fields {
6
7
  display: flex;
7
8
  flex-direction: row;
8
9
  width: 100%;
9
- align-items: center;
10
+ align-items: flex-start;
10
11
  gap: 15px;
11
12
  .task-input-fields {
12
13
  display: flex;
@@ -15,12 +16,16 @@
15
16
  }
16
17
  .co-input-text {
17
18
  width: 100%;
19
+ margin-left: 45px;
18
20
  }
19
21
  .co-list-of-icons {
20
- position: relative;
22
+ position: absolute;
21
23
  display: block;
24
+ left: 0;
22
25
  height: fit-content;
23
-
26
+ background: linear-gradient(180deg, rgba(15, 64, 130, 0.04) 3%, rgba(26, 115, 232, 0.04) 90%);
27
+ box-shadow: 0 4px 4px 0 #0000001A;
28
+ border: 1px solid #DEDEEF;
24
29
  .icon-item {
25
30
  display: flex;
26
31
  align-items: center;
@@ -56,15 +61,13 @@
56
61
  }
57
62
  }
58
63
  .dropdown-menu {
59
- position: absolute;
60
- top: 100%;
61
- left: 0;
62
64
  padding: 5px;
63
- background: linear-gradient(180deg, rgba(15, 64, 130, 0.04) 3%, rgba(26, 115, 232, 0.04) 90%);
64
- box-shadow: 0 4px 4px 0 #0000001A;
65
65
  display: flex;
66
66
  flex-direction: column;
67
67
  gap: 5px;
68
+ .icon-item {
69
+ cursor: pointer;
70
+ }
68
71
  }
69
72
  }
70
73
  }
@@ -41,6 +41,7 @@ export declare enum Icon {
41
41
  FileSignatureRegular = "file_signature_regular",
42
42
  HouseBlankRegular = "house_blank_regular",
43
43
  IoneWorkflow = "ione_workflow",
44
+ ListUlRegular = "list_ul_regular",
44
45
  Lock = "lock",
45
46
  MessageSmsRegular = "message_sms_regular",
46
47
  MessageSmsSolid = "message_sms_solid",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/sharedcomponents",
3
- "version": "255.1.6",
3
+ "version": "255.1.7",
4
4
  "private": false,
5
5
  "dependencies": {
6
6
  "chart.js": "4.3.0",