qms-angular 1.1.51 → 1.1.53

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 (41) hide show
  1. package/bundles/qms-angular.umd.js +234 -49
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/banner/qms-banner/qms-banner.component.js +3 -2
  4. package/esm2015/lib/components/button/button.js +3 -3
  5. package/esm2015/lib/components/dialog/dialog.js +2 -2
  6. package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +1 -1
  7. package/esm2015/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.js +5 -1
  8. package/esm2015/lib/components/qms-paginator/qms-paginator.component.js +3 -3
  9. package/esm2015/lib/components/qms-stepper/qms-stepper.component.js +1 -1
  10. package/esm2015/lib/components/related/popup/related-popup.component.js +1 -1
  11. package/esm2015/lib/components/select-access-dialog/select-access-dialog.component.js +1 -1
  12. package/esm2015/lib/components/select-department/select-department.component.js +2 -2
  13. package/esm2015/lib/components/select-department-tree/model/select-department-tree.config.js +2 -1
  14. package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +135 -6
  15. package/esm2015/lib/components/select-department-tree/select-department-tree.module.js +4 -2
  16. package/esm2015/lib/components/select-include-children/select-include-children.component.js +1 -1
  17. package/esm2015/lib/components/select-process-data-tree/select-process-data-tree.component.js +1 -1
  18. package/esm2015/lib/components/select-process-document/select-process-document.component.js +1 -1
  19. package/esm2015/lib/components/tree/tree.component.js +1 -1
  20. package/esm2015/lib/components/treeNew/tree.component.js +1 -1
  21. package/esm2015/lib/pipe/safe-html.pipe.js +21 -0
  22. package/esm2015/lib/qms-angular.module.js +4 -2
  23. package/esm2015/lib/qms-ckeditor-components/common/helper/checkNullHelper.js +4 -0
  24. package/esm2015/lib/qms-ckeditor-components/services/qms-ckeditor-bpmn-connection.service.js +11 -2
  25. package/esm2015/lib/qms-ckeditor-components/services/qms-ckeditor-tree.service.js +5 -1
  26. package/esm2015/public-api.js +1 -1
  27. package/esm2015/qms-angular.js +23 -22
  28. package/fesm2015/qms-angular.js +197 -26
  29. package/fesm2015/qms-angular.js.map +1 -1
  30. package/lib/components/banner/qms-banner/qms-banner.component.d.ts +1 -0
  31. package/lib/components/select-department-tree/model/select-department-tree.config.d.ts +1 -0
  32. package/lib/components/select-department-tree/select-department-tree.component.d.ts +2 -0
  33. package/lib/pipe/safe-html.pipe.d.ts +7 -0
  34. package/lib/qms-ckeditor-components/common/helper/checkNullHelper.d.ts +1 -0
  35. package/package.json +1 -1
  36. package/qms-angular.d.ts +22 -21
  37. package/qms-angular.metadata.json +1 -1
  38. package/src/lib/components/qms-paginator/qms-paginator.component.scss +188 -156
  39. package/src/lib/components/select-department-tree/select-department-tree.component.scss +192 -148
  40. package/src/themes/core/_table-pure-gap.scss +76 -8
  41. package/src/themes/core/_table.scss +221 -212
