qms-angular 1.1.46 → 1.1.48

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. package/bundles/qms-angular.umd.js +1686 -24
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/select-process-data/index.js +2 -0
  4. package/esm2015/lib/components/select-process-data/public-api.js +3 -0
  5. package/esm2015/lib/components/select-process-data/select-process-data.component.js +275 -0
  6. package/esm2015/lib/components/select-process-data/select-process-data.module.js +64 -0
  7. package/esm2015/lib/components/select-process-data-tree/index.js +2 -0
  8. package/esm2015/lib/components/select-process-data-tree/public-api.js +3 -0
  9. package/esm2015/lib/components/select-process-data-tree/select-process-data-tree.component.js +1134 -0
  10. package/esm2015/lib/components/select-process-data-tree/select-process-data-tree.module.js +64 -0
  11. package/esm2015/lib/model/en.js +2 -1
  12. package/esm2015/lib/model/no.js +2 -1
  13. package/esm2015/lib/qms-ckeditor-components/common/bpmn/toolbar.function.js +7 -4
  14. package/esm2015/lib/qms-ckeditor-components/common/functions/resource.function.js +3 -2
  15. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.js +4 -3
  16. package/esm2015/lib/qms-ckeditor-components/models/qms-ckeditor-imagemap.model.js +1 -1
  17. package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +2 -1
  18. package/esm2015/lib/qms-ckeditor-components/services/qms-ckeditor-bpmn.service.js +3 -4
  19. package/esm2015/public-api.js +3 -1
  20. package/fesm2015/qms-angular.js +1491 -25
  21. package/fesm2015/qms-angular.js.map +1 -1
  22. package/lib/components/select-process-data/index.d.ts +1 -0
  23. package/lib/components/select-process-data/public-api.d.ts +2 -0
  24. package/lib/components/select-process-data/select-process-data.component.d.ts +120 -0
  25. package/lib/components/select-process-data/select-process-data.module.d.ts +2 -0
  26. package/lib/components/select-process-data-tree/index.d.ts +1 -0
  27. package/lib/components/select-process-data-tree/public-api.d.ts +2 -0
  28. package/lib/components/select-process-data-tree/select-process-data-tree.component.d.ts +196 -0
  29. package/lib/components/select-process-data-tree/select-process-data-tree.module.d.ts +2 -0
  30. package/lib/model/en.d.ts +1 -0
  31. package/lib/model/no.d.ts +1 -0
  32. package/lib/qms-ckeditor-components/common/bpmn/toolbar.function.d.ts +26 -0
  33. package/lib/qms-ckeditor-components/common/functions/resource.function.d.ts +1 -0
  34. package/lib/qms-ckeditor-components/models/qms-ckeditor-imagemap.model.d.ts +1 -0
  35. package/package.json +1 -1
  36. package/public-api.d.ts +2 -0
  37. package/qms-angular.metadata.json +1 -1
  38. package/src/assets/jointjs/scss/bpmn.scss +3 -3
  39. package/src/assets/jointjs/scss/rappid.scss +12 -1
  40. package/src/lib/components/select-process-data/select-process-data.component.scss +241 -0
  41. package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +634 -0
@@ -182,7 +182,7 @@ QMS-CKEdior Customization
182
182
  }
183
183
 
184
184
  .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:before {
185
- content: 'Template';
185
+ content: attr(data-before);
186
186
  }
187
187
 
188
188
  .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:after {
@@ -192,7 +192,7 @@ QMS-CKEdior Customization
192
192
  }
193
193
 
194
194
  .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:before {
195
- content: 'Delete';
195
+ content: attr(data-before);
196
196
  }
197
197
 
198
198
  .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:after {
@@ -202,7 +202,7 @@ QMS-CKEdior Customization
202
202
  }
203
203
 
204
204
  .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:before {
205
- content: 'Reset';
205
+ content: attr(data-before);
206
206
  }
207
207
 
