@colijnit/corecomponents_v12 260.1.9 → 260.1.11

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 (26) hide show
  1. package/README.md +24 -24
  2. package/bundles/colijnit-corecomponents_v12.umd.js +10 -4
  3. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  4. package/colijnit-corecomponents_v12-260.1.11.tgz +0 -0
  5. package/colijnit-corecomponents_v12.metadata.json +1 -1
  6. package/esm2015/lib/components/base/base-input.component.js +3 -1
  7. package/esm2015/lib/components/co-dialog/co-dialog.component.js +22 -22
  8. package/esm2015/lib/components/co-dialog-wizard/co-dialog-wizard.component.js +16 -16
  9. package/esm2015/lib/components/filter-item/filter-item.component.js +162 -162
  10. package/esm2015/lib/components/hour-scheduling-expandable/hour-scheduling-expandable.component.js +2 -2
  11. package/esm2015/lib/components/input-number-picker/input-number-picker.component.js +33 -33
  12. package/esm2015/lib/components/input-number-picker/input-number-picker.module.js +1 -1
  13. package/esm2015/lib/components/list-of-values/list-of-values-popup.component.js +6 -2
  14. package/esm2015/lib/components/list-of-values/list-of-values.component.js +2 -2
  15. package/esm2015/lib/components/simple-grid/simple-grid-cell.component.js +31 -31
  16. package/esm2015/lib/components/simple-grid/simple-grid.component.js +180 -180
  17. package/esm2015/lib/core/enum/core-components-icon.enum.js +1 -1
  18. package/esm2015/lib/core/model/core-components-icon-svg.js +1 -1
  19. package/esm2015/lib/directives/screen-configuration/screen-configuration.module.js +1 -1
  20. package/esm2015/public-api.js +1 -1
  21. package/fesm2015/colijnit-corecomponents_v12.js +447 -441
  22. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  23. package/lib/components/base/base-input.component.d.ts +1 -0
  24. package/lib/components/calendar/style/_material-definition.scss +46 -46
  25. package/lib/components/simple-grid/style/_layout.scss +47 -8
  26. package/package.json +1 -1
package/lib/components/base/base-input.component.d.ts CHANGED
@@ -68,6 +68,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
68
68
  readonly keyDown: EventEmitter<any>;
69
69
  readonly keyUp: EventEmitter<any>;
70
70
  readonly modelChange: EventEmitter<any>;
71
+ readonly selectedValueChange: EventEmitter<any>;
71
72
  readonly userModelChange: EventEmitter<any>;
72
73
  readonly hiddenChange: EventEmitter<boolean>;
73
74
  readonly cancelClicked: EventEmitter<void>;