package/src/lib/components/qms-paginator/qms-paginator.component.scss CHANGED
@@ -1,172 +1,204 @@
1
- ::ng-deep .customCDKpanel {
2
- transform:none !important;
1
+ ::ng-deep .customCDKpanel {
2
+ transform: none !important;
3
3
  }
4
4
 
5
5
  ::ng-deep .qms-paginator {
6
- display: block;
7
- .qms-paginator-outer-container {
8
- display: flex;
6
+ display: block;
7
+ .qms-paginator-outer-container {
8
+ display: flex;
9
+ }
10
+ .mat-paginator-container {
11
+ display: flex;
12
+ align-items: center;
13
+ justify-content: flex-end;
14
+ padding: 0 8px;
15
+ flex-wrap: wrap-reverse;
16
+ width: 100%;
17
+ .qms-btn-icon {
18
+ width: 40px;
19
+ height: 40px;
20
+ line-height: 40px;
9
21
  }
10
- .mat-paginator-container {
11
- display: flex;
12
- align-items: center;
13
- justify-content: flex-end;
14
- padding: 0 8px;
15
- flex-wrap: wrap-reverse;
16
- width: 100%;
17
- .qms-btn-icon {
18
- width: 40px;
19
- height: 40px;
20
- line-height: 40px;
21
- }
22
- .mat-select {
23
- .mat-select-arrow {
24
- margin-top: 20px;
25
- }
22
+ .mat-select {
23
+ .mat-select-arrow {
24
+ margin-top: 20px;
25
+ }
26
+ }
27
+ .qms-total-result {
28
+ margin-right: 24px;
29
+ margin-bottom: 21px;
30
+ span {
31
+ font-family: Open Sans;
32
+ font-weight: normal;
33
+ font-size: 14px;
34
+ line-height: 22px;
35
+ color: rgba(0, 0, 0, 0.6);
36
+ }
37
+ }
38
+ .qms-paginator-page-size {
39
+ margin-right: 24px;
40
+ display: flex;
41
+ align-items: baseline;
42
+ .qms-pagesize-label {
43
+ font-weight: normal;
44
+ font-size: 14px;
45
+ line-height: 22px;
46
+ color: #323232;
47
+ font-family: Open Sans;
48
+ font-style: normal;
49
+ margin-right: 8px;
50
+ }
51
+ .qms-form-page-size {
52
+ .mat-form-field-flex {
53
+ width: 80px;
26
54
  }
27
- .qms-total-result {
28
- margin-right: 24px;
29
- margin-bottom: 21px;
30
- span {
31
- font-family: Open Sans;
32
- font-weight: normal;
33
- font-size: 14px;
34
- line-height: 22px;
35
- color: rgba(0, 0, 0, 0.6);
36
- }
55
+ }
56
+ .qms-form-select-page-size {
57
+ .mat-form-field-flex {
58
+ width: 51px;
59
+ padding-left: 9px;
60
+ padding-right: 5px;
37
61
  }
38
- .qms-paginator-page-size {
39
- margin-right: 24px;
40
- display: flex;
41
- align-items: baseline;
42
- .qms-pagesize-label {
43
- font-weight: normal;
44
- font-size: 14px;
45
- line-height: 22px;
46
- color: #323232;
47
- font-family: Open Sans;
48
- font-style: normal;
49
- margin-right: 8px;
50
- }
51
- .qms-form-page-size {
52
- .mat-form-field-flex {
53
- width: 80px;
54
- }
55
- }
56
- .qms-form-select-page-size {
57
- .mat-form-field-flex {
58
- width: 51px;
59
- padding-left: 9px;
60
- padding-right: 5px;
61
- }
62
- }
63
- .jump-page {
64
- .mat-form-field-wrapper {
65
- .mat-form-field-flex {
66
- width: 55px;
67
- }
68
- }
69
- }
70
- .mat-form-field-flex {
71
- height: 40px;
72
- .mat-form-field-infix {
73
- padding-top: 4px;
74
- border-top: 0px;
75
- padding-bottom: 0px;
76
- height: 25px;
77
- }
78
- }
62
+ }
63
+ .jump-page {
64
+ .mat-form-field-wrapper {
65
+ .mat-form-field-flex {
66
+ width: 55px;
67
+ }
79
68
  }
80
- .qms-paginator-range-actions {
81
- display: flex;
82
- align-items: center;
83
- margin-bottom: 15px;
84
- .selected {
85
- background-color: #e5eefb;
86
- color: #1954a9;
87
- }
88
- .qms-3d {
89
- font-weight: 600;
90
- font-size: 14px;
91
- line-height: 22px;
92
- color: #323232;
93
- }
94
- button:not(.qms-btn-disabled) {
95
- .qms-btn-icon-wrapper {
96
- color: #323232;
97
- }
98
- }
69
+ }
70
+ .mat-form-field-flex {
71
+ height: 40px;
72
+ .mat-form-field-infix {
73
+ padding-top: 4px;
74
+ border-top: 0px;
75
+ padding-bottom: 0px;
76
+ height: 25px;
99
77
  }
78
+ }
100
79
  }
101
- .mat-paginator-container-mobile {
102
- .mat-select {
103
- .mat-select-arrow {
104
- margin-top: 20px;
105
- }
80
+ .qms-paginator-range-actions {
81
+ display: flex;
82
+ align-items: center;
83
+ margin-bottom: 15px;
84
+ .selected {
85
+ background-color: #e5eefb;
86
+ color: #1954a9;
87
+ }
88
+ .qms-3d {
89
+ font-weight: 600;
90
+ font-size: 14px;
91
+ line-height: 22px;
92
+ color: #323232;
93
+ }
94
+ button:not(.qms-btn-disabled) {
95
+ .qms-btn-icon-wrapper {
96
+ color: #323232;
97
+ }
98
+ }
99
+
100
+ .nav-list-pagination {
101
+ display: -webkit-box;
102
+ display: -webkit-flex;
103
+ display: -ms-flexbox;
104
+ display: flex;
105
+ -webkit-box-flex-wrap: wrap;
106
+ -webkit-flex-wrap: wrap;
107
+ -ms-flex-wrap: wrap;
108
+ flex-wrap: wrap;
109
+ -webkit-align-items: center;
110
+ -webkit-box-align: center;
111
+ -ms-flex-align: center;
112
+ align-items: center;
113
+ padding: 0;
114
+ margin: 0;
115
+ list-style: none;
116
+
117
+ .nav-item {
118
+ button.qms-btn-icon {
119
+ line-height: 1.43;
120
+ letter-spacing: .01071em;
121
+ border-radius: 20px;
122
+ text-align: center;
123
+ box-sizing: border-box;
124
+ min-width: 40px;
125
+ width: unset;
126
+ height: 40px;
127
+ padding: 0 5px;
128
+ }
106
129
  }
107
- .qms-total-result {
108
- margin-bottom: 16px;
109
- span {
110
- font-family: Open Sans;
111
- font-style: normal;
112
- font-weight: normal;
113
- font-size: 12px;
114
- line-height: 16px;
115
- color: rgba(0, 0, 0, 0.6);
116
- }
130
+ }
131
+ }
132
+ }
133
+ .mat-paginator-container-mobile {
134
+ .mat-select {
135
+ .mat-select-arrow {
136
+ margin-top: 20px;
137
+ }
138
+ }
139
+ .qms-total-result {
140
+ margin-bottom: 16px;
141
+ span {
142
+ font-family: Open Sans;
143
+ font-style: normal;
144
+ font-weight: normal;
145
+ font-size: 12px;
146
+ line-height: 16px;
147
+ color: rgba(0, 0, 0, 0.6);
148
+ }
149
+ }
150
+ .mat-paginator-container {
151
+ justify-content: flex-start;
152
+ }
153
+ .qms-paginator-page-size {
154
+ margin-right: 24px;
155
+ display: flex;
156
+ align-items: baseline;
157
+ .qms-pagesize-label {
158
+ font-weight: normal;
159
+ font-size: 12px;
160
+ line-height: 22px;
161
+ color: #323232;
162
+ font-family: Open Sans;
163
+ font-style: normal;
164
+ margin-right: 8px;
165
+ }
166
+ .qms-form-page-size {
167
+ .mat-form-field-flex {
168
+ width: 80px;
117
169
  }
118
- .mat-paginator-container {
119
- justify-content: flex-start;
170
+ }
171
+ .qms-form-select-page-size {
172
+ .mat-form-field-flex {
173
+ width: 51px;
174
+ padding-left: 9px;
175
+ padding-right: 5px;
120
176
  }
121
- .qms-paginator-page-size {
122
- margin-right: 24px;
123
- display: flex;
124
- align-items: baseline;
125
- .qms-pagesize-label {
126
- font-weight: normal;
127
- font-size: 12px;
128
- line-height: 22px;
129
- color: #323232;
130
- font-family: Open Sans;
131
- font-style: normal;
132
- margin-right: 8px;
133
- }
134
- .qms-form-page-size {
135
- .mat-form-field-flex {
136
- width: 80px;
137
- }
138
- }
139
- .qms-form-select-page-size {
140
- .mat-form-field-flex {
141
- width: 51px;
142
- padding-left: 9px;
143
- padding-right: 5px;
144
- }
145
- }
146
- .jump-page {
147
- .mat-form-field-wrapper {
148
- .mat-form-field-flex {
149
- width: 55px;
150
- }
151
- }
152
- }
153
- .mat-form-field-flex {
154
- height: 40px;
155
- .mat-form-field-infix {
156
- padding-top: 4px;
157
- border-top: 0px;
158
- padding-bottom: 0px;
159
- height: 25px;
160
- }
161
- }
177
+ }
178
+ .jump-page {
179
+ .mat-form-field-wrapper {
180
+ .mat-form-field-flex {
181
+ width: 55px;
182
+ }
162
183
  }
163
- }
164
- .size-small {
165
- .mat-paginator-container {
166
- justify-content: flex-start;
184
+ }
185
+ .mat-form-field-flex {
186
+ height: 40px;
187
+ .mat-form-field-infix {
188
+ padding-top: 4px;
189
+ border-top: 0px;
190
+ padding-bottom: 0px;
191
+ height: 25px;
167
192
  }
193
+ }
168
194
  }
169
- .mr-b-size-small {
170
- margin-bottom: 17px !important;
195
+ }
196
+ .size-small {
197
+ .mat-paginator-container {
198
+ justify-content: flex-start;
171
199
  }
172
- }
200
+ }
201
+ .mr-b-size-small {
202
+ margin-bottom: 17px !important;
203
+ }
204
+ }