208
208
  .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:after {
@@ -7833,7 +7833,18 @@ Important note: Presentation attributes have a lower precedence over CSS style r
7833
7833
  content: ' ';
7834
7834
  background-color: transparent;
7835
7835
  background-repeat: no-repeat;
7836
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggc3R5bGU9InN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6IzAwMDtmaWxsLW9wYWNpdHk6MSIgZD0iTTMgMjF2LTUuNzVoMS41djMuMTc2bDMuNy0zLjcgMS4wNzMgMS4wNzVMNS41NzQgMTkuNUg4Ljc1VjIxWm0xMi4yNSAwdi0xLjVoMy4xNzZsLTMuNjc2LTMuNjc2IDEuMDc0LTEuMDc0IDMuNjc2IDMuNjc2VjE1LjI1SDIxVjIxWk04LjE3NiA5LjI1IDQuNSA1LjU3NFY4Ljc1SDNWM2g1Ljc1djEuNUg1LjU3NEw5LjI1IDguMTc2Wm03LjY0OCAwTDE0Ljc1IDguMTc2IDE4LjQyNiA0LjVIMTUuMjVWM0gyMXY1Ljc1aC0xLjVWNS41NzRabTAgMCIvPjwvc3ZnPg==') !important
7836
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggc3R5bGU9InN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6IzAwMDtmaWxsLW9wYWNpdHk6MSIgZD0iTTMgMjF2LTUuNzVoMS41djMuMTc2bDMuNy0zLjcgMS4wNzMgMS4wNzVMNS41NzQgMTkuNUg4Ljc1VjIxWm0xMi4yNSAwdi0xLjVoMy4xNzZsLTMuNjc2LTMuNjc2IDEuMDc0LTEuMDc0IDMuNjc2IDMuNjc2VjE1LjI1SDIxVjIxWk04LjE3NiA5LjI1IDQuNSA1LjU3NFY4Ljc1SDNWM2g1Ljc1djEuNUg1LjU3NEw5LjI1IDguMTc2Wm03LjY0OCAwTDE0Ljc1IDguMTc2IDE4LjQyNiA0LjVIMTUuMjVWM0gyMXY1Ljc1aC0xLjVWNS41NzRabTAgMCIvPjwvc3ZnPg==') !important;
7837
+ width: 20px;
7838
+ height: 20px;
7839
+ background-position: -2px -2px;
7840
+ }
7841
+
7842
+ .joint-widget.joint-theme-default[data-type="zoomIn"]:after {
7843
+ content: '+';
7844
+ }
7845
+
7846
+ .joint-widget.joint-theme-default[data-type="zoomOut"]:after {
7847
+ content: '-';
7837
7848
  }
7838
7849
 
