@conuti-das/prince-ui-bpmn 1.0.1
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.
- package/LICENSE +21 -0
- package/dist/index.css +434 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +284 -0
- package/dist/index.js +1173 -0
- package/dist/index.js.map +1 -0
- package/package.json +75 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 conuti
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,434 @@
|
|
|
1
|
+
@import "bpmn-font/dist/css/bpmn-embedded.css";
|
|
2
|
+
@import "bpmn-js/dist/assets/diagram-js.css";
|
|
3
|
+
@import "bpmn-js/dist/assets/bpmn-js.css";
|
|
4
|
+
@import "@bpmn-io/properties-panel/assets/properties-panel.css";
|
|
5
|
+
@import "diagram-js-minimap/assets/diagram-js-minimap.css";
|
|
6
|
+
@import "bpmn-js-element-templates/dist/assets/element-templates.css";
|
|
7
|
+
|
|
8
|
+
/* src/styles/base.css */
|
|
9
|
+
.prn-bpmn {
|
|
10
|
+
--prn-bpmn-canvas-bg: var(--prn-bg);
|
|
11
|
+
position: relative;
|
|
12
|
+
width: 100%;
|
|
13
|
+
height: 100%;
|
|
14
|
+
background: var(--prn-bpmn-canvas-bg);
|
|
15
|
+
}
|
|
16
|
+
.prn-bpmn .bjs-powered-by {
|
|
17
|
+
display: none;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* src/viewer/viewer.css */
|
|
21
|
+
.prn-bpmn-viewer {
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
min-height: 240px;
|
|
25
|
+
}
|
|
26
|
+
.prn-bpmn-canvas {
|
|
27
|
+
position: relative;
|
|
28
|
+
flex: 1;
|
|
29
|
+
width: 100%;
|
|
30
|
+
min-height: 0;
|
|
31
|
+
background: var(--prn-bg);
|
|
32
|
+
}
|
|
33
|
+
.prn-bpmn .djs-outline {
|
|
34
|
+
stroke: var(--prn-accent);
|
|
35
|
+
}
|
|
36
|
+
.prn-bpmn-zoom {
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: var(--prn-space-3, 12px);
|
|
39
|
+
right: var(--prn-space-3, 12px);
|
|
40
|
+
z-index: 10;
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
gap: var(--prn-space-1, 4px);
|
|
44
|
+
}
|
|
45
|
+
.prn-bpmn-error {
|
|
46
|
+
padding: var(--prn-space-3, 12px);
|
|
47
|
+
color: var(--prn-red);
|
|
48
|
+
font: var(--prn-text-footnote, 0.8125rem system-ui);
|
|
49
|
+
background: var(--prn-bg-elevated);
|
|
50
|
+
border-top: 1px solid var(--prn-separator);
|
|
51
|
+
}
|
|
52
|
+
.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > :nth-child(1) {
|
|
53
|
+
stroke: var(--prn-blue) !important;
|
|
54
|
+
stroke-width: 2.5px !important;
|
|
55
|
+
}
|
|
56
|
+
.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > :nth-child(1) {
|
|
57
|
+
stroke: var(--prn-green) !important;
|
|
58
|
+
stroke-width: 2.5px !important;
|
|
59
|
+
}
|
|
60
|
+
.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > :nth-child(1) {
|
|
61
|
+
stroke: var(--prn-red) !important;
|
|
62
|
+
stroke-width: 2.5px !important;
|
|
63
|
+
}
|
|
64
|
+
.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > :nth-child(1) {
|
|
65
|
+
stroke: var(--prn-orange) !important;
|
|
66
|
+
stroke-width: 2.5px !important;
|
|
67
|
+
}
|
|
68
|
+
.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > rect,
|
|
69
|
+
.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > circle,
|
|
70
|
+
.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > polygon {
|
|
71
|
+
fill: color-mix(in srgb, var(--prn-blue) 12%, var(--prn-bg-elevated)) !important;
|
|
72
|
+
}
|
|
73
|
+
.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > rect,
|
|
74
|
+
.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > circle,
|
|
75
|
+
.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > polygon {
|
|
76
|
+
fill: color-mix(in srgb, var(--prn-green) 12%, var(--prn-bg-elevated)) !important;
|
|
77
|
+
}
|
|
78
|
+
.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > rect,
|
|
79
|
+
.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > circle,
|
|
80
|
+
.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > polygon {
|
|
81
|
+
fill: color-mix(in srgb, var(--prn-red) 14%, var(--prn-bg-elevated)) !important;
|
|
82
|
+
}
|
|
83
|
+
.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > rect,
|
|
84
|
+
.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > circle,
|
|
85
|
+
.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > polygon {
|
|
86
|
+
fill: color-mix(in srgb, var(--prn-orange) 12%, var(--prn-bg-elevated)) !important;
|
|
87
|
+
}
|
|
88
|
+
.prn-bpmn .djs-element.prn-bpmn-status-multi .djs-visual > :nth-child(1) {
|
|
89
|
+
stroke-dasharray: 4 3;
|
|
90
|
+
}
|
|
91
|
+
.prn-bpmn .djs-connection.prn-bpmn-flow-executed .djs-visual > path {
|
|
92
|
+
stroke: var(--prn-green) !important;
|
|
93
|
+
stroke-width: 2.5px !important;
|
|
94
|
+
}
|
|
95
|
+
.prn-bpmn-overlay {
|
|
96
|
+
width: 10px;
|
|
97
|
+
height: 10px;
|
|
98
|
+
border-radius: 50%;
|
|
99
|
+
box-shadow: 0 0 0 2px var(--prn-bg-elevated);
|
|
100
|
+
pointer-events: none;
|
|
101
|
+
}
|
|
102
|
+
.prn-bpmn-overlay-active {
|
|
103
|
+
background: var(--prn-blue);
|
|
104
|
+
}
|
|
105
|
+
.prn-bpmn-overlay-completed {
|
|
106
|
+
background: var(--prn-green);
|
|
107
|
+
}
|
|
108
|
+
.prn-bpmn-overlay-incident {
|
|
109
|
+
background: var(--prn-red);
|
|
110
|
+
}
|
|
111
|
+
.prn-bpmn-overlay-canceled {
|
|
112
|
+
background: var(--prn-orange);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/* src/editor/editor.css */
|
|
116
|
+
.prn-bpmn-editor {
|
|
117
|
+
position: relative;
|
|
118
|
+
display: flex;
|
|
119
|
+
flex-direction: column;
|
|
120
|
+
min-height: 28rem;
|
|
121
|
+
background: var(--prn-bg);
|
|
122
|
+
}
|
|
123
|
+
.prn-bpmn-editor-stage > .prn-bpmn-canvas {
|
|
124
|
+
position: absolute;
|
|
125
|
+
inset: 0;
|
|
126
|
+
background: var(--prn-bg);
|
|
127
|
+
}
|
|
128
|
+
.prn-bpmn-editor .djs-container {
|
|
129
|
+
background: var(--prn-bg);
|
|
130
|
+
}
|
|
131
|
+
.prn-bpmn-editor-toolbar {
|
|
132
|
+
display: flex;
|
|
133
|
+
align-items: center;
|
|
134
|
+
gap: var(--prn-space-2, 8px);
|
|
135
|
+
padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);
|
|
136
|
+
background: var(--prn-bg-bar);
|
|
137
|
+
backdrop-filter: var(--prn-blur, blur(20px));
|
|
138
|
+
border-bottom: 1px solid var(--prn-separator);
|
|
139
|
+
}
|
|
140
|
+
.prn-bpmn-editor-toolbar-spacer {
|
|
141
|
+
flex: 1;
|
|
142
|
+
}
|
|
143
|
+
.prn-bpmn-editor-main {
|
|
144
|
+
flex: 1;
|
|
145
|
+
display: flex;
|
|
146
|
+
min-height: 0;
|
|
147
|
+
overflow: hidden;
|
|
148
|
+
}
|
|
149
|
+
.prn-bpmn-editor-stage {
|
|
150
|
+
flex: 1;
|
|
151
|
+
position: relative;
|
|
152
|
+
min-width: 0;
|
|
153
|
+
overflow: hidden;
|
|
154
|
+
}
|
|
155
|
+
.prn-bpmn-editor-table,
|
|
156
|
+
.prn-bpmn-editor-table > .prn-bpmn-table {
|
|
157
|
+
position: absolute;
|
|
158
|
+
inset: 0;
|
|
159
|
+
overflow: auto;
|
|
160
|
+
background: var(--prn-bg-elevated);
|
|
161
|
+
}
|
|
162
|
+
.prn-bpmn-editor-properties {
|
|
163
|
+
width: 320px;
|
|
164
|
+
flex-shrink: 0;
|
|
165
|
+
overflow-y: auto;
|
|
166
|
+
border-left: 1px solid var(--prn-separator);
|
|
167
|
+
background: var(--prn-bg-elevated);
|
|
168
|
+
}
|
|
169
|
+
.prn-bpmn-editor-lintbar {
|
|
170
|
+
position: absolute;
|
|
171
|
+
left: 0;
|
|
172
|
+
right: 0;
|
|
173
|
+
bottom: 0;
|
|
174
|
+
z-index: 20;
|
|
175
|
+
display: flex;
|
|
176
|
+
align-items: center;
|
|
177
|
+
gap: var(--prn-space-3, 12px);
|
|
178
|
+
padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);
|
|
179
|
+
border: none;
|
|
180
|
+
border-top: 1px solid var(--prn-separator);
|
|
181
|
+
background: var(--prn-bg-bar);
|
|
182
|
+
backdrop-filter: var(--prn-blur, blur(20px));
|
|
183
|
+
font: var(--prn-text-footnote, 0.8125rem system-ui);
|
|
184
|
+
text-align: left;
|
|
185
|
+
cursor: pointer;
|
|
186
|
+
}
|
|
187
|
+
.prn-bpmn-lint-error {
|
|
188
|
+
color: var(--prn-red);
|
|
189
|
+
}
|
|
190
|
+
.prn-bpmn-lint-warning {
|
|
191
|
+
color: var(--prn-orange);
|
|
192
|
+
}
|
|
193
|
+
.prn-bpmn-errorpanel {
|
|
194
|
+
display: flex;
|
|
195
|
+
flex-direction: column;
|
|
196
|
+
max-height: 40%;
|
|
197
|
+
border-top: 1px solid var(--prn-separator);
|
|
198
|
+
background: var(--prn-bg-elevated);
|
|
199
|
+
}
|
|
200
|
+
.prn-bpmn-errorpanel-head {
|
|
201
|
+
display: flex;
|
|
202
|
+
align-items: center;
|
|
203
|
+
gap: var(--prn-space-2, 8px);
|
|
204
|
+
padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);
|
|
205
|
+
border-bottom: 1px solid var(--prn-separator);
|
|
206
|
+
color: var(--prn-label);
|
|
207
|
+
}
|
|
208
|
+
.prn-bpmn-errorpanel-actions {
|
|
209
|
+
margin-left: auto;
|
|
210
|
+
display: flex;
|
|
211
|
+
gap: var(--prn-space-1, 4px);
|
|
212
|
+
align-items: center;
|
|
213
|
+
}
|
|
214
|
+
.prn-bpmn-errorpanel-list {
|
|
215
|
+
list-style: none;
|
|
216
|
+
margin: 0;
|
|
217
|
+
padding: var(--prn-space-2, 8px);
|
|
218
|
+
overflow-y: auto;
|
|
219
|
+
}
|
|
220
|
+
.prn-bpmn-errorpanel-item {
|
|
221
|
+
padding: var(--prn-space-2, 8px) 0;
|
|
222
|
+
border-bottom: 1px solid var(--prn-separator);
|
|
223
|
+
}
|
|
224
|
+
.prn-bpmn-errorpanel-title {
|
|
225
|
+
display: flex;
|
|
226
|
+
align-items: center;
|
|
227
|
+
gap: var(--prn-space-2, 8px);
|
|
228
|
+
font-weight: 600;
|
|
229
|
+
color: var(--prn-label);
|
|
230
|
+
}
|
|
231
|
+
.prn-bpmn-errorpanel-item[data-category=error] .prn-bpmn-errorpanel-icon {
|
|
232
|
+
color: var(--prn-red);
|
|
233
|
+
}
|
|
234
|
+
.prn-bpmn-errorpanel-item[data-category=warning] .prn-bpmn-errorpanel-icon {
|
|
235
|
+
color: var(--prn-orange);
|
|
236
|
+
}
|
|
237
|
+
.prn-bpmn-errorpanel-text {
|
|
238
|
+
margin: 2px 0 0;
|
|
239
|
+
font: var(--prn-text-footnote, 0.8125rem system-ui);
|
|
240
|
+
}
|
|
241
|
+
.prn-bpmn-errorpanel-meta {
|
|
242
|
+
margin: 2px 0 0;
|
|
243
|
+
font-style: italic;
|
|
244
|
+
font-size: 0.7rem;
|
|
245
|
+
}
|
|
246
|
+
.prn-bpmn-table {
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-direction: column;
|
|
249
|
+
height: 100%;
|
|
250
|
+
}
|
|
251
|
+
.prn-bpmn-table-bar {
|
|
252
|
+
display: flex;
|
|
253
|
+
align-items: center;
|
|
254
|
+
gap: var(--prn-space-2, 8px);
|
|
255
|
+
padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);
|
|
256
|
+
border-bottom: 1px solid var(--prn-separator);
|
|
257
|
+
flex-shrink: 0;
|
|
258
|
+
}
|
|
259
|
+
.prn-bpmn-table-count {
|
|
260
|
+
white-space: nowrap;
|
|
261
|
+
}
|
|
262
|
+
.prn-bpmn-table-body {
|
|
263
|
+
flex: 1;
|
|
264
|
+
min-height: 0;
|
|
265
|
+
}
|
|
266
|
+
.prn-bpmn-muted {
|
|
267
|
+
color: var(--prn-label-2);
|
|
268
|
+
font-size: 0.8125rem;
|
|
269
|
+
}
|
|
270
|
+
.prn-bpmn-mono {
|
|
271
|
+
font-family: var(--prn-font-mono, ui-monospace, monospace);
|
|
272
|
+
font-size: 0.72rem;
|
|
273
|
+
color: var(--prn-label-2);
|
|
274
|
+
}
|
|
275
|
+
.prn-bpmn-editor-properties .bio-properties-panel {
|
|
276
|
+
--color-grey-225-10-97: var(--prn-bg-elevated);
|
|
277
|
+
--color-grey-225-10-95: var(--prn-bg-elevated-2);
|
|
278
|
+
--color-grey-225-10-90: var(--prn-fill);
|
|
279
|
+
--color-grey-225-10-85: var(--prn-separator);
|
|
280
|
+
--color-grey-225-10-80: var(--prn-separator);
|
|
281
|
+
--color-grey-225-10-75: var(--prn-separator);
|
|
282
|
+
--color-grey-225-10-55: var(--prn-label-2);
|
|
283
|
+
--color-grey-225-10-35: var(--prn-label-2);
|
|
284
|
+
--color-grey-225-10-15: var(--prn-label);
|
|
285
|
+
--color-white: var(--prn-bg-elevated);
|
|
286
|
+
--color-black: var(--prn-label);
|
|
287
|
+
--color-blue-205-100-50: var(--prn-accent);
|
|
288
|
+
--color-blue-205-100-45: var(--prn-accent-strong);
|
|
289
|
+
--color-blue-205-100-95: var(--prn-accent-soft);
|
|
290
|
+
--color-red-360-100-45: var(--prn-red);
|
|
291
|
+
--color-red-360-100-40: var(--prn-red);
|
|
292
|
+
--text-base-color: var(--prn-label);
|
|
293
|
+
--description-color: var(--prn-label-2);
|
|
294
|
+
--group-background-color: var(--prn-bg-elevated);
|
|
295
|
+
--group-bottom-border-color: var(--prn-separator);
|
|
296
|
+
--header-background-color: var(--prn-bg-elevated);
|
|
297
|
+
--header-icon-fill-color: var(--prn-label);
|
|
298
|
+
--header-bottom-border-color: var(--prn-separator);
|
|
299
|
+
--sticky-group-background-color: var(--prn-bg-elevated);
|
|
300
|
+
--sticky-group-bottom-border-color: var(--prn-separator);
|
|
301
|
+
--placeholder-background-color: var(--prn-bg-elevated);
|
|
302
|
+
--placeholder-color: var(--prn-label-2);
|
|
303
|
+
--input-background-color: var(--prn-fill);
|
|
304
|
+
--input-border-color: var(--prn-separator);
|
|
305
|
+
--input-focus-background-color: var(--prn-accent-soft);
|
|
306
|
+
--input-focus-border-color: var(--prn-accent);
|
|
307
|
+
--input-disabled-background-color: var(--prn-bg);
|
|
308
|
+
--input-disabled-color: var(--prn-label-3);
|
|
309
|
+
--toggle-switch-off-background-color: var(--prn-fill-strong);
|
|
310
|
+
--toggle-switch-on-background-color: var(--prn-accent);
|
|
311
|
+
--toggle-switch-switcher-background-color: var(--prn-bg-elevated);
|
|
312
|
+
--arrow-fill-color: var(--prn-label-2);
|
|
313
|
+
--arrow-hover-background-color: var(--prn-fill);
|
|
314
|
+
--dot-color: var(--prn-label-2);
|
|
315
|
+
--list-badge-background-color: var(--prn-fill-strong);
|
|
316
|
+
--list-badge-color: var(--prn-label);
|
|
317
|
+
font-family: var(--prn-font, -apple-system, BlinkMacSystemFont, system-ui, sans-serif);
|
|
318
|
+
background: var(--prn-bg-elevated);
|
|
319
|
+
}
|
|
320
|
+
.prn-bpmn-editor-properties .bio-properties-panel-header-labels,
|
|
321
|
+
.prn-bpmn-editor-properties .bio-properties-panel-group-header-title {
|
|
322
|
+
color: var(--prn-label);
|
|
323
|
+
}
|
|
324
|
+
.prn-bpmn-editor-properties [data-group-id=group-CamundaPlatform__HistoryCleanup],
|
|
325
|
+
.prn-bpmn-editor-properties [data-group-id=group-CamundaPlatform__Tasklist],
|
|
326
|
+
.prn-bpmn-editor-properties [data-group-id=group-CamundaPlatform__CandidateStarter],
|
|
327
|
+
.prn-bpmn-editor-properties [data-group-id=group-CamundaPlatform__JobExecution],
|
|
328
|
+
.prn-bpmn-editor-properties [data-group-id=CamundaPlatform__HistoryCleanup],
|
|
329
|
+
.prn-bpmn-editor-properties [data-group-id=CamundaPlatform__Tasklist],
|
|
330
|
+
.prn-bpmn-editor-properties [data-group-id=CamundaPlatform__CandidateStarter],
|
|
331
|
+
.prn-bpmn-editor-properties [data-group-id=CamundaPlatform__JobExecution] {
|
|
332
|
+
display: none;
|
|
333
|
+
}
|
|
334
|
+
.prn-bpmn .djs-parent {
|
|
335
|
+
--color-white: var(--prn-bg-elevated);
|
|
336
|
+
--color-black: var(--prn-label);
|
|
337
|
+
--color-grey-225-10-97: var(--prn-bg-elevated);
|
|
338
|
+
--color-grey-225-10-95: var(--prn-fill);
|
|
339
|
+
--color-grey-225-10-75: var(--prn-separator);
|
|
340
|
+
--color-grey-225-10-55: var(--prn-label-2);
|
|
341
|
+
--color-grey-225-10-35: var(--prn-label-2);
|
|
342
|
+
--color-grey-225-10-15: var(--prn-label);
|
|
343
|
+
--color-blue-205-100-45: var(--prn-accent);
|
|
344
|
+
--color-blue-205-100-50: var(--prn-accent);
|
|
345
|
+
--palette-background-color: var(--prn-bg-elevated);
|
|
346
|
+
--palette-border-color: var(--prn-separator);
|
|
347
|
+
--palette-entry-color: var(--prn-label);
|
|
348
|
+
--palette-entry-hover-color: var(--prn-accent);
|
|
349
|
+
--palette-entry-selected-color: var(--prn-accent);
|
|
350
|
+
--palette-separator-color: var(--prn-separator);
|
|
351
|
+
--palette-toggle-hover-background-color: var(--prn-fill);
|
|
352
|
+
--context-pad-entry-background-color: var(--prn-bg-elevated);
|
|
353
|
+
--context-pad-entry-hover-background-color: var(--prn-fill);
|
|
354
|
+
--popup-background-color: var(--prn-bg-elevated);
|
|
355
|
+
--popup-border-color: var(--prn-separator);
|
|
356
|
+
--popup-font-color: var(--prn-label);
|
|
357
|
+
--popup-entry-title-color: var(--prn-label-2);
|
|
358
|
+
--popup-entry-hover-color: var(--prn-fill);
|
|
359
|
+
--popup-description-color: var(--prn-label-2);
|
|
360
|
+
--popup-search-border-color: var(--prn-separator);
|
|
361
|
+
--popup-search-focus-border-color: var(--prn-accent);
|
|
362
|
+
--popup-search-focus-background-color: var(--prn-accent-soft);
|
|
363
|
+
--popup-header-entry-selected-color: var(--prn-accent);
|
|
364
|
+
--popup-header-group-divider-color: var(--prn-separator);
|
|
365
|
+
--popup-no-results-color: var(--prn-label-2);
|
|
366
|
+
--search-container-background-color: var(--prn-bg-elevated);
|
|
367
|
+
--search-input-border-color: var(--prn-separator);
|
|
368
|
+
--search-input-focus-border-color: var(--prn-accent);
|
|
369
|
+
--search-result-hover-background-color: var(--prn-fill);
|
|
370
|
+
--search-result-secondary-color: var(--prn-label-2);
|
|
371
|
+
}
|
|
372
|
+
.prn-bpmn .djs-palette {
|
|
373
|
+
border-radius: var(--prn-radius-md, 10px);
|
|
374
|
+
border: 1px solid var(--prn-separator);
|
|
375
|
+
background: var(--prn-bg-elevated);
|
|
376
|
+
box-shadow: var(--prn-shadow-raised);
|
|
377
|
+
overflow: hidden;
|
|
378
|
+
}
|
|
379
|
+
.prn-bpmn .djs-palette .entry {
|
|
380
|
+
color: var(--prn-label);
|
|
381
|
+
}
|
|
382
|
+
.prn-bpmn .djs-palette .entry:hover {
|
|
383
|
+
color: var(--prn-accent);
|
|
384
|
+
}
|
|
385
|
+
.prn-bpmn .djs-context-pad .entry {
|
|
386
|
+
color: var(--prn-label);
|
|
387
|
+
border-radius: var(--prn-radius-sm, 8px);
|
|
388
|
+
box-shadow: 0 0 0 1px var(--prn-separator);
|
|
389
|
+
}
|
|
390
|
+
.prn-bpmn .djs-context-pad .entry:hover {
|
|
391
|
+
background: var(--prn-fill);
|
|
392
|
+
color: var(--prn-accent);
|
|
393
|
+
}
|
|
394
|
+
.prn-bpmn .bjsl-button,
|
|
395
|
+
.prn-bpmn .bjsl-overlay,
|
|
396
|
+
.prn-bpmn .bjsl-dropdown {
|
|
397
|
+
display: none;
|
|
398
|
+
}
|
|
399
|
+
.prn-bpmn .djs-minimap {
|
|
400
|
+
border-radius: var(--prn-radius-md, 10px);
|
|
401
|
+
border: 1px solid var(--prn-separator);
|
|
402
|
+
background: var(--prn-bg-elevated);
|
|
403
|
+
box-shadow: var(--prn-shadow-raised);
|
|
404
|
+
overflow: hidden;
|
|
405
|
+
}
|
|
406
|
+
.prn-bpmn .djs-minimap .map {
|
|
407
|
+
background: var(--prn-bg);
|
|
408
|
+
}
|
|
409
|
+
.prn-bpmn .djs-minimap .toggle {
|
|
410
|
+
background: var(--prn-bg-elevated);
|
|
411
|
+
color: var(--prn-label);
|
|
412
|
+
}
|
|
413
|
+
.prn-bpmn .djs-minimap .viewport {
|
|
414
|
+
fill: color-mix(in srgb, var(--prn-accent) 14%, transparent);
|
|
415
|
+
stroke: var(--prn-accent);
|
|
416
|
+
}
|
|
417
|
+
.prn-bpmn-editor-properties .bio-properties-panel .element-templates-group,
|
|
418
|
+
.prn-bpmn-editor-properties .bio-properties-panel [class*=element-template] {
|
|
419
|
+
color: var(--prn-label);
|
|
420
|
+
}
|
|
421
|
+
.djs-popup {
|
|
422
|
+
border-radius: var(--prn-radius-md, 10px);
|
|
423
|
+
border: 1px solid var(--prn-separator, rgba(84, 84, 88, 0.6));
|
|
424
|
+
background: var(--prn-bg-elevated, #2c2c2e);
|
|
425
|
+
box-shadow: var(--prn-shadow-pop, 0 12px 40px rgba(0, 0, 0, 0.4));
|
|
426
|
+
color: var(--prn-label, #fff);
|
|
427
|
+
}
|
|
428
|
+
.djs-popup .entry {
|
|
429
|
+
color: var(--prn-label, #fff);
|
|
430
|
+
}
|
|
431
|
+
.djs-popup .entry:hover {
|
|
432
|
+
background: var(--prn-fill, rgba(120, 120, 128, 0.24));
|
|
433
|
+
}
|
|
434
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/styles/base.css","../src/viewer/viewer.css","../src/editor/editor.css"],"sourcesContent":["/**\n * Basis-Styles des prince-ui-bpmn-Pakets.\n * - Bindet die Original-bpmn.io-Icons ein (Font als Data-URI, kein Extra-Asset).\n * - Token-getriebene Overrides für Canvas/Palette/Context-Pad/Properties-Panel\n * gehören in die jeweiligen Komponenten-CSS-Dateien (kein !important, nur --prn-*).\n */\n@import \"bpmn-font/dist/css/bpmn-embedded.css\";\n\n.prn-bpmn {\n --prn-bpmn-canvas-bg: var(--prn-bg);\n position: relative;\n width: 100%;\n height: 100%;\n background: var(--prn-bpmn-canvas-bg);\n}\n\n/* bpmn.io-Wasserzeichen ausblenden (kein Fremd-Branding im Apple-Look) —\n gilt für Viewer und Editor, da beide unter .prn-bpmn liegen. */\n.prn-bpmn .bjs-powered-by {\n display: none;\n}\n","/**\n * BpmnViewer-Styling — Canvas-Assets + token-getriebenes Status-Highlighting.\n *\n * Status wird über diagram-js-Marker (CSS-Klassen) gesetzt; die Färbung\n * erfolgt hier ausschließlich über `--prn-*`-Tokens (keine rohen Hex/px für\n * Farben). Aktiv = blau, abgeschlossen = grün, Incident = rot, abgebrochen = orange.\n */\n\n@import \"bpmn-js/dist/assets/diagram-js.css\";\n@import \"bpmn-js/dist/assets/bpmn-js.css\";\n\n.prn-bpmn-viewer {\n display: flex;\n flex-direction: column;\n min-height: 240px;\n}\n\n.prn-bpmn-canvas {\n position: relative;\n flex: 1;\n width: 100%;\n min-height: 0;\n background: var(--prn-bg);\n}\n\n/* diagram-js Outline an die Akzentfarbe koppeln */\n.prn-bpmn .djs-outline {\n stroke: var(--prn-accent);\n}\n\n/* ---- Zoom-Steuerung ---- */\n.prn-bpmn-zoom {\n position: absolute;\n top: var(--prn-space-3, 12px);\n right: var(--prn-space-3, 12px);\n z-index: 10;\n display: flex;\n flex-direction: column;\n gap: var(--prn-space-1, 4px);\n}\n\n/* ---- Fehlerzustand ---- */\n.prn-bpmn-error {\n padding: var(--prn-space-3, 12px);\n color: var(--prn-red);\n font: var(--prn-text-footnote, 0.8125rem system-ui);\n background: var(--prn-bg-elevated);\n border-top: 1px solid var(--prn-separator);\n}\n\n/* ---- Status-Marker (Element-Kontur/Füllung) ----\n Wir färben die Hauptkontur des bpmn-js-SVG. `.djs-visual > :first-child`\n ist bei Tasks das Rechteck, bei Events der Kreis, bei Gateways das Polygon. */\n.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > :nth-child(1) {\n stroke: var(--prn-blue) !important;\n stroke-width: 2.5px !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > :nth-child(1) {\n stroke: var(--prn-green) !important;\n stroke-width: 2.5px !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > :nth-child(1) {\n stroke: var(--prn-red) !important;\n stroke-width: 2.5px !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > :nth-child(1) {\n stroke: var(--prn-orange) !important;\n stroke-width: 2.5px !important;\n}\n\n/* dezente Tönung der Füllung je Status (rgba aus Token via color-mix) */\n.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > rect,\n.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > circle,\n.prn-bpmn .djs-element.prn-bpmn-status-active .djs-visual > polygon {\n fill: color-mix(in srgb, var(--prn-blue) 12%, var(--prn-bg-elevated)) !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > rect,\n.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > circle,\n.prn-bpmn .djs-element.prn-bpmn-status-completed .djs-visual > polygon {\n fill: color-mix(in srgb, var(--prn-green) 12%, var(--prn-bg-elevated)) !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > rect,\n.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > circle,\n.prn-bpmn .djs-element.prn-bpmn-status-incident .djs-visual > polygon {\n fill: color-mix(in srgb, var(--prn-red) 14%, var(--prn-bg-elevated)) !important;\n}\n.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > rect,\n.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > circle,\n.prn-bpmn .djs-element.prn-bpmn-status-canceled .djs-visual > polygon {\n fill: color-mix(in srgb, var(--prn-orange) 12%, var(--prn-bg-elevated)) !important;\n}\n\n/* Mehrfachdurchlauf: heller darstellen */\n.prn-bpmn .djs-element.prn-bpmn-status-multi .djs-visual > :nth-child(1) {\n stroke-dasharray: 4 3;\n}\n\n/* ausgeführte Sequenzflüsse grün */\n.prn-bpmn .djs-connection.prn-bpmn-flow-executed .djs-visual > path {\n stroke: var(--prn-green) !important;\n stroke-width: 2.5px !important;\n}\n\n/* ---- Status-Overlay (kleiner Punkt am Element) ---- */\n.prn-bpmn-overlay {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n box-shadow: 0 0 0 2px var(--prn-bg-elevated);\n pointer-events: none;\n}\n.prn-bpmn-overlay-active {\n background: var(--prn-blue);\n}\n.prn-bpmn-overlay-completed {\n background: var(--prn-green);\n}\n.prn-bpmn-overlay-incident {\n background: var(--prn-red);\n}\n.prn-bpmn-overlay-canceled {\n background: var(--prn-orange);\n}\n","/**\n * BpmnEditor-Styling — Layout + Properties-Panel-Restyle (token-getrieben).\n *\n * Canvas-Assets (diagram-js/bpmn-js) kommen über `viewer.css`. Hier zusätzlich\n * das Properties-Panel-CSS + ein dünner Restyle-Layer auf `--prn-*`-Tokens\n * (kein !important-Hack für Farben, nur Variablen-Mapping).\n *\n * Hinweis: Das separate `bpmn-js-properties-panel`-CSS existiert in v5 nicht\n * mehr als Asset; nur `@bpmn-io/properties-panel/assets/properties-panel.css`\n * wird benötigt.\n */\n\n@import \"bpmn-js/dist/assets/diagram-js.css\";\n@import \"bpmn-js/dist/assets/bpmn-js.css\";\n@import \"@bpmn-io/properties-panel/assets/properties-panel.css\";\n@import \"diagram-js-minimap/assets/diagram-js-minimap.css\";\n@import \"bpmn-js-element-templates/dist/assets/element-templates.css\";\n\n/* ---- Layout ---- */\n.prn-bpmn-editor {\n position: relative; /* Anker für Lint-Overlay & ErrorPanel */\n display: flex;\n flex-direction: column;\n /* Floor, damit der Editor ohne höhen-definierten Container nicht auf\n wenige hundert Pixel kollabiert (height:100% greift sonst ins Leere). */\n min-height: 28rem;\n background: var(--prn-bg);\n}\n\n/* Canvas füllt die (relative) Bühne komplett — sonst bleibt der bpmn-js-\n Container auf seiner Default-Höhe (~150px) und der Modellierbereich + die\n Palette sind winzig, obwohl der Editor hoch ist. Wie die Tabellen-Ansicht\n absolut über die ganze Bühne. */\n.prn-bpmn-editor-stage > .prn-bpmn-canvas {\n position: absolute;\n inset: 0;\n background: var(--prn-bg);\n}\n.prn-bpmn-editor .djs-container {\n background: var(--prn-bg);\n}\n\n.prn-bpmn-editor-toolbar {\n display: flex;\n align-items: center;\n gap: var(--prn-space-2, 8px);\n padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);\n background: var(--prn-bg-bar);\n backdrop-filter: var(--prn-blur, blur(20px));\n border-bottom: 1px solid var(--prn-separator);\n}\n.prn-bpmn-editor-toolbar-spacer {\n flex: 1;\n}\n\n.prn-bpmn-editor-main {\n flex: 1;\n display: flex;\n min-height: 0;\n overflow: hidden;\n}\n\n.prn-bpmn-editor-stage {\n flex: 1;\n position: relative;\n min-width: 0;\n overflow: hidden;\n}\n\n.prn-bpmn-editor-table,\n.prn-bpmn-editor-table > .prn-bpmn-table {\n position: absolute;\n inset: 0;\n overflow: auto;\n background: var(--prn-bg-elevated);\n}\n\n.prn-bpmn-editor-properties {\n width: 320px;\n flex-shrink: 0;\n overflow-y: auto;\n border-left: 1px solid var(--prn-separator);\n background: var(--prn-bg-elevated);\n}\n\n/* ---- Linter-Footer (Overlay — verdrängt den Canvas NICHT in der Höhe,\n sonst springt das Diagramm bei jeder Lint-Änderung) ---- */\n.prn-bpmn-editor-lintbar {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n gap: var(--prn-space-3, 12px);\n padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);\n border: none;\n border-top: 1px solid var(--prn-separator);\n background: var(--prn-bg-bar);\n backdrop-filter: var(--prn-blur, blur(20px));\n font: var(--prn-text-footnote, 0.8125rem system-ui);\n text-align: left;\n cursor: pointer;\n}\n.prn-bpmn-lint-error {\n color: var(--prn-red);\n}\n.prn-bpmn-lint-warning {\n color: var(--prn-orange);\n}\n\n/* ---- ErrorPanel ---- */\n.prn-bpmn-errorpanel {\n display: flex;\n flex-direction: column;\n max-height: 40%;\n border-top: 1px solid var(--prn-separator);\n background: var(--prn-bg-elevated);\n}\n.prn-bpmn-errorpanel-head {\n display: flex;\n align-items: center;\n gap: var(--prn-space-2, 8px);\n padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);\n border-bottom: 1px solid var(--prn-separator);\n color: var(--prn-label);\n}\n.prn-bpmn-errorpanel-actions {\n margin-left: auto;\n display: flex;\n gap: var(--prn-space-1, 4px);\n align-items: center;\n}\n.prn-bpmn-errorpanel-list {\n list-style: none;\n margin: 0;\n padding: var(--prn-space-2, 8px);\n overflow-y: auto;\n}\n.prn-bpmn-errorpanel-item {\n padding: var(--prn-space-2, 8px) 0;\n border-bottom: 1px solid var(--prn-separator);\n}\n.prn-bpmn-errorpanel-title {\n display: flex;\n align-items: center;\n gap: var(--prn-space-2, 8px);\n font-weight: 600;\n color: var(--prn-label);\n}\n.prn-bpmn-errorpanel-item[data-category=\"error\"] .prn-bpmn-errorpanel-icon {\n color: var(--prn-red);\n}\n.prn-bpmn-errorpanel-item[data-category=\"warning\"] .prn-bpmn-errorpanel-icon {\n color: var(--prn-orange);\n}\n.prn-bpmn-errorpanel-text {\n margin: 2px 0 0;\n font: var(--prn-text-footnote, 0.8125rem system-ui);\n}\n.prn-bpmn-errorpanel-meta {\n margin: 2px 0 0;\n font-style: italic;\n font-size: 0.7rem;\n}\n\n/* ---- TableView ---- */\n.prn-bpmn-table {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.prn-bpmn-table-bar {\n display: flex;\n align-items: center;\n gap: var(--prn-space-2, 8px);\n padding: var(--prn-space-2, 8px) var(--prn-space-3, 12px);\n border-bottom: 1px solid var(--prn-separator);\n flex-shrink: 0;\n}\n.prn-bpmn-table-count {\n white-space: nowrap;\n}\n.prn-bpmn-table-body {\n flex: 1;\n min-height: 0;\n}\n\n/* ---- Shared helpers ---- */\n.prn-bpmn-muted {\n color: var(--prn-label-2);\n font-size: 0.8125rem;\n}\n.prn-bpmn-mono {\n font-family: var(--prn-font-mono, ui-monospace, monospace);\n font-size: 0.72rem;\n color: var(--prn-label-2);\n}\n\n/* ============================================================\n Properties-Panel — echtes Theming für @bpmn-io/properties-panel 3.x.\n Diese Version nutzt KEINE --bio-* Variablen (das alte Mapping war\n wirkungslos → Panel blieb im Dark weiß), sondern eine --color-*-Basis-\n palette + semantische Tokens auf .bio-properties-panel. Token-getrieben\n → folgt automatisch Light/Dark/CU.\n ============================================================ */\n.prn-bpmn-editor-properties .bio-properties-panel {\n /* Basis-Graustufen-Palette umdeuten */\n --color-grey-225-10-97: var(--prn-bg-elevated);\n --color-grey-225-10-95: var(--prn-bg-elevated-2);\n --color-grey-225-10-90: var(--prn-fill);\n --color-grey-225-10-85: var(--prn-separator);\n --color-grey-225-10-80: var(--prn-separator);\n --color-grey-225-10-75: var(--prn-separator);\n --color-grey-225-10-55: var(--prn-label-2);\n --color-grey-225-10-35: var(--prn-label-2);\n --color-grey-225-10-15: var(--prn-label);\n --color-white: var(--prn-bg-elevated);\n --color-black: var(--prn-label);\n\n /* Akzent/Blau → prince-Accent */\n --color-blue-205-100-50: var(--prn-accent);\n --color-blue-205-100-45: var(--prn-accent-strong);\n --color-blue-205-100-95: var(--prn-accent-soft);\n\n /* Rot → prince-Red */\n --color-red-360-100-45: var(--prn-red);\n --color-red-360-100-40: var(--prn-red);\n\n /* Semantische Tokens explizit (Robustheit) */\n --text-base-color: var(--prn-label);\n --description-color: var(--prn-label-2);\n --group-background-color: var(--prn-bg-elevated);\n --group-bottom-border-color: var(--prn-separator);\n --header-background-color: var(--prn-bg-elevated);\n --header-icon-fill-color: var(--prn-label);\n --header-bottom-border-color: var(--prn-separator);\n --sticky-group-background-color: var(--prn-bg-elevated);\n --sticky-group-bottom-border-color: var(--prn-separator);\n --placeholder-background-color: var(--prn-bg-elevated);\n --placeholder-color: var(--prn-label-2);\n --input-background-color: var(--prn-fill);\n --input-border-color: var(--prn-separator);\n --input-focus-background-color: var(--prn-accent-soft);\n --input-focus-border-color: var(--prn-accent);\n --input-disabled-background-color: var(--prn-bg);\n --input-disabled-color: var(--prn-label-3);\n --toggle-switch-off-background-color: var(--prn-fill-strong);\n --toggle-switch-on-background-color: var(--prn-accent);\n --toggle-switch-switcher-background-color: var(--prn-bg-elevated);\n --arrow-fill-color: var(--prn-label-2);\n --arrow-hover-background-color: var(--prn-fill);\n --dot-color: var(--prn-label-2);\n --list-badge-background-color: var(--prn-fill-strong);\n --list-badge-color: var(--prn-label);\n\n font-family: var(--prn-font, -apple-system, BlinkMacSystemFont, system-ui, sans-serif);\n background: var(--prn-bg-elevated);\n}\n.prn-bpmn-editor-properties .bio-properties-panel-header-labels,\n.prn-bpmn-editor-properties .bio-properties-panel-group-header-title {\n color: var(--prn-label);\n}\n\n/* Für MaKo irrelevante Camunda-Gruppen ausblenden (rein kosmetisch).\n IDs ggf. mit/ohne \"group-\"-Prefix — beide Varianten abdecken. */\n.prn-bpmn-editor-properties [data-group-id=\"group-CamundaPlatform__HistoryCleanup\"],\n.prn-bpmn-editor-properties [data-group-id=\"group-CamundaPlatform__Tasklist\"],\n.prn-bpmn-editor-properties [data-group-id=\"group-CamundaPlatform__CandidateStarter\"],\n.prn-bpmn-editor-properties [data-group-id=\"group-CamundaPlatform__JobExecution\"],\n.prn-bpmn-editor-properties [data-group-id=\"CamundaPlatform__HistoryCleanup\"],\n.prn-bpmn-editor-properties [data-group-id=\"CamundaPlatform__Tasklist\"],\n.prn-bpmn-editor-properties [data-group-id=\"CamundaPlatform__CandidateStarter\"],\n.prn-bpmn-editor-properties [data-group-id=\"CamundaPlatform__JobExecution\"] {\n display: none;\n}\n\n/* ============================================================\n Palette / Context-Pad / Append-Popup — Apple-Look, alle Themes.\n diagram-js nutzt die --color-, --palette-, --context-pad- und\n --popup-Variablen auf .djs-parent → token-getrieben überschrieben.\n ============================================================ */\n.prn-bpmn .djs-parent {\n --color-white: var(--prn-bg-elevated);\n --color-black: var(--prn-label);\n --color-grey-225-10-97: var(--prn-bg-elevated);\n --color-grey-225-10-95: var(--prn-fill);\n --color-grey-225-10-75: var(--prn-separator);\n --color-grey-225-10-55: var(--prn-label-2);\n --color-grey-225-10-35: var(--prn-label-2);\n --color-grey-225-10-15: var(--prn-label);\n --color-blue-205-100-45: var(--prn-accent);\n --color-blue-205-100-50: var(--prn-accent);\n\n --palette-background-color: var(--prn-bg-elevated);\n --palette-border-color: var(--prn-separator);\n --palette-entry-color: var(--prn-label);\n --palette-entry-hover-color: var(--prn-accent);\n --palette-entry-selected-color: var(--prn-accent);\n --palette-separator-color: var(--prn-separator);\n --palette-toggle-hover-background-color: var(--prn-fill);\n\n --context-pad-entry-background-color: var(--prn-bg-elevated);\n --context-pad-entry-hover-background-color: var(--prn-fill);\n\n --popup-background-color: var(--prn-bg-elevated);\n --popup-border-color: var(--prn-separator);\n --popup-font-color: var(--prn-label);\n --popup-entry-title-color: var(--prn-label-2);\n --popup-entry-hover-color: var(--prn-fill);\n --popup-description-color: var(--prn-label-2);\n --popup-search-border-color: var(--prn-separator);\n --popup-search-focus-border-color: var(--prn-accent);\n --popup-search-focus-background-color: var(--prn-accent-soft);\n --popup-header-entry-selected-color: var(--prn-accent);\n --popup-header-group-divider-color: var(--prn-separator);\n --popup-no-results-color: var(--prn-label-2);\n\n --search-container-background-color: var(--prn-bg-elevated);\n --search-input-border-color: var(--prn-separator);\n --search-input-focus-border-color: var(--prn-accent);\n --search-result-hover-background-color: var(--prn-fill);\n --search-result-secondary-color: var(--prn-label-2);\n}\n\n/* Palette: Apple-Karten-Optik */\n.prn-bpmn .djs-palette {\n border-radius: var(--prn-radius-md, 10px);\n border: 1px solid var(--prn-separator);\n background: var(--prn-bg-elevated);\n box-shadow: var(--prn-shadow-raised);\n overflow: hidden;\n}\n.prn-bpmn .djs-palette .entry {\n color: var(--prn-label);\n}\n.prn-bpmn .djs-palette .entry:hover {\n color: var(--prn-accent);\n}\n.prn-bpmn .djs-context-pad .entry {\n color: var(--prn-label);\n border-radius: var(--prn-radius-sm, 8px);\n box-shadow: 0 0 0 1px var(--prn-separator);\n}\n.prn-bpmn .djs-context-pad .entry:hover {\n background: var(--prn-fill);\n color: var(--prn-accent);\n}\n\n/* bpmn-js-bpmnlint-Standard-Status-Button (\"No Issues\"/Fehlerliste) ausblenden:\n wir rendern eine eigene Lint-Leiste + ErrorPanel. Das Default-Widget saß am\n Canvas-Rand und wurde dort abgeschnitten (\"◀N\"-Fragment). */\n.prn-bpmn .bjsl-button,\n.prn-bpmn .bjsl-overlay,\n.prn-bpmn .bjsl-dropdown {\n display: none;\n}\n\n/* ---- Minimap (diagram-js-minimap) — Apple-Look, alle Themes ---- */\n.prn-bpmn .djs-minimap {\n border-radius: var(--prn-radius-md, 10px);\n border: 1px solid var(--prn-separator);\n background: var(--prn-bg-elevated);\n box-shadow: var(--prn-shadow-raised);\n overflow: hidden;\n}\n.prn-bpmn .djs-minimap .map {\n background: var(--prn-bg);\n}\n.prn-bpmn .djs-minimap .toggle {\n background: var(--prn-bg-elevated);\n color: var(--prn-label);\n}\n/* Viewport-Rahmen der Minimap an Akzent koppeln */\n.prn-bpmn .djs-minimap .viewport {\n fill: color-mix(in srgb, var(--prn-accent) 14%, transparent);\n stroke: var(--prn-accent);\n}\n\n/* ---- Element-Templates: Auswahl/Properties folgen dem Panel-Theming ---- */\n.prn-bpmn-editor-properties .bio-properties-panel .element-templates-group,\n.prn-bpmn-editor-properties .bio-properties-panel [class*=\"element-template\"] {\n color: var(--prn-label);\n}\n\n/* Append-/Replace-Popup wird von diagram-js an document.body angehängt →\n global (ohne .prn-bpmn-Präfix) themen, sonst greifen die Variablen nicht. */\n.djs-popup {\n border-radius: var(--prn-radius-md, 10px);\n border: 1px solid var(--prn-separator, rgba(84, 84, 88, 0.6));\n background: var(--prn-bg-elevated, #2c2c2e);\n box-shadow: var(--prn-shadow-pop, 0 12px 40px rgba(0, 0, 0, 0.4));\n color: var(--prn-label, #fff);\n}\n.djs-popup .entry {\n color: var(--prn-label, #fff);\n}\n.djs-popup .entry:hover {\n background: var(--prn-fill, rgba(120, 120, 128, 0.24));\n}\n"],"mappings":"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","names":[]}
|