qms-angular 1.1.66 → 1.1.67

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 (12) hide show
  1. package/bundles/qms-angular.umd.js +24 -6
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/qms-bpmn/models/shape-connection-detail.model.js +4 -1
  4. package/esm2015/lib/components/qms-bpmn/qms-bpmn.component.js +17 -6
  5. package/fesm2015/qms-angular.js +21 -7
  6. package/fesm2015/qms-angular.js.map +1 -1
  7. package/lib/components/qms-bpmn/models/shape-connection-detail.model.d.ts +10 -0
  8. package/lib/components/qms-bpmn/qms-bpmn.component.d.ts +2 -1
  9. package/package.json +1 -1
  10. package/qms-angular.metadata.json +1 -1
  11. package/src/assets/jointjs/js/joint-plus.js +2 -2
  12. package/src/lib/components/qms-bpmn/qms-bpmn.component.scss +844 -819
package/src/lib/components/qms-bpmn/qms-bpmn.component.scss CHANGED
@@ -1,820 +1,845 @@
1
- :host ::ng-deep .qms-bpmn-container {
2
- .bpmn__editor {
3
- width: 100%;
4
- height: 100%;
5
- }
6
-
7
- #leftpanel {
8
- float: left;
9
- width: calc(100% - 400px);
10
- height: 550px;
11
- }
12
-
13
- #rightpanel {
14
- float: right;
15
- width: 400px;
16
- height: 550px;
17
- border: solid;
18
- border-width: 0px 1px 1px 0px;
19
-
20
- .units {
21
- font-size: 12px;
22
- }
23
-
24
- .connection-wrapper {
25
- padding-bottom: 1.34375em;
26
-
27
- .mat-card-wrapper {
28
- padding-right: 0px;
29
- }
30
-
31
- .connection-content {
32
- display: flex;
33
- justify-content: space-between;
34
- }
35
- }
36
-
37
- ::ng-deep .mat-tab-group {
38
- height: 100%;
39
- }
40
-
41
- ::ng-deep .mat-tab-disabled {
42
- cursor: not-allowed;
43
- }
44
- }
45
-
46
- #connection-container {
47
- position: absolute;
48
- top: 0;
49
- right: 0;
50
- bottom: 0;
51
- width: 398px;
52
- overflow-y: auto;
53
- background: #fff;
54
- overflow-y: auto;
55
- padding: 0 1rem;
56
-
57
- .shape__connect-type {
58
- padding: 1rem 0;
59
-
60
- .mat-radio-button.qms-group-options {
61
- margin-bottom: 1rem;
62
- border: 1px solid #e0e0e0;
63
- width: 100%;
64
- }
65
- }
66
-
67
- .mat-form-field {
68
- margin-left: 8px;
69
- }
70
-
71
- .mat-expansion-panel-header.mat-expanded {
72
- background-color: #eceff7;
73
- height: 40px !important;
74
- }
75
-
76
- .connect-link {
77
- margin-left: 0;
78
- width: 100%;
79
- }
80
-
81
- .reload-anchor {
82
- float: right;
83
- color: gray;
84
- height: auto;
85
- margin: 0;
86
- font-size: 12px;
87
- }
88
-
89
- .shape-connect__select-label {
90
- font-size: 16px;
91
- font-family: Open Sans;
92
- font-weight: 600;
93
- }
94
-
95
- .shape-connect__label {
96
- font-size: 14px;
97
- font-family: Open Sans;
98
- font-weight: 600;
99
- }
100
-
101
- .shape-connect__item-card {
102
- border: 1px solid #e0e0e0;
103
- padding: 10px 0;
104
- display: flex;
105
- align-items: center;
106
- border-radius: 4px;
107
-
108
- .qms-list-item.mat-2-line.image-item {
109
- height: auto;
110
- }
111
-
112
- .qms-list-item-content {
113
- padding: 0px !important;
114
- margin: 0px;
115
-
116
- .wrap-image {
117
- background: transparent;
118
- margin-right: 0;
119
- }
120
- }
121
-
122
-
123
- .connection-icon {
124
- height: 1.5rem;
125
- }
126
-
127
- .shape-connect__content {
128
- width: 80%;
129
- }
130
-
131
- .item-card__delete-btn {
132
- margin-left: auto;
133
- }
134
-
135
- .link-title {
136
- word-break: break-word;
137
- }
138
- }
139
- }
140
-
141
- .mat-icon {
142
- color: black;
143
- }
144
-
145
- .title {
146
- font-size: 16px;
147
- font-weight: bold;
148
- }
149
-
150
- #toolbarpanel {
151
- position: relative;
152
- top: 0;
153
- bottom: 0;
154
- left: 0;
155
- right: 0;
156
- margin-bottom: 16px;
157
- height: 50px;
158
- width: 100%;
159
- }
160
-
161
- #paperpanel {
162
- position: relative;
163
- top: 0;
164
- bottom: 0;
165
- left: 0;
166
- right: 0;
167
- height: 400px;
168
- width: 100%;
169
- }
170
-
171
- #stencilpanel {
172
- position: relative;
173
- top: 0;
174
- bottom: 0;
175
- left: 0;
176
- right: 0;
177
- height: 150px;
178
- width: 100%;
179
- }
180
-
181
- /* LAYOUT */
182
- #toolbar-container {
183
- position: relative;
184
- top: 0;
185
- bottom: 0;
186
- left: 0;
187
- right: 0;
188
- width: 100%;
189
- height: 100%;
190
- }
191
-
192
- #paper-container {
193
- position: relative;
194
- top: 0;
195
- bottom: 0;
196
- left: 0;
197
- right: 0;
198
- width: 100%;
199
- height: inherit;
200
- }
201
-
202
- #inspector-container {
203
- position: relative;
204
- top: 0;
205
- right: 0;
206
- bottom: 0px;
207
- width: 100%;
208
- background: #ffffff;
209
- height: inherit;
210
- }
211
-
212
- #stencil-container {
213
- position: absolute;
214
- top: 0;
215
- bottom: 0;
216
- left: 0;
217
- right: 0;
218
- width: 1174px;
219
- height: inherit;
220
- }
221
-
222
- #statusbar-container {
223
- position: absolute;
224
- left: 0;
225
- right: 0;
226
- bottom: 0;
227
- height: 25px;
228
- }
229
-
230
- #panel-stencil-container {
231
- position: absolute;
232
- left: 0;
233
- right: 0;
234
- bottom: 0;
235
- height: 150px;
236
- overflow-x: auto;
237
- overflow-y: hidden;
238
- background-image: url('../../../assets/images/panel-stencil-container-background-image.png');
239
- background-repeat: repeat;
240
- transition: all 0.5s ease-in-out 0s;
241
-
242
- .mat-expansion-panel-header-title {
243
- color: white;
244
- }
245
-
246
- .joint-theme-default {
247
- background: none;
248
- }
249
-
250
- .mat-expansion-indicator {
251
- &::after {
252
- color: white;
253
- transform: rotate(-135deg);
254
- }
255
- }
256
-
257
- .mat-expansion-panel-header {
258
- min-width: 1224px;
259
- max-width: 100%;
260
- }
261
-
262
- .joint-stencil>.content {
263
- width: 1200px;
264
- }
265
- }
266
-
267
- #toolbar-container {
268
- left: 0;
269
- color: white;
270
- position: absolute;
271
- }
272
-
273
- .joint-inspector.joint-theme-bpmn .group>.group-label {
274
- font-size: 15px;
275
- text-align: center;
276
- border: none;
277
- background: rgb(236, 239, 247);
278
- height: 40px;
279
- line-height: 40px;
280
- color: rgb(48, 48, 70);
281
- box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
282
- margin-bottom: 10px;
283
- left: 0;
284
- padding: 5px 0 5px 0;
285
- }
286
-
287
- .joint-inspector.joint-theme-bpmn .group.closed>.group-label {
288
- background: rgb(236, 239, 247);
289
- height: 40px;
290
- line-height: 40px;
291
- }
292
-
293
- .joint-inspector.joint-theme-bpmn .list-item:nth-child(odd) {
294
- background: #ecefff;
295
- /*fallback*/
296
- background: -moz-linear-gradient(left, #ecefff 0%, #fafafa 100%);
297
- /*Firefox*/
298
- background: -webkit-gradient(left, #ecefff 0%, #fafafa 100%);
299
- /*Chrome + Safari*/
300
- background: -webkit-linear-gradient(left, #ecefff 0%, #fafafa 100%);
301
- /*Another Chrome + Safari*/
302
- background: -o-linear-gradient(left, #ecefff 0%, #fafafa 100%);
303
- /*Opera*/
304
- background: -ms-linear-gradient(left, #ecefff 0%, #fafafa 100%);
305
- /*IE10+*/
306
- background: linear-gradient(to left, #91a1c9 0%, #fafafa 100%);
307
- /*W3C standards*/
308
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFFF', endColorstr='#3571b0', GradientType=0);
309
- /*IE6-9*/
310
- }
311
-
312
- .joint-inspector.joint-theme-bpmn .list-item:nth-child(even) {
313
- background: #ecefff;
314
- /*fallback*/
315
- background: -moz-linear-gradient(left, #ecefff 0%, #fafafa 100%);
316
- /*Firefox*/
317
- background: -webkit-gradient(left, #ecefff 0%, #fafafa 100%);
318
- /*Chrome + Safari*/
319
- background: -webkit-linear-gradient(left, #ecefff 0%, #fafafa 100%);
320
- /*Another Chrome + Safari*/
321
- background: -o-linear-gradient(left, #ecefff 0%, #fafafa 100%);
322
- /*Opera*/
323
- background: -ms-linear-gradient(left, #ecefff 0%, #fafafa 100%);
324
- /*IE10+*/
325
- background: linear-gradient(to left, #91a1c9 0%, #fafafa 100%);
326
- /*W3C standards*/
327
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFFF', endColorstr='#3571b0', GradientType=0);
328
- /*IE6-9*/
329
- }
330
-
331
- .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(odd) {
332
- background: #eceff7;
333
- /*fallback*/
334
- background: -moz-linear-gradient(left, #eceff7 0%, #eceff7 100%);
335
- /*Firefox*/
336
- background: -webkit-gradient(left, #eceff7 0%, #eceff7 100%);
337
- /*Chrome + Safari*/
338
- background: -webkit-linear-gradient(left, #eceff7 0%, #eceff7 100%);
339
- /*Another Chrome + Safari*/
340
- background: -o-linear-gradient(left, #eceff7 0%, #eceff7 100%);
341
- /*Opera*/
342
- background: -ms-linear-gradient(left, #eceff7 0%, #eceff7 100%);
343
- /*IE10+*/
344
- background: linear-gradient(to left, #eceff7 0%, #eceff7 100%);
345
- /*W3C standards*/
346
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceff7', endColorstr='#eceff7', GradientType=0);
347
- /*IE6-9*/
348
- }
349
-
350
- //#eceff7
351
- .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(even) {
352
- background: #eceff7;
353
- /*fallback*/
354
- background: -moz-linear-gradient(left, #eceff7 0%, #eceff7 100%);
355
- /*Firefox*/
356
- background: -webkit-gradient(left, #eceff7 0%, #eceff7 100%);
357
- /*Chrome + Safari*/
358
- background: -webkit-linear-gradient(left, #eceff7 0%, #eceff7 100%);
359
- /*Another Chrome + Safari*/
360
- background: -o-linear-gradient(left, #eceff7 0%, #eceff7 100%);
361
- /*Opera*/
362
- background: -ms-linear-gradient(left, #eceff7 0%, #eceff7 100%);
363
- /*IE10+*/
364
- background: linear-gradient(to left, #eceff7 0%, #eceff7 100%);
365
- /*W3C standards*/
366
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceff7', endColorstr='#eceff7', GradientType=0);
367
- /*IE6-9*/
368
- }
369
-
370
- .joint-inspector.joint-theme-bpmn .list-item {
371
- border-radius: 10px;
372
- box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
373
- }
374
-
375
- .joint-inspector.joint-theme-bpmn label {
376
- color: #7f8c8d;
377
- }
378
-
379
- .joint-inspector.joint-theme-bpmn .btn-list-add {
380
- position: relative;
381
- left: 110px;
382
- background: #5799da;
383
- border: 2px solid #0a468e;
384
- }
385
-
386
- .joint-inspector.joint-theme-bpmn .btn-list-add,
387
- .joint-inspector.joint-theme-bpmn .btn-list-del {
388
- background: #5799da;
389
- height: 25px;
390
- color: black;
391
- }
392
-
393
- .joint-inspector.joint-theme-bpmn textarea {
394
- width: 350px;
395
- max-width: 350px;
396
- }
397
-
398
- .joint-inspector.joint-theme-bpmn input[type='color'],
399
- .joint-inspector.joint-theme-bpmn input[type='range'] {
400
- width: 171px;
401
- }
402
-
403
- .joint-inspector.joint-theme-bpmn .list {
404
- line-height: 0.5;
405
- }
406
-
407
- .joint-inspector.joint-theme-bpmn .list .select {
408
- margin-top: 5px;
409
- }
410
-
411
- .joint-inspector.joint-theme-bpmn .list label,
412
- .joint-inspector.joint-theme-bpmn .list output,
413
- .joint-inspector.joint-theme-bpmn .list .units {
414
- text-align: end;
415
- margin-right: 4px;
416
- margin-top: 16px;
417
- color: black;
418
- }
419
-
420
- .joint-inspector.joint-theme-bpmn .list-item input {
421
- width: 50%;
422
- float: right;
423
- }
424
-
425
- .joint-inspector.joint-theme-bpmn .list-item .input-wrapper input {
426
- width: 70%;
427
- float: none;
428
- }
429
-
430
- .joint-inspector.joint-theme-bpmn input {
431
- width: 55%;
432
- }
433
-
434
- .range-field {
435
- height: 40px;
436
- margin-bottom: 15px;
437
- }
438
-
439
- .joint-paper-scroller {
440
- overflow: hidden;
441
- }
442
-
443
- .breadcrumb-container .qms-breadcrumb-item {
444
- cursor: inherit;
445
- line-height: 16px;
446
- font-size: 0.75rem;
447
- color: black(0.6);
448
- font-weight: 400;
449
- line-height: 22px;
450
- margin: 0;
451
- }
452
-
453
- .joint-inspector.joint-theme-bpmn .list-item .field {
454
- padding: 0;
455
- }
456
-
457
- .joint-inspector.joint-theme-bpmn .field {
458
- padding: 10px;
459
- }
460
-
461
- .joint-inspector .group {
462
- overflow: hidden;
463
- padding: 0 0 10px;
464
- }
465
-
466
- .joint-widget.joint-theme-default[data-type="undo"]:after {
467
- content: '';
468
- }
469
-
470
- .joint-widget.joint-theme-default[data-type="redo"]:after {
471
- content: '';
472
- }
473
-
474
- .joint-toolbar.joint-theme-bpmn button[data-name="fullscreen"]:before,
475
- .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:before,
476
- .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:before,
477
- .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:before {
478
- width: 40px;
479
- height: 20px;
480
- background-color: transparent;
481
- position: absolute;
482
- top: 27px;
483
- left: 0;
484
- }
485
-
486
- .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:before {
487
- content: attr(data-before);
488
- }
489
-
490
- .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:after {
491
- background-image: url('data:image/png;base64,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');
492
- background-size: 20px 20px;
493
- background-position: 11px -3px;
494
- }
495
-
496
- .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:before {
497
- content: attr(data-before);
498
- }
499
-
500
- .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:after {
501
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFboAABW6AWAVsncAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAACP0lEQVQ4T5VSS2gTURS9plYNbSZJm+Anbcyk1rpJEMRFFxKEIkg/ahGkTU3tRtKP4qdZiNYPEUGLH+iiooJbdSfFnbh0VVwILuafNEnTNNpoiwlo0+ObZIq2WIkHDufd+865c2cY+hueE9kkoqhWR7K6s7rIVJCJxsaJagzLhtikOk2R9JGDSmYoVMzejCB75xp0zYSDy+mAT5RtdN7wrsU0kTXe7HhbvDCAwpNHyD2dwMLjh1iYfFDS3LMJFCbvYzncA63JPvWeyGxEiV4RVcnu2nfLQ0Fk797A/PXLmB+7tI4XS/3P7L44HITg4aaMOJHgNI3mD/sxNxpGeji0MUf6kT53BpnIIArtrRAcprMUd1vtomtbci7gQ7K3o8xg5+/zat3TjkR3G2Y6DyFx6ii+nGyDuLtWIMm1NSo7CGI9QdpeBdldA6XFCdXfAG2/G6rPBWWvA3KjGSLzCTbm27EZCvOxzE+S/I0JjT1B6e+G0ncMSrALSi+rdS2RnY1aPX0cauhE2aezt2OFYl0BpL7nMQv8N1OLSyC5dZ8Wv30VsfEoYvduVU7m16JXVkjctWVMqmPfgL2baK+cUll/ULal3iJ6LPGk1wqR5yBVQN0322SF5OE+lf4D1hz5toc11hn/xa+632MJlQboED3cm8Xm8pCNNlntLzGfyFteGtEyZhrIrHm51/rkFFtP/iOoU6/1tXPsXuEtL6YPULURXQuN5wYTPPdR4bkCCxYZV3RVeS6f8HIfNK9lwLAyEP0ClVT9dLc5lCAAAAAASUVORK5CYII=');
502
- background-size: 20px 20px;
503
- background-position: 11px -1px;
504
- }
505
-
506
- .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:before {
507
- content: attr(data-before);
508
- }
509
-
510
- .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:after {
511
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJ3SURBVEiJrdZLaxRmFAbgZ8aJpkPFjahJVELAhQvFKw1atBShatSioCKI4kLBe6t46+0XlFJEUmtdCFoEXWi9gIKIEo330EL/gK1acKdgA2LRxTmpE3Um0XhgmMP3nXnf79yngIlYg/M4p7eMxhLMR0OedaOMu7iAE/hLDfkDC9CFkXnWgIPowKYK8EppwLok+QVjqxHczu+9mInP8ScW5vlgzMYe/IgfsC1ti2kzD9fzob2kVKE/wnYMwUd4ip1Yhav5uY7/MAar8VN6uh+d+BXN2PcmD7aJPNSnuzfwbRJWk3J61pmkg3AaiyqNbqGQwCW0iLxMETlZjsk1SKTHXUkyLB89qufyEoamPjgJz4qQXMB36U1/SK4mRptIPDiFptQn4BCW5kt6pB2L+yCAr7A59ctohMMY/4rhB6L22/G7SFpJ31IW4S1iPTaWcB8z8CRB20SNX8QxbMGzfoDDv7iJVpwRVWZEAv2W7rX0E6yarBQVCbdLeIhlAwStlHuYlPqgYi3Ld5QCnqfeXRTxPi7CNPw9EDThn9RLRTEeToty/eY9EHyCa2JkPCgmWx2O5mX9AMDLmCYac45oVI2im+FL7B4AwdfYmPoVsU8Q3TtPtHknpr4DeGuC1uEz/Fx52YQ7Yjw0i8H1NiSt+ZvR+FAMuzGvGi0Wya5LkmvYpXZOyiIsHQk+RIz8/xdP5Xw5kawnxYieha1iyXQK9/8Wc2Zs3k/HAXyaLz8uqvFMLXeXiQHXszLr8DF2iHX5Pb4QYelp1Llizb62MqtJI46k6xu8eaGPw1ox3PZ7+YehlxT6IGrCCtEfzWKqFsT+fixCcQoPqgG8AFOaft796x2HAAAAAElFTkSuQmCC');
512
- background-size: 20px 20px;
513
- background-position: 11px -1px;
514
- }
515
-
516
- .joint-toolbar.joint-theme-bpmn button[data-name="fullscreen"]:after {
517
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABLklEQVRIS+2UPUtCYRiGj2v9AEfJpYQ+0KHFxjYnJxe3IHCqH9Hu5C8J+gEtBYq0WLg52NaHoFgEnuP1vNyJgi7ve1qqCy7O+zw83M85x4/onx8hSZJ8HMd3+IYvS77iM15p1B9CjvGBZSvQm2JTY2EQtIs9ZTvSXlDBT2U7UllAzhYhZ/il0BkOUltAwD4uXg3nG7TP5BY/MPwVkXuu8DbuWI9rAbvYckOh2BLCSiod1EX6pyp/EzxalkfbU+mgt41H9DNq+UNQjaAOnqhlvQb28SJ4CSF1QkZcH9G+hlWc0XNwvtSoHwTU8V1hTzhxycD5Hg806gcBiwXfUBvXmNOYP4SsWzDEskbCWLfAoGf/+4ca84eQGtodT3C8pNU9XPnFesENZzapkT9HFM0BetrUm3SgdX8AAAAASUVORK5CYII=");
518
- }
519
-
520
- .joint-inspector.joint-theme-bpmn .toggle span i {
521
- background: #1a9af3;
522
- border-radius: 5px;
523
- box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
524
- }
525
-
526
- .joint-inspector.joint-theme-bpmn .toggle span i:before {
527
- text-shadow: none;
528
- right: 115%;
529
- font-style: normal;
530
- font-weight: 700;
531
- color: white;
532
- font-family: Helvetica, Arial, sans-serif;
533
- font-size: 14px;
534
- position: absolute;
535
- top: 8px;
536
- }
537
-
538
- .joint-inspector.joint-theme-bpmn .toggle span i:after {
539
- text-shadow: none;
540
- right: 115%;
541
- font-style: normal;
542
- font-weight: 700;
543
- color: rgba(0, 0, 0, 0.4);
544
- font-family: Helvetica, Arial, sans-serif;
545
- font-size: 14px;
546
- position: absolute;
547
- top: 8px;
548
- }
549
-
550
- .joint-selection.joint-theme-bpmn .selection-wrapper {
551
- display: block;
552
- }
553
-
554
- .no-result-connection {
555
- height: 100%;
556
- flex-direction: column;
557
- display: flex;
558
- transform: none;
559
- align-items: center;
560
- justify-content: center;
561
-
562
- }
563
-
564
- .button-add {
565
- width: 359px;
566
- margin: 20px 20px 0px 20px;
567
-
568
- .add-icon {
569
- color: var(--primary);
570
- }
571
- }
572
-
573
- .have-result-connection {
574
- height: 100%;
575
- flex-direction: column;
576
- display: flex;
577
- transform: none;
578
- }
579
-
580
- .mat-expansion-panel-header:hover:not(:hover .description-edit) {
581
- background-color: transparent !important;
582
- }
583
-
584
- .mat-expansion-panel-header {
585
-
586
- .mat-content {
587
- display: block;
588
- .description-header {
589
- display: flex;
590
- align-items: center;
591
- justify-content: space-between;
592
- }
593
- }
594
-
595
- .default-subtitle {
596
- font-family: Open Sans;
597
- font-size: 16px;
598
- font-weight: 600;
599
- line-height: 28px;
600
- color: #0163B2;
601
- }
602
- }
603
-
604
- .connection-content-body {
605
- display: flex;
606
- justify-content: space-between;
607
- align-items: center;
608
-
609
- .mat-menu-item {
610
- width: initial;
611
- }
612
-
613
- }
614
-
615
- .edit-icon {
616
- width: 40px;
617
- height: 40px;
618
- line-height: 40px;
619
- }
620
-
621
- .mat-form-field .mat-select-arrow {
622
- display: none;
623
- }
624
-
625
- .custom-mat-form-field {
626
- width: 48px;
627
- height: 48px;
628
-
629
- .mat-form-field-flex {
630
- padding-left: 12px;
631
- }
632
- }
633
-
634
- .target-wrapper {
635
- padding-left: 10px;
636
- padding-bottom: 8px;
637
- }
638
-
639
- .qms-list-item-content {
640
- margin-left: 0px;
641
- height: auto;
642
- }
643
-
644
- .wrap-image.image-square {
645
- background-color: transparent;
646
- margin-right: 0px;
647
- }
648
-
649
- .qms-list-text {
650
- justify-content: center;
651
- border-bottom: none;
652
- }
653
-
654
- .mat-expansion-panel-body {
655
- padding-left: 0px;
656
- padding-right: 0px;
657
- }
658
-
659
- .qms-btn-icon {
660
- height: auto;
661
- }
662
-
663
- .mat-form-field-wrapper {
664
- padding-bottom: 0px;
665
-
666
- .mat-form-field-flex {
667
- border-bottom: none;
668
- background-color: transparent;
669
- }
670
-
671
- .mat-form-field-flex:hover {
672
- background-color: transparent;
673
- }
674
- }
675
-
676
- .connection-item-container, .content-item-container {
677
-
678
- .related-item-wrapper {
679
- display: flex;
680
- border: 1px solid #E0E0E0;
681
- border-radius: 4px;
682
- margin-bottom: 8px;
683
- }
684
-
685
- .qms-list-item.image-item .qms-list-text {
686
- border-bottom: none !important;
687
- }
688
-
689
- .mat-expansion-panel.qms-expansion {
690
- margin-left: 0px !important;
691
- margin-right: 0px !important;
692
- }
693
-
694
- .qms-list-item {
695
- height: 56px;
696
- }
697
- }
698
-
699
- .connection-item-container {
700
- .mat-expansion-panel-body {
701
- padding-left: 0px !important;
702
- padding-right: 0px !important;
703
- }
704
- }
705
-
706
- .active-anchor {
707
- color: var(--primary);
708
- }
709
-
710
- }
711
-
712
- ::ng-deep .stencil-paper-drag {
713
- z-index: 10000;
714
- }
715
-
716
- ::ng-deep {
717
-
718
- .group-action-member{
719
- width: 359px;
720
- max-width: 359px !important;
721
- margin-left: 20px !important;
722
- }
723
-
724
- .mat-expansion-panel-header .mat-expansion-indicator::after {
725
- color: #0163B2;
726
- }
727
-
728
- .mat-form-field:hover {
729
- background: none;
730
- }
731
-
732
- .mat-menu-panel {
733
- width: auto;
734
- }
735
-
736
- .mat-select-search-inside-mat-option .mat-select-search-input {
737
- border-bottom: 1px solid rgba(0, 0, 0, 0.38);
738
- margin: 0.25rem;
739
- background-color: rgba(0, 0, 0, 0.04);
740
- border-radius: 4px;
741
- }
742
- }
743
-
744
- .activity-attachment__attachment-list {
745
- .custom-attachment-margin {
746
- margin: 16px 0px 16px 0px;
747
- }
748
-
749
- .qms-scrollable-attachment-list {
750
- .qms-list-item.mat-2-line.image-item {
751
- height: 64px;
752
- .qms-line,
753
- .subtitle {
754
- -webkit-line-clamp: 1;
755
- }
756
-
757
- .subtitle:last-child {
758
- padding: 2px;
759
- }
760
-
761
- .subtitle {
762
- font-weight: 600;
763
- font-size: 16px;
764
- word-break: break-word;
765
-
766
- .qms-btn-text {
767
- &:focus,
768
- &:focus-visible {
769
- &::after {
770
- animation: none;
771
- }
772
- }
773
- }
774
- }
775
-
776
- .qms-btn {
777
- padding: 0px 8px;
778
- color: white;
779
- }
780
-
781
- .qms-btn-icon {
782
- height: 1.5rem;
783
- width: 1.5rem;
784
- line-height: 1.5rem;
785
- }
786
- }
787
- }
788
-
789
- .mat-dialog-actions {
790
- padding: 8px 0px 0px 0px;
791
- }
792
-
793
- .qms-list-text {
794
- height: 56px;
795
- border-bottom: 1px solid var(--other-divider) !important;
796
- }
797
- ::ng-deep .qms-list-header {
798
- height: 56px;
799
- border-bottom: 1px solid var(--other-divider) !important;
800
- }
801
-
802
- .attachment-ion {
803
- width: 56px;
804
- height: 56px;
805
- background-color: #fff;
806
- }
807
- }
808
-
809
- .qms-badges-container{
810
- margin-right: 15px;
811
- display: flex;
812
- ::ng-deep .qms-badges-circle-large {
813
- border: 1px double;
814
- }
815
- ::ng-deep .text-color-white {
816
- color: #808080 !important;
817
- font-weight: 600;
818
- }
819
-
1
+ :host ::ng-deep .qms-bpmn-container {
2
+ .bpmn__editor {
3
+ width: 100%;
4
+ height: 100%;
5
+ }
6
+
7
+ #leftpanel {
8
+ float: left;
9
+ width: calc(100% - 400px);
10
+ height: 550px;
11
+ }
12
+
13
+ #rightpanel {
14
+ float: right;
15
+ width: 400px;
16
+ height: 550px;
17
+ border: solid;
18
+ border-width: 0px 1px 1px 0px;
19
+
20
+ .units {
21
+ font-size: 12px;
22
+ }
23
+
24
+ .connection-wrapper {
25
+ padding-bottom: 1.34375em;
26
+
27
+ .mat-card-wrapper {
28
+ padding-right: 0px;
29
+ }
30
+
31
+ .connection-content {
32
+ display: flex;
33
+ justify-content: space-between;
34
+ }
35
+ }
36
+
37
+ ::ng-deep .mat-tab-group {
38
+ height: 100%;
39
+ }
40
+
41
+ ::ng-deep .mat-tab-disabled {
42
+ cursor: not-allowed;
43
+ }
44
+ }
45
+
46
+ #connection-container {
47
+ position: absolute;
48
+ top: 0;
49
+ right: 0;
50
+ bottom: 0;
51
+ width: 398px;
52
+ overflow-y: auto;
53
+ background: #fff;
54
+ overflow-y: auto;
55
+ padding: 0 1rem;
56
+
57
+ .shape__connect-type {
58
+ padding: 1rem 0;
59
+
60
+ .mat-radio-button.qms-group-options {
61
+ margin-bottom: 1rem;
62
+ border: 1px solid #e0e0e0;
63
+ width: 100%;
64
+ }
65
+ }
66
+
67
+ .mat-form-field {
68
+ margin-left: 8px;
69
+ }
70
+
71
+ .mat-expansion-panel-header.mat-expanded {
72
+ background-color: #eceff7;
73
+ height: 40px !important;
74
+ }
75
+
76
+ .connect-link {
77
+ margin-left: 0;
78
+ width: 100%;
79
+ }
80
+
81
+ .reload-anchor {
82
+ float: right;
83
+ color: gray;
84
+ height: auto;
85
+ margin: 0;
86
+ font-size: 12px;
87
+ }
88
+
89
+ .shape-connect__select-label {
90
+ font-size: 16px;
91
+ font-family: Open Sans;
92
+ font-weight: 600;
93
+ }
94
+
95
+ .shape-connect__label {
96
+ font-size: 14px;
97
+ font-family: Open Sans;
98
+ font-weight: 600;
99
+ }
100
+
101
+ .shape-connect__item-card {
102
+ border: 1px solid #e0e0e0;
103
+ padding: 10px 0;
104
+ display: flex;
105
+ align-items: center;
106
+ border-radius: 4px;
107
+
108
+ .qms-list-item.mat-2-line.image-item {
109
+ height: auto;
110
+ }
111
+
112
+ .qms-list-item-content {
113
+ padding: 0px !important;
114
+ margin: 0px;
115
+
116
+ .wrap-image {
117
+ background: transparent;
118
+ margin-right: 0;
119
+ }
120
+ }
121
+
122
+
123
+ .connection-icon {
124
+ height: 1.5rem;
125
+ }
126
+
127
+ .shape-connect__content {
128
+ width: 80%;
129
+ }
130
+
131
+ .item-card__delete-btn {
132
+ margin-left: auto;
133
+ }
134
+
135
+ .link-title {
136
+ word-break: break-word;
137
+ }
138
+ }
139
+ }
140
+
141
+ .mat-icon {
142
+ color: black;
143
+ }
144
+
145
+ .title {
146
+ font-size: 16px;
147
+ font-weight: bold;
148
+ }
149
+
150
+ #toolbarpanel {
151
+ position: relative;
152
+ top: 0;
153
+ bottom: 0;
154
+ left: 0;
155
+ right: 0;
156
+ margin-bottom: 16px;
157
+ height: 50px;
158
+ width: 100%;
159
+ }
160
+
161
+ #paperpanel {
162
+ position: relative;
163
+ top: 0;
164
+ bottom: 0;
165
+ left: 0;
166
+ right: 0;
167
+ height: 400px;
168
+ width: 100%;
169
+ }
170
+
171
+ #stencilpanel {
172
+ position: relative;
173
+ top: 0;
174
+ bottom: 0;
175
+ left: 0;
176
+ right: 0;
177
+ height: 150px;
178
+ width: 100%;
179
+ }
180
+
181
+ /* LAYOUT */
182
+ #toolbar-container {
183
+ position: relative;
184
+ top: 0;
185
+ bottom: 0;
186
+ left: 0;
187
+ right: 0;
188
+ width: 100%;
189
+ height: 100%;
190
+ }
191
+
192
+ #paper-container {
193
+ position: relative;
194
+ top: 0;
195
+ bottom: 0;
196
+ left: 0;
197
+ right: 0;
198
+ width: 100%;
199
+ height: inherit;
200
+ }
201
+
202
+ #inspector-container {
203
+ position: relative;
204
+ top: 0;
205
+ right: 0;
206
+ bottom: 0px;
207
+ width: 100%;
208
+ background: #ffffff;
209
+ height: inherit;
210
+ }
211
+
212
+ #stencil-container {
213
+ position: absolute;
214
+ top: 0;
215
+ bottom: 0;
216
+ left: 0;
217
+ right: 0;
218
+ width: 1174px;
219
+ height: inherit;
220
+ }
221
+
222
+ #statusbar-container {
223
+ position: absolute;
224
+ left: 0;
225
+ right: 0;
226
+ bottom: 0;
227
+ height: 25px;
228
+ }
229
+
230
+ #panel-stencil-container {
231
+ position: absolute;
232
+ left: 0;
233
+ right: 0;
234
+ bottom: 0;
235
+ height: 150px;
236
+ overflow-x: auto;
237
+ overflow-y: hidden;
238
+ background-image: url('../../../assets/images/panel-stencil-container-background-image.png');
239
+ background-repeat: repeat;
240
+ transition: all 0.5s ease-in-out 0s;
241
+
242
+ .mat-expansion-panel-header-title {
243
+ color: white;
244
+ }
245
+
246
+ .joint-theme-default {
247
+ background: none;
248
+ }
249
+
250
+ .mat-expansion-indicator {
251
+ &::after {
252
+ color: white;
253
+ transform: rotate(-135deg);
254
+ }
255
+ }
256
+
257
+ .mat-expansion-panel-header {
258
+ min-width: 1224px;
259
+ max-width: 100%;
260
+ }
261
+
262
+ .joint-stencil>.content {
263
+ width: 1200px;
264
+ }
265
+ }
266
+
267
+ #toolbar-container {
268
+ left: 0;
269
+ color: white;
270
+ position: absolute;
271
+ }
272
+
273
+ .joint-inspector.joint-theme-bpmn .group>.group-label {
274
+ font-size: 15px;
275
+ text-align: center;
276
+ border: none;
277
+ background: rgb(236, 239, 247);
278
+ height: 40px;
279
+ line-height: 40px;
280
+ color: rgb(48, 48, 70);
281
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
282
+ margin-bottom: 10px;
283
+ left: 0;
284
+ padding: 5px 0 5px 0;
285
+ }
286
+
287
+ .joint-inspector.joint-theme-bpmn .group.closed>.group-label {
288
+ background: rgb(236, 239, 247);
289
+ height: 40px;
290
+ line-height: 40px;
291
+ }
292
+
293
+ .joint-inspector.joint-theme-bpmn .list-item:nth-child(odd) {
294
+ background: #ecefff;
295
+ /*fallback*/
296
+ background: -moz-linear-gradient(left, #ecefff 0%, #fafafa 100%);
297
+ /*Firefox*/
298
+ background: -webkit-gradient(left, #ecefff 0%, #fafafa 100%);
299
+ /*Chrome + Safari*/
300
+ background: -webkit-linear-gradient(left, #ecefff 0%, #fafafa 100%);
301
+ /*Another Chrome + Safari*/
302
+ background: -o-linear-gradient(left, #ecefff 0%, #fafafa 100%);
303
+ /*Opera*/
304
+ background: -ms-linear-gradient(left, #ecefff 0%, #fafafa 100%);
305
+ /*IE10+*/
306
+ background: linear-gradient(to left, #91a1c9 0%, #fafafa 100%);
307
+ /*W3C standards*/
308
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFFF', endColorstr='#3571b0', GradientType=0);
309
+ /*IE6-9*/
310
+ }
311
+
312
+ .joint-inspector.joint-theme-bpmn .list-item:nth-child(even) {
313
+ background: #ecefff;
314
+ /*fallback*/
315
+ background: -moz-linear-gradient(left, #ecefff 0%, #fafafa 100%);
316
+ /*Firefox*/
317
+ background: -webkit-gradient(left, #ecefff 0%, #fafafa 100%);
318
+ /*Chrome + Safari*/
319
+ background: -webkit-linear-gradient(left, #ecefff 0%, #fafafa 100%);
320
+ /*Another Chrome + Safari*/
321
+ background: -o-linear-gradient(left, #ecefff 0%, #fafafa 100%);
322
+ /*Opera*/
323
+ background: -ms-linear-gradient(left, #ecefff 0%, #fafafa 100%);
324
+ /*IE10+*/
325
+ background: linear-gradient(to left, #91a1c9 0%, #fafafa 100%);
326
+ /*W3C standards*/
327
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFFF', endColorstr='#3571b0', GradientType=0);
328
+ /*IE6-9*/
329
+ }
330
+
331
+ .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(odd) {
332
+ background: #eceff7;
333
+ /*fallback*/
334
+ background: -moz-linear-gradient(left, #eceff7 0%, #eceff7 100%);
335
+ /*Firefox*/
336
+ background: -webkit-gradient(left, #eceff7 0%, #eceff7 100%);
337
+ /*Chrome + Safari*/
338
+ background: -webkit-linear-gradient(left, #eceff7 0%, #eceff7 100%);
339
+ /*Another Chrome + Safari*/
340
+ background: -o-linear-gradient(left, #eceff7 0%, #eceff7 100%);
341
+ /*Opera*/
342
+ background: -ms-linear-gradient(left, #eceff7 0%, #eceff7 100%);
343
+ /*IE10+*/
344
+ background: linear-gradient(to left, #eceff7 0%, #eceff7 100%);
345
+ /*W3C standards*/
346
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceff7', endColorstr='#eceff7', GradientType=0);
347
+ /*IE6-9*/
348
+ }
349
+
350
+ //#eceff7
351
+ .joint-inspector.joint-theme-bpmn .list-item .list-item:nth-child(even) {
352
+ background: #eceff7;
353
+ /*fallback*/
354
+ background: -moz-linear-gradient(left, #eceff7 0%, #eceff7 100%);
355
+ /*Firefox*/
356
+ background: -webkit-gradient(left, #eceff7 0%, #eceff7 100%);
357
+ /*Chrome + Safari*/
358
+ background: -webkit-linear-gradient(left, #eceff7 0%, #eceff7 100%);
359
+ /*Another Chrome + Safari*/
360
+ background: -o-linear-gradient(left, #eceff7 0%, #eceff7 100%);
361
+ /*Opera*/
362
+ background: -ms-linear-gradient(left, #eceff7 0%, #eceff7 100%);
363
+ /*IE10+*/
364
+ background: linear-gradient(to left, #eceff7 0%, #eceff7 100%);
365
+ /*W3C standards*/
366
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceff7', endColorstr='#eceff7', GradientType=0);
367
+ /*IE6-9*/
368
+ }
369
+
370
+ .joint-inspector.joint-theme-bpmn .list-item {
371
+ border-radius: 10px;
372
+ box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
373
+ }
374
+
375
+ .joint-inspector.joint-theme-bpmn label {
376
+ color: #7f8c8d;
377
+ }
378
+
379
+ .joint-inspector.joint-theme-bpmn .btn-list-add {
380
+ position: relative;
381
+ left: 110px;
382
+ background: #5799da;
383
+ border: 2px solid #0a468e;
384
+ }
385
+
386
+ .joint-inspector.joint-theme-bpmn .btn-list-add,
387
+ .joint-inspector.joint-theme-bpmn .btn-list-del {
388
+ background: #5799da;
389
+ height: 25px;
390
+ color: black;
391
+ }
392
+
393
+ .joint-inspector.joint-theme-bpmn textarea {
394
+ width: 350px;
395
+ max-width: 350px;
396
+ }
397
+
398
+ .joint-inspector.joint-theme-bpmn input[type='color'],
399
+ .joint-inspector.joint-theme-bpmn input[type='range'] {
400
+ width: 171px;
401
+ }
402
+
403
+ .joint-inspector.joint-theme-bpmn .list {
404
+ line-height: 0.5;
405
+ }
406
+
407
+ .joint-inspector.joint-theme-bpmn .list .select {
408
+ margin-top: 5px;
409
+ }
410
+
411
+ .joint-inspector.joint-theme-bpmn .list label,
412
+ .joint-inspector.joint-theme-bpmn .list output,
413
+ .joint-inspector.joint-theme-bpmn .list .units {
414
+ text-align: end;
415
+ margin-right: 4px;
416
+ margin-top: 16px;
417
+ color: black;
418
+ }
419
+
420
+ .joint-inspector.joint-theme-bpmn .list-item input {
421
+ width: 50%;
422
+ float: right;
423
+ }
424
+
425
+ .joint-inspector.joint-theme-bpmn .list-item .input-wrapper input {
426
+ width: 70%;
427
+ float: none;
428
+ }
429
+
430
+ .joint-inspector.joint-theme-bpmn input {
431
+ width: 55%;
432
+ }
433
+
434
+ .range-field {
435
+ height: 40px;
436
+ margin-bottom: 15px;
437
+ }
438
+
439
+ .joint-paper-scroller {
440
+ overflow: hidden;
441
+ }
442
+
443
+ .breadcrumb-container .qms-breadcrumb-item {
444
+ cursor: inherit;
445
+ line-height: 16px;
446
+ font-size: 0.75rem;
447
+ color: black(0.6);
448
+ font-weight: 400;
449
+ line-height: 22px;
450
+ margin: 0;
451
+ }
452
+
453
+ .joint-inspector.joint-theme-bpmn .list-item .field {
454
+ padding: 0;
455
+ }
456
+
457
+ .joint-inspector.joint-theme-bpmn .field {
458
+ padding: 10px;
459
+ }
460
+
461
+ .joint-inspector .group {
462
+ overflow: hidden;
463
+ padding: 0 0 10px;
464
+ }
465
+
466
+ .joint-widget.joint-theme-default[data-type="undo"]:after {
467
+ content: '';
468
+ }
469
+
470
+ .joint-widget.joint-theme-default[data-type="redo"]:after {
471
+ content: '';
472
+ }
473
+
474
+ .joint-toolbar.joint-theme-bpmn button[data-name="fullscreen"]:before,
475
+ .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:before,
476
+ .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:before,
477
+ .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:before {
478
+ width: 40px;
479
+ height: 20px;
480
+ background-color: transparent;
481
+ position: absolute;
482
+ top: 27px;
483
+ left: 0;
484
+ }
485
+
486
+ .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:before {
487
+ content: attr(data-before);
488
+ }
489
+
490
+ .joint-toolbar.joint-theme-bpmn button[data-name='saveAsTemplate']:after {
491
+ background-image: url('data:image/png;base64,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');
492
+ background-size: 20px 20px;
493
+ background-position: 11px -3px;
494
+ }
495
+
496
+ .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:before {
497
+ content: attr(data-before);
498
+ }
499
+
500
+ .joint-toolbar.joint-theme-bpmn button[data-name='deleteTemplate']:after {
501
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFboAABW6AWAVsncAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAACP0lEQVQ4T5VSS2gTURS9plYNbSZJm+Anbcyk1rpJEMRFFxKEIkg/ahGkTU3tRtKP4qdZiNYPEUGLH+iiooJbdSfFnbh0VVwILuafNEnTNNpoiwlo0+ObZIq2WIkHDufd+865c2cY+hueE9kkoqhWR7K6s7rIVJCJxsaJagzLhtikOk2R9JGDSmYoVMzejCB75xp0zYSDy+mAT5RtdN7wrsU0kTXe7HhbvDCAwpNHyD2dwMLjh1iYfFDS3LMJFCbvYzncA63JPvWeyGxEiV4RVcnu2nfLQ0Fk797A/PXLmB+7tI4XS/3P7L44HITg4aaMOJHgNI3mD/sxNxpGeji0MUf6kT53BpnIIArtrRAcprMUd1vtomtbci7gQ7K3o8xg5+/zat3TjkR3G2Y6DyFx6ii+nGyDuLtWIMm1NSo7CGI9QdpeBdldA6XFCdXfAG2/G6rPBWWvA3KjGSLzCTbm27EZCvOxzE+S/I0JjT1B6e+G0ncMSrALSi+rdS2RnY1aPX0cauhE2aezt2OFYl0BpL7nMQv8N1OLSyC5dZ8Wv30VsfEoYvduVU7m16JXVkjctWVMqmPfgL2baK+cUll/ULal3iJ6LPGk1wqR5yBVQN0322SF5OE+lf4D1hz5toc11hn/xa+632MJlQboED3cm8Xm8pCNNlntLzGfyFteGtEyZhrIrHm51/rkFFtP/iOoU6/1tXPsXuEtL6YPULURXQuN5wYTPPdR4bkCCxYZV3RVeS6f8HIfNK9lwLAyEP0ClVT9dLc5lCAAAAAASUVORK5CYII=');
502
+ background-size: 20px 20px;
503
+ background-position: 11px -1px;
504
+ }
505
+
506
+ .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:before {
507
+ content: attr(data-before);
508
+ }
509
+
510
+ .joint-toolbar.joint-theme-bpmn button[data-name='resetToTempTemplate']:after {
511
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJ3SURBVEiJrdZLaxRmFAbgZ8aJpkPFjahJVELAhQvFKw1atBShatSioCKI4kLBe6t46+0XlFJEUmtdCFoEXWi9gIKIEo330EL/gK1acKdgA2LRxTmpE3Um0XhgmMP3nXnf79yngIlYg/M4p7eMxhLMR0OedaOMu7iAE/hLDfkDC9CFkXnWgIPowKYK8EppwLok+QVjqxHczu+9mInP8ScW5vlgzMYe/IgfsC1ti2kzD9fzob2kVKE/wnYMwUd4ip1Yhav5uY7/MAar8VN6uh+d+BXN2PcmD7aJPNSnuzfwbRJWk3J61pmkg3AaiyqNbqGQwCW0iLxMETlZjsk1SKTHXUkyLB89qufyEoamPjgJz4qQXMB36U1/SK4mRptIPDiFptQn4BCW5kt6pB2L+yCAr7A59ctohMMY/4rhB6L22/G7SFpJ31IW4S1iPTaWcB8z8CRB20SNX8QxbMGzfoDDv7iJVpwRVWZEAv2W7rX0E6yarBQVCbdLeIhlAwStlHuYlPqgYi3Ld5QCnqfeXRTxPi7CNPw9EDThn9RLRTEeToty/eY9EHyCa2JkPCgmWx2O5mX9AMDLmCYac45oVI2im+FL7B4AwdfYmPoVsU8Q3TtPtHknpr4DeGuC1uEz/Fx52YQ7Yjw0i8H1NiSt+ZvR+FAMuzGvGi0Wya5LkmvYpXZOyiIsHQk+RIz8/xdP5Xw5kawnxYieha1iyXQK9/8Wc2Zs3k/HAXyaLz8uqvFMLXeXiQHXszLr8DF2iHX5Pb4QYelp1Llizb62MqtJI46k6xu8eaGPw1ox3PZ7+YehlxT6IGrCCtEfzWKqFsT+fixCcQoPqgG8AFOaft796x2HAAAAAElFTkSuQmCC');
512
+ background-size: 20px 20px;
513
+ background-position: 11px -1px;
514
+ }
515
+
516
+ .joint-toolbar.joint-theme-bpmn button[data-name="fullscreen"]:after {
517
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABLklEQVRIS+2UPUtCYRiGj2v9AEfJpYQ+0KHFxjYnJxe3IHCqH9Hu5C8J+gEtBYq0WLg52NaHoFgEnuP1vNyJgi7ve1qqCy7O+zw83M85x4/onx8hSZJ8HMd3+IYvS77iM15p1B9CjvGBZSvQm2JTY2EQtIs9ZTvSXlDBT2U7UllAzhYhZ/il0BkOUltAwD4uXg3nG7TP5BY/MPwVkXuu8DbuWI9rAbvYckOh2BLCSiod1EX6pyp/EzxalkfbU+mgt41H9DNq+UNQjaAOnqhlvQb28SJ4CSF1QkZcH9G+hlWc0XNwvtSoHwTU8V1hTzhxycD5Hg806gcBiwXfUBvXmNOYP4SsWzDEskbCWLfAoGf/+4ca84eQGtodT3C8pNU9XPnFesENZzapkT9HFM0BetrUm3SgdX8AAAAASUVORK5CYII=");
518
+ }
519
+
520
+ .joint-inspector.joint-theme-bpmn .toggle span i {
521
+ background: #1a9af3;
522
+ border-radius: 5px;
523
+ box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
524
+ }
525
+
526
+ .joint-inspector.joint-theme-bpmn .toggle span i:before {
527
+ text-shadow: none;
528
+ right: 115%;
529
+ font-style: normal;
530
+ font-weight: 700;
531
+ color: white;
532
+ font-family: Helvetica, Arial, sans-serif;
533
+ font-size: 14px;
534
+ position: absolute;
535
+ top: 8px;
536
+ }
537
+
538
+ .joint-inspector.joint-theme-bpmn .toggle span i:after {
539
+ text-shadow: none;
540
+ right: 115%;
541
+ font-style: normal;
542
+ font-weight: 700;
543
+ color: rgba(0, 0, 0, 0.4);
544
+ font-family: Helvetica, Arial, sans-serif;
545
+ font-size: 14px;
546
+ position: absolute;
547
+ top: 8px;
548
+ }
549
+
550
+ .joint-selection.joint-theme-bpmn .selection-wrapper {
551
+ display: block;
552
+ }
553
+
554
+ .no-result-connection {
555
+ height: 100%;
556
+ flex-direction: column;
557
+ display: flex;
558
+ transform: none;
559
+ align-items: center;
560
+ justify-content: center;
561
+
562
+ }
563
+
564
+ .button-add {
565
+ width: 359px;
566
+ margin: 20px 20px 0px 20px;
567
+
568
+ .add-icon {
569
+ color: var(--primary);
570
+ }
571
+ }
572
+
573
+ .have-result-connection {
574
+ height: 100%;
575
+ flex-direction: column;
576
+ display: flex;
577
+ transform: none;
578
+ }
579
+
580
+ .mat-expansion-panel-header:hover:not(:hover .description-edit) {
581
+ background-color: transparent !important;
582
+ }
583
+
584
+ .mat-expansion-panel-header {
585
+
586
+ .mat-content {
587
+ display: block;
588
+ .description-header {
589
+ display: flex;
590
+ align-items: center;
591
+ justify-content: space-between;
592
+ }
593
+ }
594
+
595
+ .default-subtitle {
596
+ font-family: Open Sans;
597
+ font-size: 16px;
598
+ font-weight: 600;
599
+ line-height: 28px;
600
+ color: #0163B2;
601
+ }
602
+ }
603
+
604
+ .connection-content-body {
605
+ display: flex;
606
+ justify-content: space-between;
607
+ align-items: center;
608
+
609
+ .mat-menu-item {
610
+ width: initial;
611
+ }
612
+
613
+ }
614
+
615
+ .edit-icon {
616
+ width: 40px;
617
+ height: 40px;
618
+ line-height: 40px;
619
+ }
620
+
621
+
622
+
623
+ .custom-mat-form-field {
624
+ width: 48px;
625
+ height: 48px;
626
+ margin-bottom: 10px;
627
+
628
+ .mat-form-field-flex {
629
+ padding-left: 12px;
630
+ }
631
+
632
+ .mat-select-arrow {
633
+ display: none;
634
+ }
635
+
636
+ .mat-form-field-wrapper {
637
+ padding-bottom: 0px;
638
+
639
+ .mat-form-field-flex {
640
+ border-bottom: none;
641
+ background-color: transparent;
642
+ }
643
+
644
+ .mat-form-field-flex:hover {
645
+ background-color: transparent;
646
+ }
647
+
648
+ }
649
+ }
650
+
651
+ .target-wrapper {
652
+ padding-left: 10px;
653
+ padding-bottom: 8px;
654
+ }
655
+
656
+ .qms-list-item-content {
657
+ margin-left: 0px;
658
+ height: auto;
659
+ margin-right: 0px;
660
+ }
661
+
662
+ .wrap-image.image-square {
663
+ background-color: transparent;
664
+ margin-right: 0px;
665
+ margin-top: auto;
666
+ margin-bottom: auto;
667
+ }
668
+
669
+ .qms-list-text {
670
+ justify-content: center;
671
+ border-bottom: none;
672
+ }
673
+
674
+ .mat-expansion-panel-body {
675
+ padding-left: 0px;
676
+ padding-right: 0px;
677
+ }
678
+
679
+ .qms-btn-icon {
680
+ height: auto;
681
+ }
682
+
683
+ .connection-item-container, .content-item-container {
684
+
685
+ .related-item-wrapper {
686
+ display: flex;
687
+ border: 1px solid #E0E0E0;
688
+ border-radius: 4px;
689
+ margin-bottom: 8px;
690
+ align-items: center;
691
+
692
+ .trailing-box {
693
+ border-bottom: none !important;
694
+ margin: unset;
695
+ padding: unset;
696
+ align-items: center;
697
+ }
698
+
699
+ .custom-anchor {
700
+ display: flex;
701
+ padding: unset;
702
+
703
+ .custom-delete-btn {
704
+ margin-left: 0px;
705
+ }
706
+ }
707
+ }
708
+
709
+ .qms-list-item.image-item .qms-list-text {
710
+ border-bottom: none !important;
711
+ }
712
+
713
+ .mat-expansion-panel.qms-expansion {
714
+ margin-left: 0px !important;
715
+ margin-right: 0px !important;
716
+ }
717
+
718
+ .qms-list-item {
719
+ height: unset;
720
+ margin-left: 0px;
721
+ }
722
+ }
723
+
724
+ .connection-item-container {
725
+ .mat-expansion-panel-body {
726
+ padding-left: 0px !important;
727
+ padding-right: 0px !important;
728
+ }
729
+ }
730
+
731
+ .active-anchor {
732
+ color: var(--primary);
733
+ }
734
+
735
+ }
736
+
737
+ ::ng-deep .stencil-paper-drag {
738
+ z-index: 10000;
739
+ }
740
+
741
+ ::ng-deep {
742
+
743
+ .group-action-member{
744
+ width: 359px;
745
+ max-width: 359px !important;
746
+ margin-left: 20px !important;
747
+ }
748
+
749
+ .mat-expansion-panel-header .mat-expansion-indicator::after {
750
+ color: #0163B2;
751
+ }
752
+
753
+ .custom-mat-form-field .mat-form-field:hover {
754
+ background: none;
755
+ }
756
+
757
+ .mat-menu-panel {
758
+ width: auto;
759
+ }
760
+
761
+ .mat-select-search-inside-mat-option .mat-select-search-input {
762
+ border-bottom: 1px solid rgba(0, 0, 0, 0.38);
763
+ margin: 0.25rem;
764
+ background-color: rgba(0, 0, 0, 0.04);
765
+ border-radius: 4px;
766
+ }
767
+ }
768
+
769
+ .activity-attachment__attachment-list {
770
+ .custom-attachment-margin {
771
+ margin: 16px 0px 16px 0px;
772
+ }
773
+
774
+ .qms-scrollable-attachment-list {
775
+ .qms-list-item.mat-2-line.image-item {
776
+ height: 64px;
777
+ .qms-line,
778
+ .subtitle {
779
+ -webkit-line-clamp: 1;
780
+ }
781
+
782
+ .subtitle:last-child {
783
+ padding: 2px;
784
+ }
785
+
786
+ .subtitle {
787
+ font-weight: 600;
788
+ font-size: 16px;
789
+ word-break: break-word;
790
+
791
+ .qms-btn-text {
792
+ &:focus,
793
+ &:focus-visible {
794
+ &::after {
795
+ animation: none;
796
+ }
797
+ }
798
+ }
799
+ }
800
+
801
+ .qms-btn {
802
+ padding: 0px 8px;
803
+ color: white;
804
+ }
805
+
806
+ .qms-btn-icon {
807
+ height: 1.5rem;
808
+ width: 1.5rem;
809
+ line-height: 1.5rem;
810
+ }
811
+ }
812
+ }
813
+
814
+ .mat-dialog-actions {
815
+ padding: 8px 0px 0px 0px;
816
+ }
817
+
818
+ .qms-list-text {
819
+ height: 56px;
820
+ border-bottom: 1px solid var(--other-divider) !important;
821
+ }
822
+ ::ng-deep .qms-list-header {
823
+ height: 56px;
824
+ border-bottom: 1px solid var(--other-divider) !important;
825
+ }
826
+
827
+ .attachment-ion {
828
+ width: 56px;
829
+ height: 56px;
830
+ background-color: #fff;
831
+ }
832
+ }
833
+
834
+ .qms-badges-container{
835
+ margin-right: 15px;
836
+ display: flex;
837
+ ::ng-deep .qms-badges-circle-large {
838
+ border: 1px double;
839
+ }
840
+ ::ng-deep .text-color-white {
841
+ color: #808080 !important;
842
+ font-weight: 600;
843
+ }
844
+
820
845
  }