@formicoidea/labre-framework-bpmn 0.29.1 → 0.31.0

package/dist/effects.d.ts

@@ -1,5 +1,5 @@
-import { EdgelessBpmnMenu } from './toolbar/bpmn-menu';
-import { EdgelessBpmnSeniorButton } from './toolbar/bpmn-senior-button';
+import { EdgelessBpmnMenu } from './toolbar/bpmn-menu.js';
+import { EdgelessBpmnSeniorButton } from './toolbar/bpmn-senior-button.js';
 export declare function effects(): void;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/effects.js

@@ -1,5 +1,5 @@
-import { EdgelessBpmnMenu } from './toolbar/bpmn-menu';
-import { EdgelessBpmnSeniorButton } from './toolbar/bpmn-senior-button';
+import { EdgelessBpmnMenu } from './toolbar/bpmn-menu.js';
+import { EdgelessBpmnSeniorButton } from './toolbar/bpmn-senior-button.js';
 export function effects() {
     customElements.define('edgeless-bpmn-menu', EdgelessBpmnMenu);
     customElements.define('edgeless-bpmn-senior-button', EdgelessBpmnSeniorButton);

package/dist/element-renderer.js

@@ -1,5 +1,5 @@
 import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
-import { POOL_BAND_FILL, POOL_BAND_WIDTH, POOL_FONT_FAMILY, POOL_FRAME_COLOR, POOL_FRAME_WIDTH, POOL_NAME_COLOR, POOL_NAME_FONT_SIZE, } from './consts';
+import { POOL_BAND_FILL, POOL_BAND_WIDTH, POOL_FONT_FAMILY, POOL_FRAME_COLOR, POOL_FRAME_WIDTH, POOL_NAME_COLOR, POOL_NAME_FONT_SIZE, } from './consts.js';
 /** Trace a rounded-rectangle path (no dependency on ctx.roundRect). */
 function roundedRectPath(ctx, x, y, w, h, r) {
     const rr = Math.min(r, w / 2, h / 2);

package/dist/templates/index.js

@@ -1,6 +1,6 @@
 import { makeTemplateSnapshot, surfaceText, } from '@formicoidea/labre-core/gfx/template';
 import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, } from '@formicoidea/labre-core/model';
-import { END_WIDTH, EVENT_END, EVENT_START, INNER_FONT_SIZE, NEUTRAL_STROKE, NODE_FILL, NODE_SIZE, NODE_STROKE_WIDTH, SEQUENCE_STROKE, SEQUENCE_WIDTH, START_WIDTH, TASK_RADIUS, } from '../consts';
+import { END_WIDTH, EVENT_END, EVENT_START, INNER_FONT_SIZE, NEUTRAL_STROKE, NODE_FILL, NODE_SIZE, NODE_STROKE_WIDTH, SEQUENCE_STROKE, SEQUENCE_WIDTH, START_WIDTH, TASK_RADIUS, } from '../consts.js';
 /** One BPMN flow-object node, as a surface-element JSON entry. */
 function node(kind, x, y, text) {
     const { w, h } = NODE_SIZE[kind];

package/dist/toolbar/bpmn-menu.js

@@ -1,13 +1,13 @@
 import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
 import { ConnectorTool } from '@formicoidea/labre-core/gfx/connector';
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
-import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, } from '@formicoidea/labre-core/model';
+import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextFitMode, } from '@formicoidea/labre-core/model';
 import { EditPropsStore, TelemetryProvider, } from '@formicoidea/labre-core/shared/services';
 import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
 import { Bound } from '@formicoidea/labre-core/global/gfx';
 import { css, html, LitElement } from 'lit';
