@colijnit/corecomponents_v12 12.2.28 → 254.1.1

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.
@@ -30,9 +30,11 @@
30
30
  width: auto;
31
31
  aspect-ratio: 1;
32
32
  }
33
+
33
34
  .label {
34
35
  margin: $cc-btn-label-margin;
35
36
  }
37
+
36
38
  &.has-left-icon.has-right-icon {
37
39
  justify-content: space-between;
38
40
  }
@@ -56,7 +58,7 @@
56
58
  //&:not(.circle).has-icon {
57
59
  // padding-left: 0;
58
60
  //}
59
- //
61
+
60
62
  &.circle {
61
63
  padding: 0;
62
64
  border-radius: 50%;
@@ -77,6 +79,7 @@
77
79
  left: 0;
78
80
  z-index: 1;
79
81
  }
82
+
80
83
  &.save-button {
81
84
  height: $cc-dialog-btn-size;
82
85
  width: $cc-dialog-btn-size;
@@ -95,6 +98,7 @@
95
98
  }
96
99
  }
97
100
  }
101
+
98
102
  &.close-button {
99
103
  height: $cc-dialog-btn-size;
100
104
  width: $cc-dialog-btn-size;
@@ -116,5 +120,31 @@
116
120
  }
117
121
  }
118
122
  }
123
+
124
+ &.bordered {
125
+ height: $cc-dialog-btn-size;
126
+ width: $cc-dialog-btn-size;
127
+ border-color: $cc-dialog-btn-background-color;
128
+ border-style: $cc-dialog-btn-border-style;
129
+ border-width: 1px;
130
+ background-color: transparent;
131
+ padding: $cc-dialog-btn-padding;
132
+ cursor: pointer;
133
+ .co-icon {
134
+ height: $cc-dialog-btn-icon-size;
135
+ width: $cc-dialog-btn-icon-size;
136
+ svg {
137
+ fill: $cc-dialog-btn-background-color;
138
+ }
139
+ }
140
+
141
+ &:hover {
142
+ filter: none;
143
+ background-color: $cc-dialog-btn-background-color;
144
+ .co-icon svg {
145
+ fill: $cc-dialog-btn-icon-color;
146
+ }
147
+ }
148
+ }
119
149
  }
120
150
  }
@@ -14,6 +14,7 @@ export declare class SimpleGridComponent extends BaseSimpleGridComponent {
14
14
  showDelete: boolean;
15
15
  editOnCellClick: boolean;
16
16
  rightToolbar: boolean;
17
+ showGridSettings: boolean;
17
18
  rowsPerPage: number;
18
19
  rowDisabledFn: Function;
19
20
  /**
@@ -5,9 +5,6 @@
5
5
  font-size: $cc-simple-grid-font-size;
6
6
  co-input-checkbox {
7
7
  justify-content: center;
8
- &.read-only {
9
- opacity: 1;
10
- }
11
8
  .checkbox {
12
9
  .checkmark {
13
10
  left: $cc-simple-grid-input-checkbox-check-mark-width * .15;
@@ -114,9 +111,9 @@
114
111
  text-overflow: ellipsis;
115
112
  white-space: nowrap;
116
113
  border-bottom: 2px solid $cc-color-grid-row-hover-background;
117
- }
118
- .simple-grid-column-header-label {
119
- cursor: pointer;
114
+ &.with-menu {
115
+ cursor: pointer;
116
+ }
120
117
  }
121
118
  .simple-grid-column-sizer {
122
119
  cursor: col-resize;
package/package.json CHANGED
@@ -1,17 +1,18 @@
1
1
  {
2
2
  "name": "@colijnit/corecomponents_v12",
3
- "version": "12.2.28",
3
+ "version": "254.1.1",
4
4
  "description": "Colijn IT core components for Angular 12",
5
5
  "private": false,
6
6
  "peerDependencies": {
7
7
  "@angular/common": ">=12.2.0",
8
8
  "@angular/core": ">=12.2.0",
9
- "@colijnit/ioneconnector": ">=3.1.24",
9
+ "@colijnit/ioneconnector": ">=254.1.1",
10
10
  "@types/hammerjs": "2.0.35",
11
11
  "@types/three": ">=0.125.0",
12
12
  "@tweenjs/tween.js": ">=17.2.0",
13
13
  "hammerjs": ">=2.0.8",
14
- "three": ">=0.125.0"
14
+ "three": ">=0.125.0",
15
+ "xlsx": "^0.18.5"
15
16
  },
16
17
  "dependencies": {
17
18
  "tslib": "^2.3.0"