qms-angular 1.1.15 → 1.1.17

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 (78) hide show
  1. package/bundles/qms-angular.umd.js +1470 -21
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/common/models/qms-flat-node.model.js +1 -1
  4. package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +3 -3
  5. package/esm2015/lib/components/select-access-dialog/common/animation.js +10 -0
  6. package/esm2015/lib/components/select-access-dialog/common/option-select-access.enum.js +7 -0
  7. package/esm2015/lib/components/select-access-dialog/index.js +2 -0
  8. package/esm2015/lib/components/select-access-dialog/model/access-item.model.js +6 -0
  9. package/esm2015/lib/components/select-access-dialog/model/option-select-access.model.js +3 -0
  10. package/esm2015/lib/components/select-access-dialog/model/select-access-data.js +17 -0
  11. package/esm2015/lib/components/select-access-dialog/public-api.js +8 -0
  12. package/esm2015/lib/components/select-access-dialog/select-access-dialog.component.js +330 -0
  13. package/esm2015/lib/components/select-access-dialog/select-access-dialog.module.js +60 -0
  14. package/esm2015/lib/components/select-access-dialog/service/select-access-global.service.js +11 -0
  15. package/esm2015/lib/components/select-department/common/animation.js +30 -0
  16. package/esm2015/lib/components/select-department/index.js +2 -0
  17. package/esm2015/lib/components/select-department/model/select-department-popup-data.model.js +15 -0
  18. package/esm2015/lib/components/select-department/public-api.js +5 -0
  19. package/esm2015/lib/components/select-department/select-department.component.js +98 -0
  20. package/esm2015/lib/components/select-department/select-department.module.js +62 -0
  21. package/esm2015/lib/components/select-department/service/select-department-global.service.js +22 -0
  22. package/esm2015/lib/components/select-department-tree/animation/animation.js +54 -0
  23. package/esm2015/lib/components/select-department-tree/index.js +2 -0
  24. package/esm2015/lib/components/select-department-tree/model/department-search-result.model.js +6 -0
  25. package/esm2015/lib/components/select-department-tree/model/select-department-tree.config.js +10 -0
  26. package/esm2015/lib/components/select-department-tree/public-api.js +7 -0
  27. package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +611 -0
  28. package/esm2015/lib/components/select-department-tree/select-department-tree.module.js +60 -0
  29. package/esm2015/lib/components/select-department-tree/service/select-department-tree-global.service.js +22 -0
  30. package/esm2015/lib/components/select-include-children/services/select-include-children-global.service.js +1 -1
  31. package/esm2015/lib/components/select-one/select-one-next.component.js +1 -1
  32. package/esm2015/lib/components/tree/basic-tree.component.js +1 -1
  33. package/esm2015/lib/model/en.js +19 -2
  34. package/esm2015/lib/model/no.js +18 -1
  35. package/esm2015/lib/services/translation-registry.service.js +2 -2
  36. package/esm2015/public-api.js +4 -1
  37. package/fesm2015/qms-angular.js +1370 -22
  38. package/fesm2015/qms-angular.js.map +1 -1
  39. package/lib/common/models/qms-flat-node.model.d.ts +3 -0
  40. package/lib/components/select-access-dialog/common/animation.d.ts +1 -0
  41. package/lib/components/select-access-dialog/common/option-select-access.enum.d.ts +5 -0
  42. package/lib/components/select-access-dialog/index.d.ts +1 -0
  43. package/lib/components/select-access-dialog/model/access-item.model.d.ts +7 -0
  44. package/lib/components/select-access-dialog/model/option-select-access.model.d.ts +5 -0
  45. package/lib/components/select-access-dialog/model/select-access-data.d.ts +15 -0
  46. package/lib/components/select-access-dialog/public-api.d.ts +7 -0
  47. package/lib/components/select-access-dialog/select-access-dialog.component.d.ts +74 -0
  48. package/lib/components/select-access-dialog/select-access-dialog.module.d.ts +2 -0
  49. package/lib/components/select-access-dialog/service/select-access-global.service.d.ts +2 -0
  50. package/lib/components/select-department/common/animation.d.ts +1 -0
  51. package/lib/components/select-department/index.d.ts +1 -0
  52. package/lib/components/select-department/model/select-department-popup-data.model.d.ts +16 -0
  53. package/lib/components/select-department/public-api.d.ts +4 -0
  54. package/lib/components/select-department/select-department.component.d.ts +37 -0
  55. package/lib/components/select-department/select-department.module.d.ts +2 -0
  56. package/lib/components/select-department/service/select-department-global.service.d.ts +9 -0
  57. package/lib/components/select-department-tree/animation/animation.d.ts +1 -0
  58. package/lib/components/select-department-tree/index.d.ts +1 -0
  59. package/lib/components/select-department-tree/model/department-search-result.model.d.ts +11 -0
  60. package/lib/components/select-department-tree/model/select-department-tree.config.d.ts +9 -0
  61. package/lib/components/select-department-tree/public-api.d.ts +6 -0
  62. package/lib/components/select-department-tree/select-department-tree.component.d.ts +121 -0
  63. package/lib/components/select-department-tree/select-department-tree.module.d.ts +2 -0
  64. package/lib/components/select-department-tree/service/select-department-tree-global.service.d.ts +9 -0
  65. package/lib/model/en.d.ts +17 -0
  66. package/lib/model/no.d.ts +17 -0
  67. package/package.json +1 -1
  68. package/public-api.d.ts +3 -0
  69. package/qms-angular.metadata.json +1 -1
  70. package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +285 -0
  71. package/src/lib/components/select-department/select-department.component.scss +185 -0
  72. package/src/lib/components/select-department-tree/select-department-tree.component.scss +445 -0
  73. package/src/themes/_qms-icon-font.scss +1 -1
  74. package/src/themes/core/_checkbox.scss +16 -2
  75. package/src/themes/core/_radio.scss +16 -3
  76. package/src/themes/core/_slide-toggle.scss +18 -5
  77. package/src/themes/core/_table-pure-gap.scss +134 -19
  78. package/src/themes/theme/_variable.scss +22 -2
