camunda-bpmn-js 5.4.2 → 5.5.0

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 (22) hide show
  1. package/dist/assets/bpmn-js.css +145 -145
  2. package/dist/assets/element-templates.css +117 -115
  3. package/dist/assets/properties-panel.css +1517 -1517
  4. package/dist/base-modeler.development.js +40396 -39962
  5. package/dist/base-modeler.production.min.js +5 -5
  6. package/dist/base-navigated-viewer.development.js +20787 -20787
  7. package/dist/base-navigated-viewer.production.min.js +1 -1
  8. package/dist/base-viewer.development.js +20724 -20724
  9. package/dist/base-viewer.production.min.js +1 -1
  10. package/dist/camunda-cloud-modeler.development.js +31196 -30258
  11. package/dist/camunda-cloud-modeler.production.min.js +7 -7
  12. package/dist/camunda-cloud-navigated-viewer.development.js +20841 -20776
  13. package/dist/camunda-cloud-navigated-viewer.production.min.js +1 -1
  14. package/dist/camunda-cloud-viewer.development.js +20797 -20732
  15. package/dist/camunda-cloud-viewer.production.min.js +1 -1
  16. package/dist/camunda-platform-modeler.development.js +45126 -44533
  17. package/dist/camunda-platform-modeler.production.min.js +6 -6
  18. package/dist/camunda-platform-navigated-viewer.development.js +20794 -20794
  19. package/dist/camunda-platform-navigated-viewer.production.min.js +1 -1
  20. package/dist/camunda-platform-viewer.development.js +20754 -20754
  21. package/dist/camunda-platform-viewer.production.min.js +1 -1
  22. package/package.json +10 -10