7839
7850
  .joint-widget.joint-theme-default[data-type="fullscreen"]:after {
@@ -0,0 +1,241 @@
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
+ font-family: 'Open Sans', sans-serif;
9
+ .cursor-pointer {
10
+ cursor: pointer;
11
+ }
12
+
13
+ .ml-5 {
14
+ margin-left: 10px;
15
+ }
16
+
17
+ .padding-5 {
18
+ padding: 5px;
19
+ }
20
+
21
+ .header-dialog {
22
+ display: flex;
23
+ justify-content: space-between;
24
+ align-items: center;
25
+ font-weight: 600;
26
+ font-size: 16px;
27
+ }
28
+
29
+ .input__field {
30
+ display: flex;
31
+ align-items: center;
32
+ position: relative;
33
+
34
+ input.input-search {
35
+ width: 100%;
36
+ padding: 10px;
37
+ outline: none;
38
+ border: none;
39
+ background: theme-apply($background-input-text);
40
+ }
41
+
42
+ .btn-search {
43
+ cursor: pointer;
44
+ vertical-align: middle;
45
+ position: absolute;
46
+ top: 50%;
47
+ right: 10px;
48
+ transform: translateY(-50%);
49
+ }
50
+ }
51
+
52
+ .line__divider {
53
+ border-bottom: 1px solid #ccc;
54
+ height: 1px;
55
+ margin-top: 10px;
56
+ min-width: 300px;
57
+ max-width: 100%;
58
+ }
59
+
60
+ .mat-expansion-panel-header {
61
+ height: 30px;
62
+ font-size: 12px;
63
+ letter-spacing: 1px;
64
+ font-family: 'Raleway';
65
+ font-weight: 600;
66
+ padding: 0;
67
+
68
+ .mat-expansion-panel-header-title {
69
+ align-items: center;
70
+ margin-left: 12px;
71
+ }
72
+ }
73
+
74
+ .mat-expansion-panel:not([class*="mat-elevation-z"]) {
75
+ box-shadow: none;
76
+ }
77
+
78
+ .panel__item {
79
+ max-height: 175px;
80
+ margin-top: 4px;
81
+ overflow-x: hidden;
82
+ overflow-y: auto;
83
+ padding-right: 5px;
84
+ width: 100%;
85
+ display: block;
86
+ .related__item__inline {
87
+ max-width: 100%;
88
+ }
89
+
90
+ ::ng-deep .mat-chip-list-wrapper{
91
+ margin: 0 -4px !important;
92
+ }
93
+
94
+ .select__toggle-include {
95
+ width: 100%;
96
+
97
+ &.toggle-include-child .mat-slide-toggle.qms-group-options .mat-slide-toggle-thumb {
98
+ background-color: #5a5a5a !important;
99
+ }
100
+ }
101
+
102
+ .related__item__content {
103
+ height: 32px;
104
+ line-height: 32px;
105
+ background-color: theme-apply($related-item-background);
106
+ max-width: 100%;
107
+ margin-bottom: 5px;
108
+ margin-left: 2.5px;
109
+ margin-right: 2.5px;
110
+
111
+ .mat-icon {
112
+ color: theme-apply($related-mat-icon-color);
113
+ font-size: 24px;
114
+ }
115
+ }
116
+ }
117
+
118
+ .header-title {
119
+ font-weight: 600;
120
+ color: black(0.87);
121
+ }
122
+
123
+ .result-content {
124
+ padding-right: 0 !important;
125
+
126
+ .mat-chip-list {
127
+ min-height: 40px;
128
+
129
+ .mat-icon {
130
+ color: black(.3) !important;
131
+ cursor: pointer;
132
+
133
+ &:hover {
134
+ color: black(1) !important;
135
+ }
136
+ }
137
+ }
138
+
139
+
140
+ span.related__item__content_name {
141
+ min-width: calc(100% - 13px);
142
+ max-width: 250px;
143
+ display: flex;
144
+ align-items: center;
145
+ & > span:nth-child(1){
146
+ display: inline-block;
147
+ margin-right: 4px;
148
+ white-space: nowrap;
149
+ overflow: hidden;
150
+ text-overflow: ellipsis;
151
+ max-width: 200px;
152
+ }
153
+
154
+ .select__include-children__count {
155
+ font-size: 0.75rem;
156
+ color: black(0.5);
157
+ font-weight: 600;
158
+ line-height: 16px;
159
+ }
160
+ }
161
+ }
162
+
163
+ .text-name {
164
+ position: relative;
165
+ overflow: hidden;
166
+ text-overflow: ellipsis;
167
+ display: -webkit-box;
168
+ -webkit-line-clamp: 2;
169
+ -webkit-box-orient: vertical;
170
+ cursor: pointer;
171
+ width: 100%;
172
+ }
173
+
174
+ ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
175
+ .mat-checkbox-layout {
176
+ white-space: normal;
177
+ }
178
+
179
+ .mat-checkbox-label {
180
+ flex-direction: row;
181
+ align-items: center;
182
+ position: relative;
183
+ padding-bottom: 2px;
184
+ }
185
+ }
186
+
187
+ .confirm__button__groups {
188
+ .btn-add>.qms-btn-wrapper {
189
+ display: flex;
190
+ justify-content: center;
191
+ align-items: center;
192
+ }
193
+ }
194
+
195
+ ::ng-deep .custom-department-tree{
196
+ .qms-view-search-result{
197
+ height: 100% !important;
198
+ .result{
199
+ max-height: calc(100% - 80px) !important;
200
+ }
201
+ }
202
+ .loading-container{
203
+ height: calc(100% - 40px) !important;
204
+ }
205
+ }
206
+
207
+ ::ng-deep.btn-close-dialog.qms-btn-icon:focus:not(:hover) {
208
+ background-color: unset !important;
209
+ color: unset !important;
210
+ }
211
+ }
212
+ .qms-spinner-wrapper{
213
+ display: inline-block;
214
+ width: 22px;
215
+ height: 22px;
216
+ .qms-spinner {
217
+ font-size: 20px;
218
+ width: 1em;
219
+ height: 1em;
220
+ position: absolute;
221
+ right: 5px;
222
+ top: 50%;
223
+ transform: translateY(-50%);
224
+ .mat-progress-spinner circle, .mat-spinner circle{
225
+ stroke: #1b75be !important;
226
+ }
227
+ }
228
+ }
229
+
230
+ @media screen and (max-width: 600px) {
231
+ ::ng-deep .cdk-global-overlay-wrapper{
232
+ justify-content: center !important;
233
+ width: 100vw;
234
+ }
235
+ .header-title{
236
+ font-size: 14px;
237
+ }
238
+ .related__item__content_name{
239
+ font-size: 12px !important;
240
+ }
241
+ }