@@ -0,0 +1,285 @@
1
+ @import "../../../themes/core/variables";
2
+ @import "../../../themes/theme/variable";
3
+ @import "../../../themes/theme/mixins";
4
+ @import "../../../themes/qms-icon-font";
5
+
6
+
7
+ .select-access-dialog-container {
8
+ font-family: 'Open Sans';
9
+ .mat-expansion-panel .mat-expansion-panel-body {
10
+ padding-top: 0px !important;
11
+ }
12
+
13
+ .mat-expansion-panel-header {
14
+ font-size: 12px !important;
15
+ font-weight: 800 !important;
16
+ }
17
+
18
+ .w-100 {
19
+ width: 100%;
20
+ }
21
+
22
+ .h-100 {
23
+ height: 100%;
24
+ }
25
+
26
+ .pointer {
27
+ cursor: pointer;
28
+ }
29
+
30
+ .fw-600{
31
+ font-weight: 600;
32
+ }
33
+
34
+ .label-item{
35
+ font-weight: 600;
36
+ color: theme-apply($ws-text-primary);
37
+ }
38
+
39
+ .sub-label{
40
+ color: theme-apply($ws-text-secondary);
41
+ }
42
+
43
+ .fs-14{
44
+ font-size: 14px;
45
+ }
46
+
47
+ .fs-12{
48
+ font-size: 12px;
49
+ }
50
+
51
+ .header-title {
52
+ font-weight: 600;
53
+ color: theme-apply($ws-text-primary);
54
+ font-size: 16px;
55
+ }
56
+
57
+ .chip-item-result {
58
+ max-width: 250px;
59
+
60
+ &.item-department {
61
+ .qms-chip-body {
62
+ display: flex;
63
+ justify-content: center;
64
+ align-items: center;
65
+ }
66
+ }
67
+ }
68
+
69
+ .remove-chip-icon {
70
+ color: black(.3);
71
+ cursor: pointer;
72
+
73
+ &:hover {
74
+ color: black(.7);
75
+ }
76
+ }
77
+
78
+ .mat-form-field-wrapper {
79
+ padding-bottom: 5px !important;
80
+ }
81
+
82
+
83
+ .mat-expansion-panel {
84
+ border-radius: unset !important;
85
+ }
86
+
87
+ .mat-expansion-panel-header:not([aria-disabled=true]){
88
+ background: unset;
89
+ }
90
+
91
+ .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
92
+ background: #e5eefb;
93
+ .qms-line{
94
+ color: theme-apply($primary-light) !important;
95
+ }
96
+ }
97
+
98
+
99
+
100
+
101
+ .access-dialog-header {
102
+ display: flex;
103
+ justify-content: space-between;
104
+ align-items: center;
105
+ }
106
+
107
+ .access-dialog-wraper {
108
+ width: 100%;
109
+
110
+ .field-select-option {
111
+ .mat-form-field-wrapper{
112
+ padding-bottom: 16px !important;
113
+ }
114
+ .mat-form-field-underline{
115
+ bottom: 16px !important;
116
+ }
117
+ }
118
+ }
119
+
120
+ .mat-chip-list-wrapper {
121
+ margin: unset !important;
122
+ }
123
+
124
+ .result-selected-container {
125
+ max-height: 175px;
126
+ overflow-y: auto;
127
+ }
128
+
129
+ .item-list-wrapper {
130
+ max-height: 28vh;
131
+ padding-right: 4px;
132
+ overflow-y: auto;
133
+ &.no-result{
134
+ height: 28vh;
135
+ display: flex;
136
+ justify-content: center;
137
+ align-items: center;
138
+ }
139
+ .item{
140
+ min-height: 40px;
141
+ }
142
+ }
143
+
144
+ .confirm__button__groups {
145
+ .btn-add>.qms-btn-wrapper {
146
+ display: flex;
147
+ justify-content: center;
148
+ align-items: center;
149
+ }
150
+ }
151
+
152
+ .option-selected-content {
153
+ .group-filter-person-option {
154
+ display: flex;
155
+ flex-direction: row-reverse;
156
+ justify-content: center;
157
+ align-items: center;
158
+ gap: 8px;
159
+ }
160
+
161
+ }
162
+
163
+ span.chip-item__content_name {
164
+ display: inline-block;
165
+ max-width: 175px;
166
+ white-space: nowrap;
167
+ overflow: hidden;
168
+ text-overflow: ellipsis;
169
+ }
170
+
171
+ span.chip-item-children__count {
172
+ font-size: 0.75rem;
173
+ color: black(0.5);
174
+ font-weight: 600;
175
+ }
176
+ .mat-slide-toggle.qms-group-options{
177
+ padding: unset !important;
178
+ }
179
+
180
+ .input-option-filter{
181
+ .mat-form-field-wrapper{
182
+ padding-bottom: 8px !important;
183
+ }
184
+ .mat-form-field-underline{
185
+ bottom: 8px !important;
186
+ }
187
+ }
188
+ .slide-toggle{
189
+ margin-bottom: 8px;
190
+ }
191
+ .confirm__button__groups.none-option{
192
+ margin-top: 85px;
193
+ }
194
+
195
+ .btn-icon-clear{
196
+ position: relative;
197
+ padding: 0 1rem;
198
+ .qms-btn-icon{
199
+ margin-right: unset !important;
200
+ }
201
+ &::after{
202
+ position: absolute;
203
+ content: '';
204
+ left: 0;
205
+ top: 0;
206
+ height: 100%;
207
+ width: 1px;
208
+ background: black(.3);
209
+ }
210
+ }
211
+
212
+ .qms-paginator{
213
+ .mat-icon{
214
+ display: flex;
215
+ align-items: center;
216
+ justify-content: center;
217
+ }
218
+ .mat-form-field-wrapper{
219
+ padding-bottom: 0;
220
+ }
221
+ .mat-paginator-container{
222
+ min-height: 40px;
223
+ }
224
+ .mat-paginator-container .qms-total-result{
225
+ margin-bottom: 2px;
226
+ margin-right: 12px;
227
+ height: 30px;
228
+ span{
229
+ font-weight: 600;
230
+ font-size: 13px;
231
+ color: black(0.8);
232
+ }
233
+ }
234
+ .mat-paginator-container .qms-paginator-range-actions{
235
+ margin-bottom: 0;
236
+ column-gap: 2px;
237
+ & > .qms-total-result{
238
+ margin-bottom: 0;
239
+ }
240
+ &> .qms-btn-icon{
241
+ width: 30px;
242
+ height: 30px;
243
+ line-height: 30px;
244
+ }
245
+ }
246
+
247
+ &> .qms-btn-icon-wrapper{
248
+ width: 30px;
249
+ height: 30px;
250
+ display: flex;
251
+ justify-content: center;
252
+ align-items: center;
253
+ }
254
+
255
+ .qms-paginator-page-size{
256
+ margin-right: 12px;
257
+ & > .qms-pagesize-label{
258
+ display: none;
259
+ }
260
+ &> .qms-form-page-size .mat-form-field-flex{
261
+ width: 60px !important;
262
+ height: 30px;
263
+ display: flex;
264
+ align-items: center;
265
+ padding: 0 4px;
266
+ .mat-form-field-infix{
267
+ height: 30px;
268
+ }
269
+ }
270
+ }
271
+ .mat-form-field.qms-form .mat-select-min-line, .mat-form-field.qms-form mat-select-trigger{
272
+ font-size: 14px;
273
+ }
274
+ .mat-select-value{
275
+ text-align: center;
276
+ }
277
+
278
+ }
279
+
280
+ .mat-checkbox.checkbox-all .mat-checkbox-label{
281
+ flex-direction: row !important;
282
+ align-items: center !important;
283
+ column-gap: 4px !important;
284
+ }
285
+ }
@@ -0,0 +1,185 @@
1
+ @import "../../../themes/core/variables";
2
+ @import "../../../themes/theme/variable";
3
+ @import "../../../themes/theme/mixins";
4
+ @import "../../../themes/qms-icon-font";
5
+
6
+
7
+ .qms-select-department {
8
+ .cursor-pointer {
9
+ cursor: pointer;
10
+ }
11
+
12
+ .ml-5 {
13
+ margin-left: 10px;
14
+ }
15
+
16
+ .padding-5 {
17
+ padding: 5px;
18
+ }
19
+
20
+ .header-dialog {
21
+ display: flex;
22
+ justify-content: space-between;
23
+ align-items: center;
24
+ font-weight: 600;
25
+ font-size: 16px;
26
+ }
27
+
28
+ .input__field {
29
+ display: flex;
30
+ align-items: center;
31
+ position: relative;
32
+
33
+ input.input-search {
34
+ width: 100%;
35
+ padding: 10px;
36
+ outline: none;
37
+ border: none;
38
+ background: theme-apply($background-input-text);
39
+ }
40
+
41
+ .btn-search {
42
+ cursor: pointer;
43
+ vertical-align: middle;
44
+ position: absolute;
45
+ top: 50%;
46
+ right: 10px;
47
+ transform: translateY(-50%);
48
+ }
49
+ }
50
+
51
+ .line__divider {
52
+ border-bottom: 1px solid #ccc;
53
+ height: 1px;
54
+ margin-top: 10px;
55
+ min-width: 300px;
56
+ max-width: 100%;
57
+ }
58
+
59
+ .mat-expansion-panel-header {
60
+ height: 30px;
61
+ font-size: 12px;
62
+ letter-spacing: 1px;
63
+ font-family: 'Raleway';
64
+ font-weight: 600;
65
+ padding: 0;
66
+
67
+ .mat-expansion-panel-header-title {
68
+ align-items: center;
69
+ margin-left: 12px;
70
+ }
71
+ }
72
+
73
+ .mat-expansion-panel:not([class*="mat-elevation-z"]) {
74
+ box-shadow: none;
75
+ }
76
+
77
+ .panel__item {
78
+ max-height: 175px;
79
+ margin-top: 12px;
80
+ overflow-x: hidden;
81
+ overflow-y: auto;
82
+ padding-right: 5px;
83
+ width: 100%;
84
+ max-width: 100%;
85
+ display: flex;
86
+ flex-wrap: wrap;
87
+ align-content: flex-start;
88
+
89
+ .related__item__inline {
90
+ max-width: 100%;
91
+ }
92
+
93
+ .select__toggle-include {
94
+ width: 100%;
95
+
96
+ &.toggle-include-child .mat-slide-toggle.qms-group-options .mat-slide-toggle-thumb {
97
+ background-color: #5a5a5a !important;
98
+ }
99
+ }
100
+
101
+ .related__item__content {
102
+ height: 32px;
103
+ line-height: 32px;
104
+ background-color: theme-apply($related-item-background);
105
+ max-width: 100%;
106
+ margin-bottom: 5px;
107
+ margin-left: 2.5px;
108
+ margin-right: 2.5px;
109
+
110
+ .mat-icon {
111
+ color: theme-apply($related-mat-icon-color);
112
+ font-size: 24px;
113
+ }
114
+ }
115
+ }
116
+
117
+ .header-title {
118
+ font-weight: 600;
119
+ color: black(0.87);
120
+ }
121
+
122
+ .result-content {
123
+ padding-right: 0 !important;
124
+
125
+ .mat-chip-list {
126
+ min-height: 40px;
127
+
128
+ .mat-icon {
129
+ color: black(.3) !important;
130
+ cursor: pointer;
131
+
132
+ &:hover {
133
+ color: black(1) !important;
134
+ }
135
+ }
136
+ }
137
+
138
+ span.related__item__content_name {
139
+ display: inline-block;
140
+ min-width: calc(100% - 13px);
141
+ white-space: nowrap;
142
+ overflow: hidden;
143
+ text-overflow: ellipsis;
144
+ max-width: 220px;
145
+
146
+ .select__include-children__count {
147
+ font-size: 0.75rem;
148
+ color: black(0.5);
149
+ font-weight: 600;
150
+ }
151
+ }
152
+ }
153
+
154
+ .text-name {
155
+ position: relative;
156
+ overflow: hidden;
157
+ text-overflow: ellipsis;
158
+ display: -webkit-box;
159
+ -webkit-line-clamp: 2;
160
+ -webkit-box-orient: vertical;
161
+ cursor: pointer;
162
+ width: 100%;
163
+ }
164
+
165
+ ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
166
+ .mat-checkbox-layout {
167
+ white-space: normal;
168
+ }
169
+
170
+ .mat-checkbox-label {
171
+ flex-direction: row;
172
+ align-items: center;
173
+ position: relative;
174
+ padding-bottom: 2px;
175
+ }
176
+ }
177
+
178
+ .confirm__button__groups {
179
+ .btn-add>.qms-btn-wrapper {
180
+ display: flex;
181
+ justify-content: center;
182
+ align-items: center;
183
+ }
184
+ }
185
+ }