package/lib/components/calendar/style/_material-definition.scss CHANGED
@@ -1,46 +1,46 @@
1
- $cc-co-calendar-font-family: $cc-font-family !default;
2
- $cc-co-calendar-width: auto !default;
3
- $cc-co-calendar-padding: 0 !default;
4
- $cc-co-calendar-background-color: white !default;
5
- $cc-co-calendar-border-radius: 5px !default;
6
- $cc-co-calendar-border: 1px solid #CCCCCC !default;
7
- $cc-co-calendar-header-margin-bottom: 0 !default;
8
- $cc-co-calendar-change-month-button-border-radius: 5px !default;
9
- $cc-co-calendar-change-month-button-border: 0px solid #CCCCCC !default;
10
- $cc-co-calendar-change-month-button-padding: 5px !default;
11
- $cc-co-calendar-header-title-font-size: 14px !default;
12
- $cc-co-calendar-day-height: 30px !default;
13
- $cc-co-calendar-day-margin: 2px 0 !default;
14
- $cc-co-calendar-day-hover-background-color: #f8f8fa !default;
15
- $cc-co-calendar-day-hover-color: white !default;
16
- $cc-co-calendar-day-selected-background-color: $cc-color-action !default;
17
- $cc-co-calendar-day-selected-color: $cc-color-light !default;
18
- $cc-co-calendar-week-number-height: 30px !default;
19
- $cc-co-calendar-week-number-margin: 0 2px 0 0 !default;
20
- $cc-co-calendar-week-number-font-size: 10px !default;
21
- $cc-co-calendar-week-number-width: 30px !default;
22
- $cc-co-calendar-week-number-background: #F8F8FA !default;
23
- $cc-co-calendar-week-number-first-height: 30px !default;
24
- $cc-co-calendar-week-number-first-margin: 0 !default;
25
- $cc-co-calendar-week-number-first-color: #ccc !default;
26
- $cc-co-calendar-month-or-year-padding: 5px !default;
27
- $cc-co-calendar-month-or-year-hover-background-color: $cc-color-hover !default;
28
- $cc-co-calendar-month-or-year-hover-padding: 5px !default;
29
- $cc-co-calendar-weekday-font-size: 12px !default;
30
- $cc-co-calendar-weekday-height: 30px !default;
31
- $cc-co-calendar-weekday-width: 28px !default;
32
- $cc-co-calendar-weekday-color: black !default;
33
- $cc-co-calendar-weekday-background: transparent !default;
34
- $cc-co-calendar-weekday-margin: 0 1px !default;
35
- $cc-co-calendar-day-number-font-size: 12px !default;
36
- $cc-co-calendar-day-number-font-weight: normal !default;
37
- $cc-co-calendar-highlighted-day-background-color: #edf4fd !default;
38
- $cc-co-calendar-highlighted-day-color: $cc-color-dark !default;
39
- $cc-co-calendar-highlighted-day-font-weight: normal !default;
40
- $cc-co-calendar-selected-day-background-color: $cc-color-action !default;
41
- $cc-co-calendar-selected-day-color: $cc-color-light !default;
42
- $cc-co-calendar-selected-day-start-border-radius: 100% !default;
43
- $cc-co-calendar-selected-day-end-border-radius: 100% !default;
44
- $cc-co-calendar-selection-grid-gap: 15px !default;
45
- $cc-co-calendar-selection-grid-padding: 5px !default;
46
- $cc-co-calendar-z-index: 9999 !default;
1
+ $cc-co-calendar-font-family: $cc-font-family !default;
2
+ $cc-co-calendar-width: auto !default;
3
+ $cc-co-calendar-padding: 0 !default;
4
+ $cc-co-calendar-background-color: white !default;
5
+ $cc-co-calendar-border-radius: 5px !default;
6
+ $cc-co-calendar-border: 1px solid #CCCCCC !default;
7
+ $cc-co-calendar-header-margin-bottom: 0 !default;
8
+ $cc-co-calendar-change-month-button-border-radius: 5px !default;
9
+ $cc-co-calendar-change-month-button-border: 0px solid #CCCCCC !default;
10
+ $cc-co-calendar-change-month-button-padding: 5px !default;
11
+ $cc-co-calendar-header-title-font-size: 14px !default;
12
+ $cc-co-calendar-day-height: 30px !default;
13
+ $cc-co-calendar-day-margin: 2px 0 !default;
14
+ $cc-co-calendar-day-hover-background-color: #f8f8fa !default;
15
+ $cc-co-calendar-day-hover-color: white !default;
16
+ $cc-co-calendar-day-selected-background-color: $cc-color-action !default;
17
+ $cc-co-calendar-day-selected-color: $cc-color-light !default;
18
+ $cc-co-calendar-week-number-height: 30px !default;
19
+ $cc-co-calendar-week-number-margin: 0 2px 0 0 !default;
20
+ $cc-co-calendar-week-number-font-size: 10px !default;
21
+ $cc-co-calendar-week-number-width: 30px !default;
22
+ $cc-co-calendar-week-number-background: #F8F8FA !default;
23
+ $cc-co-calendar-week-number-first-height: 30px !default;
24
+ $cc-co-calendar-week-number-first-margin: 0 !default;
25
+ $cc-co-calendar-week-number-first-color: #ccc !default;
26
+ $cc-co-calendar-month-or-year-padding: 5px !default;
27
+ $cc-co-calendar-month-or-year-hover-background-color: $cc-color-hover !default;
28
+ $cc-co-calendar-month-or-year-hover-padding: 5px !default;
29
+ $cc-co-calendar-weekday-font-size: 12px !default;
30
+ $cc-co-calendar-weekday-height: 30px !default;
31
+ $cc-co-calendar-weekday-width: 28px !default;
32
+ $cc-co-calendar-weekday-color: black !default;
33
+ $cc-co-calendar-weekday-background: transparent !default;
34
+ $cc-co-calendar-weekday-margin: 0 1px !default;
35
+ $cc-co-calendar-day-number-font-size: 12px !default;
36
+ $cc-co-calendar-day-number-font-weight: normal !default;
37
+ $cc-co-calendar-highlighted-day-background-color: #edf4fd !default;
38
+ $cc-co-calendar-highlighted-day-color: $cc-color-dark !default;
39
+ $cc-co-calendar-highlighted-day-font-weight: normal !default;
40
+ $cc-co-calendar-selected-day-background-color: $cc-color-action !default;
41
+ $cc-co-calendar-selected-day-color: $cc-color-light !default;
42
+ $cc-co-calendar-selected-day-start-border-radius: 100% !default;
43
+ $cc-co-calendar-selected-day-end-border-radius: 100% !default;
44
+ $cc-co-calendar-selection-grid-gap: 15px !default;
45
+ $cc-co-calendar-selection-grid-padding: 5px !default;
46
+ $cc-co-calendar-z-index: 9999 !default;
package/lib/components/simple-grid/style/_layout.scss CHANGED
@@ -10,9 +10,11 @@
10
10
 