package/dist/assets/bpmn-js.css CHANGED
@@ -1,145 +1,145 @@
1
- .bjs-container {
2
- --bjs-font-family: Arial, sans-serif;
3
-
4
- --color-grey-225-10-15: hsl(225, 10%, 15%);
5
- --color-grey-225-10-35: hsl(225, 10%, 35%);
6
- --color-grey-225-10-55: hsl(225, 10%, 55%);
7
- --color-grey-225-10-75: hsl(225, 10%, 75%);
8
- --color-grey-225-10-80: hsl(225, 10%, 80%);
9
- --color-grey-225-10-85: hsl(225, 10%, 85%);
10
- --color-grey-225-10-90: hsl(225, 10%, 90%);
11
- --color-grey-225-10-95: hsl(225, 10%, 95%);
12
- --color-grey-225-10-97: hsl(225, 10%, 97%);
13
-
14
- --color-blue-205-100-45: hsl(205, 100%, 45%);
15
- --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
16
- --color-blue-205-100-50: hsl(205, 100%, 50%);
17
- --color-blue-205-100-95: hsl(205, 100%, 95%);
18
-
19
- --color-green-150-86-44: hsl(150, 86%, 44%);
20
-
21
- --color-red-360-100-40: hsl(360, 100%, 40%);
22
- --color-red-360-100-45: hsl(360, 100%, 45%);
23
- --color-red-360-100-92: hsl(360, 100%, 92%);
24
- --color-red-360-100-97: hsl(360, 100%, 97%);
25
-
26
- --color-white: hsl(0, 0%, 100%);
27
- --color-black: hsl(0, 0%, 0%);
28
- --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
29
- --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
30
-
31
- --breadcrumbs-font-family: var(--bjs-font-family);
32
- --breadcrumbs-item-color: var(--color-blue-205-100-50);
33
- --breadcrumbs-arrow-color: var(--color-black);
34
- --drilldown-fill-color: var(--color-white);
35
- --drilldown-background-color: var(--color-blue-205-100-50);
36
- }
37
-
38
- .bjs-breadcrumbs {
39
- position: absolute;
40
- display: none;
41
- flex-wrap: wrap;
42
- align-items: center;
43
- top: 30px;
44
- left: 30px;
45
- padding: 0px;
46
- margin: 0px;
47
- font-family: var(--breadcrumbs-font-family);
48
- font-size: 16px;
49
- line-height: normal;
50
- }
51
-
52
- .bjs-breadcrumbs-shown .bjs-breadcrumbs {
53
- display: flex;
54
- }
55
-
56
- .djs-palette-shown .bjs-breadcrumbs {
57
- left: 90px;
58
- }
59
-
60
- .djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
61
- left: 140px;
62
- }
63
-
64
- .bjs-breadcrumbs li {
65
- display: inline-flex;
66
- padding-bottom: 5px;
67
- align-items: center;
68
- }
69
-
70
- .bjs-breadcrumbs li a {
71
- cursor: pointer;
72
- color: var(--breadcrumbs-item-color);
73
- }
74
-
75
- .bjs-breadcrumbs li:last-of-type a {
76
- color: inherit;
77
- cursor: default;
78
- }
79
-
80
- .bjs-breadcrumbs li:not(:first-child)::before {
81
- content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
82
- padding: 0 8px;
83
- color: var(--breadcrumbs-arrow-color);
84
- height: 1em;
85
- }
86
-
87
- .bjs-breadcrumbs .bjs-crumb {
88
- display: inline-block;
89
- max-width: 200px;
90
- overflow: hidden;
91
- text-overflow: ellipsis;
92
- white-space: nowrap;
93
- }
94
-
95
- .bjs-drilldown {
96
- width: 20px;
97
- height: 20px;
98
-
99
- padding: 0px;
100
- margin-left: -20px;
101
-
102
- cursor: pointer;
103
- border: none;
104
- border-radius: 2px;
105
- outline: none;
106
-
107
- fill: var(--drilldown-fill-color);
108
- background-color: var(--drilldown-background-color);
109
- }
110
-
111
- .bjs-drilldown-empty {
112
- display: none;
113
- }
114
-
115
- .selected .bjs-drilldown-empty {
116
- display: inherit;
117
- }
118
-
119
- [data-popup="align-elements"] .djs-popup-results {
120
- display: flex;
121
- }
122
-
123
- [data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
124
- border-left: 1px solid var(--popup-border-color);
125
- }
126
-
127
- [data-popup="align-elements"] [data-group="align"] {
128
- display: grid;
129
- grid-template-columns: repeat(3, 1fr);
130
- }
131
-
132
- [data-popup="align-elements"] .djs-popup-body .entry {
133
- padding: 6px 8px;
134
- }
135
-
136
- [data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
137
- margin-top: 0;
138
- }
139
-
140
- [data-popup="align-elements"] .djs-popup-entry-icon {
141
- display: block;
142
- margin: 0;
143
- height: 20px;
144
- width: 20px;
145
- }
1
+ .bjs-container {
2
+ --bjs-font-family: Arial, sans-serif;
3
+
4
+ --color-grey-225-10-15: hsl(225, 10%, 15%);
5
+ --color-grey-225-10-35: hsl(225, 10%, 35%);
6
+ --color-grey-225-10-55: hsl(225, 10%, 55%);
7
+ --color-grey-225-10-75: hsl(225, 10%, 75%);
8
+ --color-grey-225-10-80: hsl(225, 10%, 80%);
9
+ --color-grey-225-10-85: hsl(225, 10%, 85%);
10
+ --color-grey-225-10-90: hsl(225, 10%, 90%);
11
+ --color-grey-225-10-95: hsl(225, 10%, 95%);
12
+ --color-grey-225-10-97: hsl(225, 10%, 97%);
13
+
14
+ --color-blue-205-100-45: hsl(205, 100%, 45%);
15
+ --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
16
+ --color-blue-205-100-50: hsl(205, 100%, 50%);
17
+ --color-blue-205-100-95: hsl(205, 100%, 95%);
18
+
19
+ --color-green-150-86-44: hsl(150, 86%, 44%);
20
+
21
+ --color-red-360-100-40: hsl(360, 100%, 40%);
22
+ --color-red-360-100-45: hsl(360, 100%, 45%);
23
+ --color-red-360-100-92: hsl(360, 100%, 92%);
24
+ --color-red-360-100-97: hsl(360, 100%, 97%);
25
+
26
+ --color-white: hsl(0, 0%, 100%);
27
+ --color-black: hsl(0, 0%, 0%);
28
+ --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
29
+ --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
30
+
31
+ --breadcrumbs-font-family: var(--bjs-font-family);
32
+ --breadcrumbs-item-color: var(--color-blue-205-100-50);
33
+ --breadcrumbs-arrow-color: var(--color-black);
34
+ --drilldown-fill-color: var(--color-white);
35
+ --drilldown-background-color: var(--color-blue-205-100-50);
36
+ }
37
+
38
+ .bjs-breadcrumbs {
39
+ position: absolute;
40
+ display: none;
41
+ flex-wrap: wrap;
42
+ align-items: center;
43
+ top: 30px;
44
+ left: 30px;
45
+ padding: 0px;
46
+ margin: 0px;
47
+ font-family: var(--breadcrumbs-font-family);
48
+ font-size: 16px;
49
+ line-height: normal;
50
+ }
51
+
52
+ .bjs-breadcrumbs-shown .bjs-breadcrumbs {
53
+ display: flex;
54
+ }
55
+
56
+ .djs-palette-shown .bjs-breadcrumbs {
57
+ left: 90px;
58
+ }
59
+
60
+ .djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
61
+ left: 140px;
62
+ }
63
+
64
+ .bjs-breadcrumbs li {
65
+ display: inline-flex;
66
+ padding-bottom: 5px;
67
+ align-items: center;
68
+ }
69
+
70
+ .bjs-breadcrumbs li a {
71
+ cursor: pointer;
72
+ color: var(--breadcrumbs-item-color);
73
+ }
74
+
75
+ .bjs-breadcrumbs li:last-of-type a {
76
+ color: inherit;
77
+ cursor: default;
78
+ }
79
+
80
+ .bjs-breadcrumbs li:not(:first-child)::before {
81
+ content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
82
+ padding: 0 8px;
83
+ color: var(--breadcrumbs-arrow-color);
84
+ height: 1em;
85
+ }
86
+
87
+ .bjs-breadcrumbs .bjs-crumb {
88
+ display: inline-block;
89
+ max-width: 200px;
90
+ overflow: hidden;
91
+ text-overflow: ellipsis;
92
+ white-space: nowrap;
93
+ }
94
+
95
+ .bjs-drilldown {
96
+ width: 20px;
97
+ height: 20px;
98
+
99
+ padding: 0px;
100
+ margin-left: -20px;
101
+
102
+ cursor: pointer;
103
+ border: none;
104
+ border-radius: 2px;
105
+ outline: none;
106
+
107
+ fill: var(--drilldown-fill-color);
108
+ background-color: var(--drilldown-background-color);
109
+ }
110
+
111
+ .bjs-drilldown-empty {
112
+ display: none;
113
+ }
114
+
115
+ .selected .bjs-drilldown-empty {
116
+ display: inherit;
117
+ }
118
+
119
+ [data-popup="align-elements"] .djs-popup-results {
120
+ display: flex;
121
+ }
122
+
123
+ [data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
124
+ border-left: 1px solid var(--popup-border-color);
125
+ }
126
+
127
+ [data-popup="align-elements"] [data-group="align"] {
128
+ display: grid;
129
+ grid-template-columns: repeat(3, 1fr);
130
+ }
131
+
132
+ [data-popup="align-elements"] .djs-popup-body .entry {
133
+ padding: 6px 8px;
134
+ }
135
+
136
+ [data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
137
+ margin-top: 0;
138
+ }
139
+
140
+ [data-popup="align-elements"] .djs-popup-entry-icon {
141
+ display: block;
142
+ margin: 0;
143
+ height: 20px;
144
+ width: 20px;
145
+ }
package/dist/assets/element-templates.css CHANGED
@@ -1,115 +1,117 @@
1
- .bio-properties-panel {
2
- --color-grey-225-10-50: hsl(225, 10%, 50%);
3
-
4
- --select-template-background-color: var(--color-blue-205-100-50);
5
- --select-template-hover-background-color: var(--color-blue-205-100-45);
6
- --select-template-fill-color: var(--color-white);
7
- --select-template-label-color: var(--color-white);
8
-
9
- --unknown-template-background-color: var(--color-red-360-100-45);
10
- --unknown-template-hover-background-color: var(--color-red-360-100-40);
11
-
12
- --incompatible-template-background-color: rgb(255, 131, 43);
13
- --incompatible-template-hover-background-color: hsl(25, 100%, 50%);
14
-
15
- --select-template-information-text-color: var(--color-grey-225-10-55);
16
-
17
- --deprecated-template-hover-background-color: var(--color-grey-225-10-50);
18
- --deprecated-template-background-color: var(--color-grey-225-10-55);
19
- }
20
-
21
- .bio-properties-panel-header-template-icon {
22
- object-fit: contain;
23
- }
24
-
25
- .bio-properties-panel-templates-group .bio-properties-panel-group-header {
26
- position: initial;
27
- }
28
-
29
- .bio-properties-panel-templates-group .bio-properties-panel-group-header-button:not(.bio-properties-panel-arrow) {
30
- padding-right: 6px;
31
- padding-left: 9px;
32
- border-radius: 11px;
33
- }
34
-
35
- .bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button,
36
- .bio-properties-panel-template-update-available .bio-properties-panel-group-header-button,
37
- .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button {
38
- background-color: var(--select-template-background-color);
39
- color: var(--select-template-label-color);
40
- fill: var(--select-template-fill-color);
41
- }
42
-
43
- .bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button:hover,
44
- .bio-properties-panel-template-update-available .bio-properties-panel-group-header-button:hover,
45
- .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:hover {
46
- background-color: var(--select-template-hover-background-color);
47
- }
48
-
49
- .bio-properties-panel-templates-group .bio-properties-panel-group-header-button * {
50
- color: inherit;
51
- }
52
-
53
- .bio-properties-panel-templates-group .bio-properties-panel-group-header-button * + * {
54
- margin-left: 2px;
55
- }
56
-
57
- .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:last-child {
58
- padding-right: 9px;
59
- padding-left: 6px;
60
- margin-right: 22px;
61
- }
62
-
63
- .bio-properties-panel-template-update-available:last-child,
64
- .bio-properties-panel-applied-template-button:last-child,
65
- .bio-properties-panel-template-not-found:last-child,
66
- .bio-properties-panel-template-incompatible:last-child {
67
- margin-right: 32px;
68
- }
69
-
70
- .bio-properties-panel-remove-template {
71
- color: var(--text-error-color);
72
- }
73
-
74
- .bio-properties-panel-deprecated-template-button .bio-properties-panel-group-header-button {
75
- background-color: var(--deprecated-template-background-color);
76
- color: var(--select-template-label-color);
77
- fill: var(--select-template-fill-color);
78
- }
79
-
80
- .bio-properties-panel-deprecated-template-button:hover .bio-properties-panel-group-header-button:hover {
81
- background-color: var(--deprecated-template-hover-background-color);
82
- }
83
-
84
- .bio-properties-panel-template-not-found .bio-properties-panel-group-header-button {
85
- background-color: var(--unknown-template-background-color);
86
- color: var(--select-template-label-color);
87
- fill: var(--select-template-fill-color);
88
- }
89
-
90
- .bio-properties-panel-template-not-found .bio-properties-panel-group-header-button:hover {
91
- background-color: var(--unknown-template-hover-background-color);
92
- }
93
-
94
- .bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button {
95
- background-color: var(--incompatible-template-background-color);
96
- color: var(--select-template-label-color);
97
- fill: var(--select-template-fill-color);
98
- }
99
-
100
- .bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button:hover {
101
- background-color: var(--incompatible-template-hover-background-color);
102
- }
103
-
104
- .bio-properties-panel-template-not-found-text,
105
- .bio-properties-panel-template-update-available-text,
106
- .bio-properties-panel-template-incompatible-text {
107
- color: var(--select-template-information-text-color);
108
- }
109
-
110
- .bio-properties-panel-template-not-found-text,
111
- .bio-properties-panel-template-update-available-text,
112
- .bio-properties-panel-deprecated-template-text,
113
- .bio-properties-panel-template-incompatible-text {
114
- width: 216px;
115
- }
1
+ .bio-properties-panel {
2
+ --color-grey-225-10-50: hsl(225, 10%, 50%);
3
+
4
+ --select-template-background-color: var(--color-blue-205-100-50);
5
+ --select-template-hover-background-color: var(--color-blue-205-100-45);
6
+ --select-template-fill-color: var(--color-white);
7
+ --select-template-label-color: var(--color-white);
8
+
9
+ --unknown-template-background-color: var(--color-red-360-100-45);
10
+ --unknown-template-hover-background-color: var(--color-red-360-100-40);
11
+
12
+ --incompatible-template-background-color: rgb(255, 131, 43);
13
+ --incompatible-template-hover-background-color: hsl(25, 100%, 50%);
14
+ --incompatible-template-fill-color: var(--color-grey-225-10-15);
15
+ --incompatible-template-label-color: var(--color-grey-225-10-15);
16
+
17
+ --select-template-information-text-color: var(--color-grey-225-10-55);
18
+
19
+ --deprecated-template-hover-background-color: var(--color-grey-225-10-50);
20
+ --deprecated-template-background-color: var(--color-grey-225-10-55);
21
+ }
22
+
23
+ .bio-properties-panel-header-template-icon {
24
+ object-fit: contain;
25
+ }
26
+
27
+ .bio-properties-panel-templates-group .bio-properties-panel-group-header {
28
+ position: initial;
29
+ }
30
+
31
+ .bio-properties-panel-templates-group .bio-properties-panel-group-header-button:not(.bio-properties-panel-arrow) {
32
+ padding-right: 6px;
33
+ padding-left: 9px;
34
+ border-radius: 11px;
35
+ }
36
+
37
+ .bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button,
38
+ .bio-properties-panel-template-update-available .bio-properties-panel-group-header-button,
39
+ .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button {
40
+ background-color: var(--select-template-background-color);
41
+ color: var(--select-template-label-color);
42
+ fill: var(--select-template-fill-color);
43
+ }
44
+
45
+ .bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button:hover,
46
+ .bio-properties-panel-template-update-available .bio-properties-panel-group-header-button:hover,
47
+ .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:hover {
48
+ background-color: var(--select-template-hover-background-color);
49
+ }
50
+
51
+ .bio-properties-panel-templates-group .bio-properties-panel-group-header-button * {
52
+ color: inherit;
53
+ }
54
+
55
+ .bio-properties-panel-templates-group .bio-properties-panel-group-header-button * + * {
56
+ margin-left: 2px;
57
+ }
58
+
59
+ .bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:last-child {
60
+ padding-right: 9px;
61
+ padding-left: 6px;
62
+ margin-right: 22px;
63
+ }
64
+
65
+ .bio-properties-panel-template-update-available:last-child,
66
+ .bio-properties-panel-applied-template-button:last-child,
67
+ .bio-properties-panel-template-not-found:last-child,
68
+ .bio-properties-panel-template-incompatible:last-child {
69
+ margin-right: 32px;
70
+ }
71
+
72
+ .bio-properties-panel-remove-template {
73
+ color: var(--text-error-color);
74
+ }
75
+
76
+ .bio-properties-panel-deprecated-template-button .bio-properties-panel-group-header-button {
77
+ background-color: var(--deprecated-template-background-color);
78
+ color: var(--select-template-label-color);
79
+ fill: var(--select-template-fill-color);
80
+ }
81
+
82
+ .bio-properties-panel-deprecated-template-button:hover .bio-properties-panel-group-header-button:hover {
83
+ background-color: var(--deprecated-template-hover-background-color);
84
+ }
85
+
86
+ .bio-properties-panel-template-not-found .bio-properties-panel-group-header-button {
87
+ background-color: var(--unknown-template-background-color);
88
+ color: var(--select-template-label-color);
89
+ fill: var(--select-template-fill-color);
90
+ }
91
+
92
+ .bio-properties-panel-template-not-found .bio-properties-panel-group-header-button:hover {
93
+ background-color: var(--unknown-template-hover-background-color);
94
+ }
95
+
96
+ .bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button {
97
+ background-color: var(--incompatible-template-background-color);
98
+ color: var(--incompatible-template-label-color);
99
+ fill: var(--incompatible-template-fill-color);
100
+ }
101
+
102
+ .bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button:hover {
103
+ background-color: var(--incompatible-template-hover-background-color);
104
+ }
105
+
106
+ .bio-properties-panel-template-not-found-text,
107
+ .bio-properties-panel-template-update-available-text,
108
+ .bio-properties-panel-template-incompatible-text {
109
+ color: var(--select-template-information-text-color);
110
+ }
111
+
112
+ .bio-properties-panel-template-not-found-text,
113
+ .bio-properties-panel-template-update-available-text,
114
+ .bio-properties-panel-deprecated-template-text,
115
+ .bio-properties-panel-template-incompatible-text {
116
+ width: 216px;
117
+ }