-import { EVENT_END, EVENT_START, END_WIDTH, INNER_FONT_SIZE, NEUTRAL_STROKE, NODE_FILL, NODE_LABEL, NODE_SIZE, NODE_STROKE_WIDTH, SEQUENCE_STROKE, SEQUENCE_WIDTH, START_WIDTH, TASK_RADIUS, } from '../consts';
-import { bpmnEndIcon, bpmnGatewayIcon, bpmnPoolIcon, bpmnSequenceIcon, bpmnStartIcon, bpmnTaskIcon, } from './icons';
+import { EVENT_END, EVENT_START, END_WIDTH, INNER_FONT_SIZE, NEUTRAL_STROKE, NODE_FILL, NODE_LABEL, NODE_SIZE, NODE_STROKE_WIDTH, SEQUENCE_STROKE, SEQUENCE_WIDTH, START_WIDTH, TASK_RADIUS, } from '../consts.js';
+import { bpmnEndIcon, bpmnGatewayIcon, bpmnPoolIcon, bpmnSequenceIcon, bpmnStartIcon, bpmnTaskIcon, } from './icons.js';
 /** Per-kind native shape + accent presets (style C). */
 const NODE_PRESETS = {
     startEvent: { shapeType: 'ellipse', stroke: EVENT_START, width: START_WIDTH },
@@ -75,6 +75,9 @@ export class EdgelessBpmnMenu extends EdgelessToolbarToolMixin(LitElement) {
             fontFamily: FontFamily.Inter,
             fontSize: INNER_FONT_SIZE,
             textAlign: 'center',
+            // BPMN symbols have normative sizes: a long label overflows rather
+            // than deforming the node
+            textFitMode: TextFitMode.Overflow,
             xywh: new Bound(cx - w / 2, cy - h / 2, w, h).serialize(),
         });
         this._track('FrameworkElementAdded', `node:${kind}`);

package/dist/toolbar/bpmn-senior-button.js

@@ -3,7 +3,7 @@ import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
 import { SignalWatcher } from '@formicoidea/labre-core/global/lit';
 import { css, html, LitElement } from 'lit';
-import { bpmnToolbarIcon } from './icons';
+import { bpmnToolbarIcon } from './icons.js';
 /**
  * Main toolbar button (colored BPMN glyph) that opens the BPMN toolbox sub-menu
  * above the toolbar. Mirrors the EDGY / Wardley senior buttons.
@@ -27,6 +27,8 @@ export class EdgelessBpmnSeniorButton extends EdgelessToolbarToolMixin(SignalWat
       position: relative;
       overflow: hidden;
       cursor: pointer;
+      /* no double-tap-zoom / 300ms tap delay on touch screens */
+      touch-action: manipulation;
       display: flex;
       align-items: flex-end;
       justify-content: center;
@@ -50,7 +52,8 @@ export class EdgelessBpmnSeniorButton extends EdgelessToolbarToolMixin(SignalWat
       width: 100%;
       height: 100%;
     }
-    .bpmn-root:hover .bpmn-card {
+    .bpmn-root:hover .bpmn-card,
+    .bpmn-root:active .bpmn-card {
       --y: -10px;
       --s: 1.07;
     }

package/dist/view.js

@@ -1,13 +1,13 @@
 import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
 import { extendTemplateCategory } from '@formicoidea/labre-core/gfx/template';
-import { effects } from './effects';
-import { bpmnTemplateCategory } from './templates';
-import { BpmnPoolRendererExtension } from './element-renderer';
-import { BpmnPoolInteraction, BpmnPoolView } from './element-view';
-import { BpmnNodeRendererExtension } from './node/node-renderer';
-import { BpmnNodeView } from './node/node-view';
-import { bpmnPoolToolbarExtension } from './toolbar/config';
-import { bpmnSeniorTool } from './toolbar/senior-tool';
+import { effects } from './effects.js';
+import { bpmnTemplateCategory } from './templates/index.js';
+import { BpmnPoolRendererExtension } from './element-renderer.js';
+import { BpmnPoolInteraction, BpmnPoolView } from './element-view.js';
+import { BpmnNodeRendererExtension } from './node/node-renderer.js';
+import { BpmnNodeView } from './node/node-view.js';
+import { bpmnPoolToolbarExtension } from './toolbar/config.js';
+import { bpmnSeniorTool } from './toolbar/senior-tool.js';
 export class BpmnViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-bpmn",
   "description": "Labre bpmn framework for @formicoidea/labre-core.",
-  "version": "0.29.1",
+  "version": "0.31.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.29.1",
+    "@formicoidea/labre-core": "0.31.0",
     "lit": "^3.2.0"
   }
 }