11
11
  co-input-checkbox {
12
12
  justify-content: center;
13
+
13
14
  .checkbox {
14
15
  .checkmark {
15
16
  left: $cc-simple-grid-input-checkbox-check-mark-width * .15;
17
+
16
18
  &.show {
17
19
  }
18
20
  }
@@ -24,6 +26,38 @@
24
26
  table-layout: fixed;
25
27
  width: 100%;
26
28
  border-collapse: collapse;
29
+
30
+ colgroup {
31
+ col {
32
+ &:last-child.icons-col {
33
+ min-width: 30px;
34
+ max-width: 100%;
35
+
36
+ &.col-width-row-buttons {
37
+ width: 140px;
38
+ max-width: 140px;
39
+ }
40
+
41
+ &.col-width-delete {
42
+ width: 30px;
43
+ max-width: 30px;
44
+ }
45
+
46
+ }
47
+ }
48
+ }
49
+
50
+ td {
51
+ &:last-child.icons-container {
52
+ width: auto;
53
+ padding: 0;
54
+ height: 100%;
55
+ display: flex;
56
+ justify-content: center;
57
+ align-items: center;
58
+ gap: 4px;
59
+ }
60
+ }
27
61
  }
28
62
  // styling outside of grid because of drag and drop functionality
29
63
  .simple-grid-column-auto-fit {
@@ -70,12 +104,15 @@
70
104
  }
71
105
  .co-simple-grid-cell {
72
106
  width: 100%;
107
+
73
108
  .co-icon {
74
109
  width: $cc-simple-grid-cell-icon-size;
75
110
  height: $cc-simple-grid-cell-icon-size;
76
111
  }
112
+
77
113
  .co-button {
78
114
  background-color: $cc-simple-grid-button-background-color;
115
+
79
116
  .co-icon {
80
117
  width: $cc-simple-grid-cell-icon-size;
81
118
  height: $cc-simple-grid-cell-icon-size;
@@ -85,6 +122,7 @@
85
122
  .simple-grid-column-cell-value {
86
123
  height: 100%;
87
124
  width: 100%;
125
+
88
126
  > * {
89
127
  height: 100%;
90
128
  width: 100%;
@@ -97,11 +135,13 @@
97
135
  border-width: $cc-simple-grid-cell-field-border-width;
98
136
  padding: $cc-simple-grid-cell-field-padding;
99
137
  border-radius: $cc-simple-grid-cell-field-radius;
138
+
100
139
  span {
101
140
  white-space: normal;
102
141
  text-overflow: ellipsis;
103
142
  overflow: hidden;
104
143
  }
144
+
105
145
  .form-input {
106
146
  width: 100%;
107
147
  }
@@ -116,9 +156,11 @@
116
156
  text-overflow: ellipsis;
117
157
  white-space: nowrap;
118
158
  border-bottom: 2px solid $cc-color-grid-row-hover-background;
159
+
119
160
  &.with-menu {
120
161
  cursor: pointer;
121
162
  }
163
+
122
164
  &.with-sort {
123
165
  cursor: pointer;
124
166
  }
@@ -134,6 +176,7 @@
134
176
  visibility: hidden;
135
177
  overflow: hidden;
136
178
  transition: opacity .3s ease-in-out;
179
+
137
180
  .co-button {
138
181
  width: 20px;
139
182
  height: 20px;
@@ -142,6 +185,7 @@
142
185
  }
143
186
  .simple-grid-column-header {
144
187
  position: relative;
188
+
145
189
  &:hover {
146
190
  .sort-column {
147
191
  opacity: 1;
@@ -168,10 +212,12 @@
168
212
  border-width: $cc-simple-grid-row-border-width;
169
213
  border-style: solid;
170
214
  border-color: $cc-simple-grid-row-border-color;
215
+
171
216
  &.disabled {
172
217
  opacity: $cc-simple-grid-row-disabled-opacity;
173
218
  background: $cc-simple-grid-row-disabled-background-color;
174
219
  }
220
+
175
221
  &.editing {
176
222
  .form-input {
177
223
  &:before, &:hover, &:hover:before, &.cc-input-focused, &.cc-input-focused:before {
@@ -214,6 +260,7 @@
214
260
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
215
261
  0 3px 14px 2px rgba(0, 0, 0, 0.12);
216
262
  display: table;
263
+
217
264
  td {
218
265
  flex-grow: 2;
219
266
  font-size: 10px;
@@ -285,14 +332,6 @@
285
332
  }
286
333
  }
287
334
 
288
- .icons-container {
289
- display: flex;
290
- justify-content: center;
291
- align-items: center;
292
- height: 100%;
293
- gap: 4px;
294
- }
295
-
296
335
  .icon-item {
297
336
  &:hover {
298
337
  cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/corecomponents_v12",
3
- "version": "260.1.9",
3
+ "version": "260.1.11",
4
4
  "description": "Colijn IT core components for Angular 12",
5
5
  "private": false,
6
6
  "peerDependencies": {