qms-angular 1.1.19 → 1.1.20

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 (16) hide show
  1. package/bundles/qms-angular.umd.js +23 -92
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/select-one/select-one.component.js +7 -16
  4. package/esm2015/lib/components/tree/model/tree-flat-node.model.js +1 -1
  5. package/esm2015/lib/components/tree/model/tree-node.model.js +1 -1
  6. package/esm2015/lib/components/tree/tree.component.js +18 -79
  7. package/esm2015/lib/components/tree/tree.function.js +2 -1
  8. package/fesm2015/qms-angular.js +23 -91
  9. package/fesm2015/qms-angular.js.map +1 -1
  10. package/lib/components/select-one/select-one.component.d.ts +0 -1
  11. package/lib/components/tree/model/tree-flat-node.model.d.ts +1 -0
  12. package/lib/components/tree/model/tree-node.model.d.ts +1 -0
  13. package/lib/components/tree/tree.component.d.ts +4 -1
  14. package/package.json +1 -1
  15. package/qms-angular.metadata.json +1 -1
  16. package/src/lib/components/select-one/select-one.component.scss +77 -80
package/src/lib/components/select-one/select-one.component.scss CHANGED
@@ -3,6 +3,21 @@
3
3
  @import "../../../themes/core/scrollbar.scss";
4
4
  @import "../../../themes/core/button.scss";
5
5
 
6
+ .qms-list-item.item-suggestion {
7
+ .image-square.wrap-image {
8
+ width: 2.5rem !important;
9
+ height: 100% !important;
10
+ background: transparent;
11
+ align-self: center;
12
+ margin-right: 0;
13
+ }
14
+ }
15
+
16
+ ::ng-deep .mat-option:hover:not(.mat-option-disabled),
17
+ .mat-option:focus:not(.mat-option-disabled) {
18
+ background: transparent !important;
19
+ }
20
+
6
21
  .qmslib__related__popup__container {
7
22
  .input__field {
8
23
  display: flex;
@@ -122,109 +137,91 @@
122
137
  }
123
138
  }
124
139
 
125
- cdk-virtual-scroll-viewport {
126
- overflow-x: hidden;
127
- .search__module-result {
128
- margin: 1.5rem;
129
- padding: 0 0 0.5rem 0px;
130
- .search__module-title {
131
- font-size: 14px;
132
- font-weight: 600;
133
- }
140
+ .search__module-result {
141
+ margin: 1.5rem;
142
+ padding: 0 0 0.5rem 0px;
143
+ .search__module-title {
144
+ font-size: 14px;
145
+ font-weight: 600;
146
+ }
147
+
148
+ .search__option {
149
+ height: auto;
150
+ line-height: normal;
151
+ padding: 0;
152
+ border-bottom: 1px solid #e0e0e0;
134
153
 
135
- .search__option {
154
+ .qms-list-item.mat-2-line.image-item {
136
155
  height: auto;
137
- line-height: normal;
138
- padding: 8px 0;
139
- border-bottom: 1px solid #e0e0e0;
156
+ }
157
+ .qms-list-item-content {
158
+ margin: 0;
159
+ border-bottom: none;
140
160
 
141
- .qms-list-item.mat-2-line.image-item {
142
- height: auto;
161
+ .material-icons-outlined.leading-icon,
162
+ mat-icon.leading-icon {
163
+ padding: 4px 0 4px 4px;
143
164
  }
144
- .qms-list-item-content {
145
- margin: 0;
146
- border-bottom: none;
147
- .wrap-image.image-square {
148
- width: 2.5rem;
149
- height: 100%;
150
- background: transparent;
151
- align-self: center;
152
- margin-right: 0;
153
- img {
154
- width: 24px;
155
- height: 24px;
156
- }
157
- }
158
-
159
- .material-icons-outlined.leading-icon,
160
- mat-icon.leading-icon {
161
- padding: 4px 0 4px 4px;
162
- }
163
165
 
164
- .subtitle {
165
- font-weight: 400;
166
- }
166
+ .caption {
167
+ overflow: hidden;
168
+ line-height: normal;
169
+ white-space: normal;
170
+ text-overflow: ellipsis;
171
+ display: -webkit-box;
172
+ -webkit-line-clamp: 2;
173
+ -webkit-box-orient: vertical;
174
+ padding: 0;
175
+ margin: 0;
167
176
 
168
- .caption {
177
+ span.search__result__parent-name {
178
+ display: inline-block;
179
+ width: auto;
180
+ width: calc(100% - 13px);
181
+ white-space: nowrap;
169
182
  overflow: hidden;
170
- line-height: normal;
171
- white-space: normal;
172
183
  text-overflow: ellipsis;
173
- display: -webkit-box;
174
- -webkit-line-clamp: 2;
175
- -webkit-box-orient: vertical;
176
- padding: 0;
177
- margin: 0;
178
-
179
- span.search__result__parent-name {
180
- display: inline-block;
181
- width: auto;
182
- width: calc(100% - 13px);
183
- white-space: nowrap;
184
- overflow: hidden;
185
- text-overflow: ellipsis;
186
- }
187
184
  }
185
+ }
188
186
 
189
- .default-subtitle {
190
- color: rgba($color: #000000, $alpha: 0.38);
191
- }
187
+ .default-subtitle {
188
+ color: rgba($color: #000000, $alpha: 0.38);
189
+ }
192
190
 
193
- .search__description-icon {
194
- margin-right: 0px;
195
- width: 12px;
196
- height: 12px;
197
- font-size: 12px;
198
- }
191
+ .search__description-icon {
192
+ margin-right: 0px;
193
+ width: 12px;
194
+ height: 12px;
195
+ font-size: 12px;
196
+ }
199
197
 
200
- .qms-list-text {
201
- border-bottom: none;
202
- height: auto;
203
- }
198
+ .qms-list-text {
199
+ border-bottom: none;
200
+ height: auto;
201
+ }
204
202
 
205
- .breadcrumb-container {
206
- .qms-breadcrumb-item {
207
- .mat-icon {
208
- font-size: 16px !important;
209
- padding-bottom: 1px;
210
- }
203
+ .breadcrumb-container {
204
+ .qms-breadcrumb-item {
205
+ .mat-icon {
206
+ font-size: 16px !important;
207
+ padding-bottom: 1px;
211
208
  }
212
209
  }
213
210
  }
214
-
215
- &.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
216
- background: transparent !important;
217
- }
218
211
  }
219
212
 
220
- svg {
221
- display: block;
213
+ &.mat-option:hover:not(.mat-option-disabled),
214
+ .mat-option:focus:not(.mat-option-disabled) {
215
+ background: transparent !important;
222
216
  }
217
+ }
223
218
 
219
+ svg {
220
+ display: block;
224
221
  }
225
222
  }
226
223
 
227
- #qmslib_related_popup_header_001 {
224
+ .module-name {
228
225
  margin-bottom: 20px;
229
226
  padding: 0;
230
227
  font-weight: 600;