@formicoidea/labre-framework-bpmn 0.23.1 → 0.23.3
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/dist/consts.d.ts +0 -1
- package/dist/consts.js +0 -1
- package/dist/descriptor.d.ts +4 -4
- package/dist/descriptor.js +3 -4
- package/dist/effects.d.ts +0 -1
- package/dist/effects.js +0 -1
- package/dist/element-renderer.d.ts +1 -2
- package/dist/element-renderer.js +0 -1
- package/dist/element-view.d.ts +0 -1
- package/dist/element-view.js +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/node/node-renderer.d.ts +1 -2
- package/dist/node/node-renderer.js +0 -1
- package/dist/node/node-view.d.ts +0 -1
- package/dist/node/node-view.js +0 -1
- package/dist/templates/index.d.ts +0 -1
- package/dist/templates/index.js +0 -1
- package/dist/toolbar/bpmn-menu.d.ts +1 -2
- package/dist/toolbar/bpmn-menu.js +64 -65
- package/dist/toolbar/bpmn-senior-button.d.ts +1 -2
- package/dist/toolbar/bpmn-senior-button.js +53 -54
- package/dist/toolbar/config.d.ts +0 -1
- package/dist/toolbar/config.js +12 -13
- package/dist/toolbar/icons.d.ts +0 -1
- package/dist/toolbar/icons.js +20 -21
- package/dist/toolbar/senior-tool.d.ts +0 -1
- package/dist/toolbar/senior-tool.js +2 -3
- package/dist/view.d.ts +0 -1
- package/dist/view.js +0 -1
- package/package.json +2 -2
package/dist/consts.d.ts
CHANGED
package/dist/consts.js
CHANGED
package/dist/descriptor.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BpmnViewExtension } from './view.js';
|
|
2
|
-
|
|
2
|
+
/** Host wiring for the bpmn framework. */
|
|
3
3
|
export declare const bpmnFramework: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
readonly flag: "bpmn";
|
|
5
|
+
readonly telemetry: "bpmn";
|
|
6
|
+
readonly viewExtension: typeof BpmnViewExtension;
|
|
7
7
|
};
|
package/dist/descriptor.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { BpmnViewExtension } from './view.js';
|
|
2
|
-
|
|
3
2
|
/** Host wiring for the bpmn framework. */
|
|
4
3
|
export const bpmnFramework = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
flag: 'bpmn',
|
|
5
|
+
telemetry: 'bpmn',
|
|
6
|
+
viewExtension: BpmnViewExtension,
|
|
8
7
|
};
|
package/dist/effects.d.ts
CHANGED
package/dist/effects.js
CHANGED
|
@@ -8,6 +8,5 @@ import type { BpmnPoolElementModel } from '@formicoidea/labre-core/model';
|
|
|
8
8
|
*/
|
|
9
9
|
export declare const bpmnPool: ElementRenderer<BpmnPoolElementModel>;
|
|
10
10
|
export declare const BpmnPoolRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
|
|
11
|
-
identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<BpmnPoolElementModel>>;
|
|
11
|
+
identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<BpmnPoolElementModel>>;
|
|
12
12
|
};
|
|
13
|
-
//# sourceMappingURL=element-renderer.d.ts.map
|
package/dist/element-renderer.js
CHANGED
package/dist/element-view.d.ts
CHANGED
|
@@ -19,4 +19,3 @@ export declare class BpmnPoolView extends GfxElementModelView<BpmnPoolElementMod
|
|
|
19
19
|
* true (toggled from the toolbar). Moving / selecting stays available.
|
|
20
20
|
*/
|
|
21
21
|
export declare const BpmnPoolInteraction: import("@formicoidea/labre-core/store").ExtensionType;
|
|
22
|
-
//# sourceMappingURL=element-view.d.ts.map
|
package/dist/element-view.js
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -11,6 +11,5 @@ import { type BpmnNodeElementModel } from '@formicoidea/labre-core/model';
|
|
|
11
11
|
*/
|
|
12
12
|
export declare const bpmnNode: ElementRenderer<BpmnNodeElementModel>;
|
|
13
13
|
export declare const BpmnNodeRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
|
|
14
|
-
identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<BpmnNodeElementModel>>;
|
|
14
|
+
identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<BpmnNodeElementModel>>;
|
|
15
15
|
};
|
|
16
|
-
//# sourceMappingURL=node-renderer.d.ts.map
|
package/dist/node/node-view.d.ts
CHANGED
package/dist/node/node-view.js
CHANGED
package/dist/templates/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
|
|
2
2
|
import { LitElement } from 'lit';
|
|
3
|
-
declare const EdgelessBpmnMenu_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/
|
|
3
|
+
declare const EdgelessBpmnMenu_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
|
|
4
4
|
/**
|
|
5
5
|
* The popover above the toolbar for the BPMN toolbox. Items create the flow
|
|
6
6
|
* objects (native shapes, so they stay editable), the pool background, and arm
|
|
@@ -24,4 +24,3 @@ export declare class EdgelessBpmnMenu extends EdgelessBpmnMenu_base {
|
|
|
24
24
|
render(): import("lit-html").TemplateResult<1>;
|
|
25
25
|
}
|
|
26
26
|
export {};
|
|
27
|
-
//# sourceMappingURL=bpmn-menu.d.ts.map
|
|
@@ -29,27 +29,27 @@ export class EdgelessBpmnMenu extends EdgelessToolbarToolMixin(LitElement) {
|
|
|
29
29
|
super(...arguments);
|
|
30
30
|
this.type = EmptyTool;
|
|
31
31
|
}
|
|
32
|
-
static { this.styles = css `
|
|
33
|
-
:host {
|
|
34
|
-
position: absolute;
|
|
35
|
-
display: flex;
|
|
36
|
-
z-index: -1;
|
|
37
|
-
}
|
|
38
|
-
.menu-content {
|
|
39
|
-
display: flex;
|
|
40
|
-
align-items: center;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
}
|
|
43
|
-
.button-group-container {
|
|
44
|
-
display: flex;
|
|
45
|
-
align-items: center;
|
|
46
|
-
gap: 14px;
|
|
47
|
-
fill: var(--affine-icon-color);
|
|
48
|
-
}
|
|
49
|
-
.button-group-container svg {
|
|
50
|
-
width: 24px;
|
|
51
|
-
height: 24px;
|
|
52
|
-
}
|
|
32
|
+
static { this.styles = css `
|
|
33
|
+
:host {
|
|
34
|
+
position: absolute;
|
|
35
|
+
display: flex;
|
|
36
|
+
z-index: -1;
|
|
37
|
+
}
|
|
38
|
+
.menu-content {
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
}
|
|
43
|
+
.button-group-container {
|
|
44
|
+
display: flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
gap: 14px;
|
|
47
|
+
fill: var(--affine-icon-color);
|
|
48
|
+
}
|
|
49
|
+
.button-group-container svg {
|
|
50
|
+
width: 24px;
|
|
51
|
+
height: 24px;
|
|
52
|
+
}
|
|
53
53
|
`; }
|
|
54
54
|
/** Create a flow-object node (native shape) centred on the viewport. */
|
|
55
55
|
_createNode(kind) {
|
|
@@ -130,50 +130,49 @@ export class EdgelessBpmnMenu extends EdgelessToolbarToolMixin(LitElement) {
|
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
132
|
render() {
|
|
133
|
-
return html `
|
|
134
|
-
<edgeless-slide-menu>
|
|
135
|
-
<div class="menu-content">
|
|
136
|
-
<div class="button-group-container">
|
|
137
|
-
<edgeless-tool-icon-button
|
|
138
|
-
.tooltip=${'Start event'}
|
|
139
|
-
@click=${() => this._createNode('startEvent')}
|
|
140
|
-
>
|
|
141
|
-
${bpmnStartIcon}
|
|
142
|
-
</edgeless-tool-icon-button>
|
|
143
|
-
<edgeless-tool-icon-button
|
|
144
|
-
.tooltip=${'End event'}
|
|
145
|
-
@click=${() => this._createNode('endEvent')}
|
|
146
|
-
>
|
|
147
|
-
${bpmnEndIcon}
|
|
148
|
-
</edgeless-tool-icon-button>
|
|
149
|
-
<edgeless-tool-icon-button
|
|
150
|
-
.tooltip=${'Task'}
|
|
151
|
-
@click=${() => this._createNode('task')}
|
|
152
|
-
>
|
|
153
|
-
${bpmnTaskIcon}
|
|
154
|
-
</edgeless-tool-icon-button>
|
|
155
|
-
<edgeless-tool-icon-button
|
|
156
|
-
.tooltip=${'Exclusive gateway'}
|
|
157
|
-
@click=${() => this._createNode('gatewayExclusive')}
|
|
158
|
-
>
|
|
159
|
-
${bpmnGatewayIcon}
|
|
160
|
-
</edgeless-tool-icon-button>
|
|
161
|
-
<edgeless-tool-icon-button
|
|
162
|
-
.tooltip=${'Sequence flow'}
|
|
163
|
-
@click=${this._activateSequenceFlow}
|
|
164
|
-
>
|
|
165
|
-
${bpmnSequenceIcon}
|
|
166
|
-
</edgeless-tool-icon-button>
|
|
167
|
-
<edgeless-tool-icon-button
|
|
168
|
-
.tooltip=${'Pool'}
|
|
169
|
-
@click=${this._createPool}
|
|
170
|
-
>
|
|
171
|
-
${bpmnPoolIcon}
|
|
172
|
-
</edgeless-tool-icon-button>
|
|
173
|
-
</div>
|
|
174
|
-
</div>
|
|
175
|
-
</edgeless-slide-menu>
|
|
133
|
+
return html `
|
|
134
|
+
<edgeless-slide-menu>
|
|
135
|
+
<div class="menu-content">
|
|
136
|
+
<div class="button-group-container">
|
|
137
|
+
<edgeless-tool-icon-button
|
|
138
|
+
.tooltip=${'Start event'}
|
|
139
|
+
@click=${() => this._createNode('startEvent')}
|
|
140
|
+
>
|
|
141
|
+
${bpmnStartIcon}
|
|
142
|
+
</edgeless-tool-icon-button>
|
|
143
|
+
<edgeless-tool-icon-button
|
|
144
|
+
.tooltip=${'End event'}
|
|
145
|
+
@click=${() => this._createNode('endEvent')}
|
|
146
|
+
>
|
|
147
|
+
${bpmnEndIcon}
|
|
148
|
+
</edgeless-tool-icon-button>
|
|
149
|
+
<edgeless-tool-icon-button
|
|
150
|
+
.tooltip=${'Task'}
|
|
151
|
+
@click=${() => this._createNode('task')}
|
|
152
|
+
>
|
|
153
|
+
${bpmnTaskIcon}
|
|
154
|
+
</edgeless-tool-icon-button>
|
|
155
|
+
<edgeless-tool-icon-button
|
|
156
|
+
.tooltip=${'Exclusive gateway'}
|
|
157
|
+
@click=${() => this._createNode('gatewayExclusive')}
|
|
158
|
+
>
|
|
159
|
+
${bpmnGatewayIcon}
|
|
160
|
+
</edgeless-tool-icon-button>
|
|
161
|
+
<edgeless-tool-icon-button
|
|
162
|
+
.tooltip=${'Sequence flow'}
|
|
163
|
+
@click=${this._activateSequenceFlow}
|
|
164
|
+
>
|
|
165
|
+
${bpmnSequenceIcon}
|
|
166
|
+
</edgeless-tool-icon-button>
|
|
167
|
+
<edgeless-tool-icon-button
|
|
168
|
+
.tooltip=${'Pool'}
|
|
169
|
+
@click=${this._createPool}
|
|
170
|
+
>
|
|
171
|
+
${bpmnPoolIcon}
|
|
172
|
+
</edgeless-tool-icon-button>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</edgeless-slide-menu>
|
|
176
176
|
`;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
//# sourceMappingURL=bpmn-menu.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
|
|
2
2
|
import { LitElement } from 'lit';
|
|
3
|
-
declare const EdgelessBpmnSeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/
|
|
3
|
+
declare const EdgelessBpmnSeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
|
|
4
4
|
/**
|
|
5
5
|
* Main toolbar button (colored BPMN glyph) that opens the BPMN toolbox sub-menu
|
|
6
6
|
* above the toolbar. Mirrors the EDGY / Wardley senior buttons.
|
|
@@ -13,4 +13,3 @@ export declare class EdgelessBpmnSeniorButton extends EdgelessBpmnSeniorButton_b
|
|
|
13
13
|
render(): import("lit-html").TemplateResult<1>;
|
|
14
14
|
}
|
|
15
15
|
export {};
|
|
16
|
-
//# sourceMappingURL=bpmn-senior-button.d.ts.map
|
|
@@ -14,49 +14,49 @@ export class EdgelessBpmnSeniorButton extends EdgelessToolbarToolMixin(SignalWat
|
|
|
14
14
|
this.enableActiveBackground = true;
|
|
15
15
|
this.type = EmptyTool;
|
|
16
16
|
}
|
|
17
|
-
static { this.styles = css `
|
|
18
|
-
:host,
|
|
19
|
-
.bpmn-button {
|
|
20
|
-
display: block;
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: 100%;
|
|
23
|
-
}
|
|
24
|
-
:host {
|
|
25
|
-
position: relative;
|
|
26
|
-
}
|
|
27
|
-
.bpmn-root {
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 64px;
|
|
30
|
-
position: relative;
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
cursor: pointer;
|
|
33
|
-
display: flex;
|
|
34
|
-
align-items: flex-end;
|
|
35
|
-
justify-content: center;
|
|
36
|
-
}
|
|
37
|
-
.bpmn-card {
|
|
38
|
-
--y: -4px;
|
|
39
|
-
--s: 1;
|
|
40
|
-
position: absolute;
|
|
41
|
-
bottom: 0;
|
|
42
|
-
width: 54px;
|
|
43
|
-
height: 54px;
|
|
44
|
-
transform: translateY(var(--y)) scale(var(--s));
|
|
45
|
-
translate: var(--active-x, 0) var(--active-y, 0);
|
|
46
|
-
rotate: var(--active-r, -2deg);
|
|
47
|
-
scale: var(--active-s, 1);
|
|
48
|
-
transition: transform 0.3s ease, translate 0.3s ease, rotate 0.3s ease,
|
|
49
|
-
scale 0.3s ease;
|
|
50
|
-
}
|
|
51
|
-
.bpmn-card svg {
|
|
52
|
-
display: block;
|
|
53
|
-
width: 100%;
|
|
54
|
-
height: 100%;
|
|
55
|
-
}
|
|
56
|
-
.bpmn-root:hover .bpmn-card {
|
|
57
|
-
--y: -10px;
|
|
58
|
-
--s: 1.07;
|
|
59
|
-
}
|
|
17
|
+
static { this.styles = css `
|
|
18
|
+
:host,
|
|
19
|
+
.bpmn-button {
|
|
20
|
+
display: block;
|
|
21
|
+
width: 100%;
|
|
22
|
+
height: 100%;
|
|
23
|
+
}
|
|
24
|
+
:host {
|
|
25
|
+
position: relative;
|
|
26
|
+
}
|
|
27
|
+
.bpmn-root {
|
|
28
|
+
width: 100%;
|
|
29
|
+
height: 64px;
|
|
30
|
+
position: relative;
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: flex-end;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
}
|
|
37
|
+
.bpmn-card {
|
|
38
|
+
--y: -4px;
|
|
39
|
+
--s: 1;
|
|
40
|
+
position: absolute;
|
|
41
|
+
bottom: 0;
|
|
42
|
+
width: 54px;
|
|
43
|
+
height: 54px;
|
|
44
|
+
transform: translateY(var(--y)) scale(var(--s));
|
|
45
|
+
translate: var(--active-x, 0) var(--active-y, 0);
|
|
46
|
+
rotate: var(--active-r, -2deg);
|
|
47
|
+
scale: var(--active-s, 1);
|
|
48
|
+
transition: transform 0.3s ease, translate 0.3s ease, rotate 0.3s ease,
|
|
49
|
+
scale 0.3s ease;
|
|
50
|
+
}
|
|
51
|
+
.bpmn-card svg {
|
|
52
|
+
display: block;
|
|
53
|
+
width: 100%;
|
|
54
|
+
height: 100%;
|
|
55
|
+
}
|
|
56
|
+
.bpmn-root:hover .bpmn-card {
|
|
57
|
+
--y: -10px;
|
|
58
|
+
--s: 1.07;
|
|
59
|
+
}
|
|
60
60
|
`; }
|
|
61
61
|
_toggleMenu() {
|
|
62
62
|
if (this.popper) {
|
|
@@ -81,17 +81,16 @@ export class EdgelessBpmnSeniorButton extends EdgelessToolbarToolMixin(SignalWat
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return html `<edgeless-toolbar-button
|
|
85
|
-
class="bpmn-button"
|
|
86
|
-
.tooltip=${this.popper ? '' : 'BPMN'}
|
|
87
|
-
.tooltipOffset=${4}
|
|
88
|
-
.active=${!!this.popper}
|
|
89
|
-
@click=${this._toggleMenu}
|
|
90
|
-
>
|
|
91
|
-
<div class="bpmn-root">
|
|
92
|
-
<div class="bpmn-card">${bpmnToolbarIcon}</div>
|
|
93
|
-
</div>
|
|
84
|
+
return html `<edgeless-toolbar-button
|
|
85
|
+
class="bpmn-button"
|
|
86
|
+
.tooltip=${this.popper ? '' : 'BPMN'}
|
|
87
|
+
.tooltipOffset=${4}
|
|
88
|
+
.active=${!!this.popper}
|
|
89
|
+
@click=${this._toggleMenu}
|
|
90
|
+
>
|
|
91
|
+
<div class="bpmn-root">
|
|
92
|
+
<div class="bpmn-card">${bpmnToolbarIcon}</div>
|
|
93
|
+
</div>
|
|
94
94
|
</edgeless-toolbar-button>`;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
//# sourceMappingURL=bpmn-senior-button.js.map
|
package/dist/toolbar/config.d.ts
CHANGED
package/dist/toolbar/config.js
CHANGED
|
@@ -3,18 +3,18 @@ import { BpmnPoolElementModel } from '@formicoidea/labre-core/model';
|
|
|
3
3
|
import { ToolbarModuleExtension, } from '@formicoidea/labre-core/shared/services';
|
|
4
4
|
import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
|
|
5
5
|
import { html } from 'lit';
|
|
6
|
-
const ResizeIcon = html `<svg
|
|
7
|
-
width="24"
|
|
8
|
-
height="24"
|
|
9
|
-
viewBox="0 0 24 24"
|
|
10
|
-
fill="none"
|
|
11
|
-
stroke="currentColor"
|
|
12
|
-
stroke-width="1.6"
|
|
13
|
-
stroke-linecap="round"
|
|
14
|
-
stroke-linejoin="round"
|
|
15
|
-
>
|
|
16
|
-
<path d="M9 5H5v4M15 19h4v-4" />
|
|
17
|
-
<path d="M5 5l6 6M19 19l-6-6" />
|
|
6
|
+
const ResizeIcon = html `<svg
|
|
7
|
+
width="24"
|
|
8
|
+
height="24"
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
stroke="currentColor"
|
|
12
|
+
stroke-width="1.6"
|
|
13
|
+
stroke-linecap="round"
|
|
14
|
+
stroke-linejoin="round"
|
|
15
|
+
>
|
|
16
|
+
<path d="M9 5H5v4M15 19h4v-4" />
|
|
17
|
+
<path d="M5 5l6 6M19 19l-6-6" />
|
|
18
18
|
</svg>`;
|
|
19
19
|
/**
|
|
20
20
|
* Build a toolbar toggle that flips a boolean flag on every selected pool:
|
|
@@ -52,4 +52,3 @@ export const bpmnPoolToolbarExtension = ToolbarModuleExtension({
|
|
|
52
52
|
id: BlockFlavourIdentifier('affine:surface:bpmnPool'),
|
|
53
53
|
config: bpmnPoolToolbarConfig,
|
|
54
54
|
});
|
|
55
|
-
//# sourceMappingURL=config.js.map
|
package/dist/toolbar/icons.d.ts
CHANGED
|
@@ -13,4 +13,3 @@ export declare const bpmnGatewayIcon: import("lit-html").TemplateResult<2>;
|
|
|
13
13
|
export declare const bpmnSequenceIcon: import("lit-html").TemplateResult<2>;
|
|
14
14
|
/** Pool — rectangle with a left name band. */
|
|
15
15
|
export declare const bpmnPoolIcon: import("lit-html").TemplateResult<2>;
|
|
16
|
-
//# sourceMappingURL=icons.d.ts.map
|
package/dist/toolbar/icons.js
CHANGED
|
@@ -1,37 +1,36 @@
|
|
|
1
1
|
import { svg } from 'lit';
|
|
2
2
|
/** Colored BPMN glyph for the main toolbar button: a pool (green name band) with
|
|
3
3
|
* a single activity inside. */
|
|
4
|
-
export const bpmnToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
5
|
-
<rect x="4" y="13" width="48" height="30" rx="3" fill="#ffffff" stroke="#262626" stroke-width="2.2"/>
|
|
6
|
-
<path d="M6 14 h5 v28 h-5 z" fill="#43a06b"/>
|
|
7
|
-
<line x1="11" y1="13" x2="11" y2="43" stroke="#262626" stroke-width="1.8"/>
|
|
8
|
-
<rect x="20" y="20" width="24" height="16" rx="3.5" fill="#ffffff" stroke="#262626" stroke-width="2.2"/>
|
|
4
|
+
export const bpmnToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
5
|
+
<rect x="4" y="13" width="48" height="30" rx="3" fill="#ffffff" stroke="#262626" stroke-width="2.2"/>
|
|
6
|
+
<path d="M6 14 h5 v28 h-5 z" fill="#43a06b"/>
|
|
7
|
+
<line x1="11" y1="13" x2="11" y2="43" stroke="#262626" stroke-width="1.8"/>
|
|
8
|
+
<rect x="20" y="20" width="24" height="16" rx="3.5" fill="#ffffff" stroke="#262626" stroke-width="2.2"/>
|
|
9
9
|
</svg>`;
|
|
10
10
|
/** Start event — thin green ring. */
|
|
11
|
-
export const bpmnStartIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
-
<circle cx="12" cy="12" r="8" stroke="#43a06b" stroke-width="2"/>
|
|
11
|
+
export const bpmnStartIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<circle cx="12" cy="12" r="8" stroke="#43a06b" stroke-width="2"/>
|
|
13
13
|
</svg>`;
|
|
14
14
|
/** End event — thick red ring. */
|
|
15
|
-
export const bpmnEndIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
-
<circle cx="12" cy="12" r="8" stroke="#cf5648" stroke-width="3.5"/>
|
|
15
|
+
export const bpmnEndIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
+
<circle cx="12" cy="12" r="8" stroke="#cf5648" stroke-width="3.5"/>
|
|
17
17
|
</svg>`;
|
|
18
18
|
/** Task — rounded rectangle. */
|
|
19
|
-
export const bpmnTaskIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
-
<rect x="3.5" y="6.5" width="17" height="11" rx="2.5" stroke="currentColor" stroke-width="1.6"/>
|
|
19
|
+
export const bpmnTaskIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
+
<rect x="3.5" y="6.5" width="17" height="11" rx="2.5" stroke="currentColor" stroke-width="1.6"/>
|
|
21
21
|
</svg>`;
|
|
22
22
|
/** Exclusive gateway — diamond with an X. */
|
|
23
|
-
export const bpmnGatewayIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<path d="M12 3 L21 12 L12 21 L3 12 Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
|
|
25
|
-
<path d="M9 9 L15 15 M15 9 L9 15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
|
|
23
|
+
export const bpmnGatewayIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M12 3 L21 12 L12 21 L3 12 Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
|
|
25
|
+
<path d="M9 9 L15 15 M15 9 L9 15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
|
|
26
26
|
</svg>`;
|
|
27
27
|
/** Sequence flow — solid arrow with a filled head. */
|
|
28
|
-
export const bpmnSequenceIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
-
<path d="M3 12 H17" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
|
|
30
|
-
<path d="M15 8 L21 12 L15 16 Z" fill="currentColor"/>
|
|
28
|
+
export const bpmnSequenceIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
+
<path d="M3 12 H17" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
|
|
30
|
+
<path d="M15 8 L21 12 L15 16 Z" fill="currentColor"/>
|
|
31
31
|
</svg>`;
|
|
32
32
|
/** Pool — rectangle with a left name band. */
|
|
33
|
-
export const bpmnPoolIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
-
<rect x="3.5" y="5.5" width="17" height="13" rx="1.5" stroke="currentColor" stroke-width="1.6"/>
|
|
35
|
-
<path d="M8 5.5 V18.5" stroke="currentColor" stroke-width="1.6"/>
|
|
33
|
+
export const bpmnPoolIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
+
<rect x="3.5" y="5.5" width="17" height="13" rx="1.5" stroke="currentColor" stroke-width="1.6"/>
|
|
35
|
+
<path d="M8 5.5 V18.5" stroke="currentColor" stroke-width="1.6"/>
|
|
36
36
|
</svg>`;
|
|
37
|
-
//# sourceMappingURL=icons.js.map
|
|
@@ -3,9 +3,8 @@ import { html } from 'lit';
|
|
|
3
3
|
export const bpmnSeniorTool = SeniorToolExtension('bpmn', ({ block }) => {
|
|
4
4
|
return {
|
|
5
5
|
name: 'BPMN',
|
|
6
|
-
content: html `<edgeless-bpmn-senior-button
|
|
7
|
-
.edgeless=${block}
|
|
6
|
+
content: html `<edgeless-bpmn-senior-button
|
|
7
|
+
.edgeless=${block}
|
|
8
8
|
></edgeless-bpmn-senior-button>`,
|
|
9
9
|
};
|
|
10
10
|
});
|
|
11
|
-
//# sourceMappingURL=senior-tool.js.map
|
package/dist/view.d.ts
CHANGED
package/dist/view.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formicoidea/labre-framework-bpmn",
|
|
3
3
|
"description": "Labre bpmn framework for @formicoidea/labre-core.",
|
|
4
|
-
"version": "0.23.
|
|
4
|
+
"version": "0.23.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"author": "lajola",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@formicoidea/labre-core": "0.23.
|
|
30
|
+
"@formicoidea/labre-core": "0.23.3",
|
|
31
31
|
"lit": "^3.2.0"
|
|
32
32
|
}
|
|
33
33
|
}
|