bpmn-js 17.6.1 → 17.6.2

package/lib/features/outline/OutlineProvider.js

@@ -1,180 +1,180 @@
-import { assign } from 'min-dash';
-
-import {
-  attr as svgAttr,
-  create as svgCreate
-} from 'tiny-svg';
-
-import {
-  is,
-  isAny
-} from '../../util/ModelUtil';
-
-import { isLabel } from '../../util/LabelUtil';
-
-import {
-  DATA_OBJECT_REFERENCE_OUTLINE_PATH,
-  DATA_STORE_REFERENCE_OUTLINE_PATH,
-  DATA_OBJECT_REFERENCE_STANDARD_SIZE,
-  DATA_STORE_REFERENCE_STANDARD_SIZE,
-  createPath
-} from './OutlineUtil';
-
-const DEFAULT_OFFSET = 5;
-
-/**
- * BPMN-specific outline provider.
- *
- * @implements {BaseOutlineProvider}
- *
- * @param {Outline} outline
- * @param {Styles} styles
- */
-export default function OutlineProvider(outline, styles) {
-
-  this._styles = styles;
-  outline.registerProvider(this);
-}
-
-OutlineProvider.$inject = [
-  'outline',
-  'styles'
-];
-
-/**
- * Returns outline for a given element.
- *
- * @param {Element} element
- *
- * @return {Outline}
- */
-OutlineProvider.prototype.getOutline = function(element) {
-
-  const OUTLINE_STYLE = this._styles.cls('djs-outline', [ 'no-fill' ]);
-
-  var outline;
-
-  if (isLabel(element)) {
-    return;
-  }
-
-  if (is(element, 'bpmn:Gateway')) {
-    outline = svgCreate('rect');
-
-    assign(outline.style, {
-      'transform-box': 'fill-box',
-      'transform': 'rotate(45deg)',
-      'transform-origin': 'center'
-    });
-
-    svgAttr(outline, assign({
-      x: 2,
-      y: 2,
-      rx: 4,
-      width: element.width - 4,
-      height: element.height - 4,
-    }, OUTLINE_STYLE));
-
-  } else if (isAny(element, [ 'bpmn:Task', 'bpmn:SubProcess', 'bpmn:Group' ])) {
-    outline = svgCreate('rect');
-
-    svgAttr(outline, assign({
-      x: -DEFAULT_OFFSET,
-      y: -DEFAULT_OFFSET,
-      rx: 14,
-      width: element.width + DEFAULT_OFFSET * 2,
-      height: element.height + DEFAULT_OFFSET * 2
-    }, OUTLINE_STYLE));
-
-  } else if (is(element, 'bpmn:EndEvent')) {
-
-    outline = svgCreate('circle');
-
-    // Extra 1px offset needed due to increased stroke-width of end event
-    // which makes it bigger than other events.
-
-    svgAttr(outline, assign({
-      cx: element.width / 2,
-      cy: element.height / 2,
-      r: element.width / 2 + DEFAULT_OFFSET + 1
-    }, OUTLINE_STYLE));
-
-  } else if (is(element, 'bpmn:Event')) {
-    outline = svgCreate('circle');
-
-    svgAttr(outline, assign({
-      cx: element.width / 2,
-      cy: element.height / 2,
-      r: element.width / 2 + DEFAULT_OFFSET
-    }, OUTLINE_STYLE));
-
-  } else if (is(element, 'bpmn:DataObjectReference') && isStandardSize(element, 'bpmn:DataObjectReference')) {
-
-    outline = createPath(
-      DATA_OBJECT_REFERENCE_OUTLINE_PATH,
-      { x: -6, y: -6 },
-      OUTLINE_STYLE
-    );
-
-  } else if (is(element, 'bpmn:DataStoreReference') && isStandardSize(element, 'bpmn:DataStoreReference')) {
-
-    outline = createPath(
-      DATA_STORE_REFERENCE_OUTLINE_PATH,
-      { x: -6, y: -6 },
-      OUTLINE_STYLE
-    );
-  }
-
-  return outline;
-};
-
-/**
- * Updates the outline for a given element.
- * Returns true if the update for the given element was handled by this provider.
- *
- * @param {Element} element
- * @param {Outline} outline
- * @returns {boolean}
- */
-OutlineProvider.prototype.updateOutline = function(element, outline) {
-
-  if (isLabel(element)) {
-    return;
-  }
-
-  if (isAny(element, [ 'bpmn:SubProcess', 'bpmn:Group' ])) {
-
-    svgAttr(outline, {
-      width: element.width + DEFAULT_OFFSET * 2,
-      height: element.height + DEFAULT_OFFSET * 2
-    });
-
-    return true;
-
-  } else if (isAny(element, [
-    'bpmn:Event',
-    'bpmn:Gateway',
-    'bpmn:DataStoreReference',
-    'bpmn:DataObjectReference'
-  ])) {
-    return true;
-  }
-
-  return false;
-};
-
-
-// helpers //////////
-
-function isStandardSize(element, type) {
-  var standardSize;
-
-  if (type === 'bpmn:DataObjectReference') {
-    standardSize = DATA_OBJECT_REFERENCE_STANDARD_SIZE;
-  } else if (type === 'bpmn:DataStoreReference') {
-    standardSize = DATA_STORE_REFERENCE_STANDARD_SIZE;
-  }
-
-  return element.width === standardSize.width
-          && element.height === standardSize.height;
+import { assign } from 'min-dash';
+
+import {
+  attr as svgAttr,
+  create as svgCreate
+} from 'tiny-svg';
+
+import {
+  is,
+  isAny
+} from '../../util/ModelUtil';
+
+import { isLabel } from '../../util/LabelUtil';
+
+import {
+  DATA_OBJECT_REFERENCE_OUTLINE_PATH,
+  DATA_STORE_REFERENCE_OUTLINE_PATH,
+  DATA_OBJECT_REFERENCE_STANDARD_SIZE,
+  DATA_STORE_REFERENCE_STANDARD_SIZE,
+  createPath
+} from './OutlineUtil';
+
+const DEFAULT_OFFSET = 5;
+
+/**
+ * BPMN-specific outline provider.
+ *
+ * @implements {BaseOutlineProvider}
+ *
+ * @param {Outline} outline
+ * @param {Styles} styles
+ */
+export default function OutlineProvider(outline, styles) {
+
+  this._styles = styles;
+  outline.registerProvider(this);
+}
+
+OutlineProvider.$inject = [
+  'outline',
+  'styles'
+];
+
+/**
+ * Returns outline for a given element.
+ *
+ * @param {Element} element
+ *
+ * @return {Outline}
+ */
+OutlineProvider.prototype.getOutline = function(element) {
+
+  const OUTLINE_STYLE = this._styles.cls('djs-outline', [ 'no-fill' ]);
+
+  var outline;
+
+  if (isLabel(element)) {
+    return;
+  }
+
+  if (is(element, 'bpmn:Gateway')) {
+    outline = svgCreate('rect');
+
+    assign(outline.style, {
+      'transform-box': 'fill-box',
+      'transform': 'rotate(45deg)',
+      'transform-origin': 'center'
+    });
+
+    svgAttr(outline, assign({
+      x: 2,
+      y: 2,
+      rx: 4,
+      width: element.width - 4,
+      height: element.height - 4,
+    }, OUTLINE_STYLE));
+
+  } else if (isAny(element, [ 'bpmn:Task', 'bpmn:SubProcess', 'bpmn:Group' ])) {
+    outline = svgCreate('rect');
+
+    svgAttr(outline, assign({
+      x: -DEFAULT_OFFSET,
+      y: -DEFAULT_OFFSET,
+      rx: 14,
+      width: element.width + DEFAULT_OFFSET * 2,
+      height: element.height + DEFAULT_OFFSET * 2
+    }, OUTLINE_STYLE));
+
+  } else if (is(element, 'bpmn:EndEvent')) {
+
+    outline = svgCreate('circle');
+
+    // Extra 1px offset needed due to increased stroke-width of end event
+    // which makes it bigger than other events.
+
+    svgAttr(outline, assign({
+      cx: element.width / 2,
+      cy: element.height / 2,
+      r: element.width / 2 + DEFAULT_OFFSET + 1
+    }, OUTLINE_STYLE));
+
+  } else if (is(element, 'bpmn:Event')) {
+    outline = svgCreate('circle');
+
+    svgAttr(outline, assign({
+      cx: element.width / 2,
+      cy: element.height / 2,
+      r: element.width / 2 + DEFAULT_OFFSET
+    }, OUTLINE_STYLE));
+
+  } else if (is(element, 'bpmn:DataObjectReference') && isStandardSize(element, 'bpmn:DataObjectReference')) {
+
+    outline = createPath(
+      DATA_OBJECT_REFERENCE_OUTLINE_PATH,
+      { x: -6, y: -6 },
+      OUTLINE_STYLE
+    );
+
+  } else if (is(element, 'bpmn:DataStoreReference') && isStandardSize(element, 'bpmn:DataStoreReference')) {
+
+    outline = createPath(
+      DATA_STORE_REFERENCE_OUTLINE_PATH,
+      { x: -6, y: -6 },
+      OUTLINE_STYLE
+    );
+  }
+
+  return outline;
+};
+
+/**
+ * Updates the outline for a given element.
+ * Returns true if the update for the given element was handled by this provider.
+ *
+ * @param {Element} element
+ * @param {Outline} outline
+ * @returns {boolean}
+ */
+OutlineProvider.prototype.updateOutline = function(element, outline) {
+
+  if (isLabel(element)) {
+    return;
+  }
+
+  if (isAny(element, [ 'bpmn:SubProcess', 'bpmn:Group' ])) {
+
+    svgAttr(outline, {
+      width: element.width + DEFAULT_OFFSET * 2,
+      height: element.height + DEFAULT_OFFSET * 2
+    });
+
+    return true;
+
+  } else if (isAny(element, [
+    'bpmn:Event',
+    'bpmn:Gateway',
+    'bpmn:DataStoreReference',
+    'bpmn:DataObjectReference'
+  ])) {
+    return true;
+  }
+
+  return false;
+};
+
+
+// helpers //////////
+
+function isStandardSize(element, type) {
+  var standardSize;
+
+  if (type === 'bpmn:DataObjectReference') {
+    standardSize = DATA_OBJECT_REFERENCE_STANDARD_SIZE;
+  } else if (type === 'bpmn:DataStoreReference') {
+    standardSize = DATA_STORE_REFERENCE_STANDARD_SIZE;
+  }
+
+  return element.width === standardSize.width
+          && element.height === standardSize.height;
 }

package/lib/features/outline/OutlineUtil.d.ts

@@ -1,18 +1,18 @@
-/**
- * Create a path element with given attributes.
- * @param path
- * @param attrs
- * @param OUTLINE_STYLE
- * @return
- */
-export function createPath(path: string, attrs: any, OUTLINE_STYLE: any): SVGElement;
-export const DATA_OBJECT_REFERENCE_OUTLINE_PATH: "M44.7648 11.3263L36.9892 2.64074C36.0451 1.58628 34.5651 0.988708 33.1904 0.988708H5.98667C3.22688 0.988708 0.989624 3.34892 0.989624 6.26039V55.0235C0.989624 57.9349 3.22688 60.2952 5.98667 60.2952H40.966C43.7257 60.2952 45.963 57.9349 45.963 55.0235V14.9459C45.963 13.5998 45.6407 12.3048 44.7648 11.3263Z";
-export const DATA_STORE_REFERENCE_OUTLINE_PATH: "M1.03845 48.1347C1.03845 49.3511 1.07295 50.758 1.38342 52.064C1.69949 53.3938 2.32428 54.7154 3.56383 55.6428C6.02533 57.4841 10.1161 58.7685 14.8212 59.6067C19.5772 60.4538 25.1388 60.8738 30.6831 60.8738C36.2276 60.8738 41.7891 60.4538 46.545 59.6067C51.2504 58.7687 55.3412 57.4842 57.8028 55.6429C59.0424 54.7156 59.6673 53.3938 59.9834 52.064C60.2938 50.7579 60.3285 49.351 60.3285 48.1344V13.8415C60.3285 12.6249 60.2938 11.218 59.9834 9.91171C59.6673 8.58194 59.0423 7.2602 57.8027 6.33294C55.341 4.49168 51.2503 3.20723 46.545 2.36914C41.7891 1.522 36.2276 1.10204 30.6831 1.10205C25.1388 1.10206 19.5772 1.52206 14.8213 2.36923C10.1162 3.20734 6.02543 4.49183 3.5639 6.33314C2.32433 7.26038 1.69951 8.58206 1.38343 9.91181C1.07295 11.2179 1.03845 12.6247 1.03845 13.8411V48.1347Z";
-/**
- * @type {Dimensions}
- */
-export const DATA_OBJECT_REFERENCE_STANDARD_SIZE: Dimensions;
-/**
- * @type {Dimensions}
- */
-export const DATA_STORE_REFERENCE_STANDARD_SIZE: Dimensions;
+/**
+ * Create a path element with given attributes.
+ * @param path
+ * @param attrs
+ * @param OUTLINE_STYLE
+ * @return
+ */
+export function createPath(path: string, attrs: any, OUTLINE_STYLE: any): SVGElement;
+export const DATA_OBJECT_REFERENCE_OUTLINE_PATH: "M44.7648 11.3263L36.9892 2.64074C36.0451 1.58628 34.5651 0.988708 33.1904 0.988708H5.98667C3.22688 0.988708 0.989624 3.34892 0.989624 6.26039V55.0235C0.989624 57.9349 3.22688 60.2952 5.98667 60.2952H40.966C43.7257 60.2952 45.963 57.9349 45.963 55.0235V14.9459C45.963 13.5998 45.6407 12.3048 44.7648 11.3263Z";
+export const DATA_STORE_REFERENCE_OUTLINE_PATH: "M1.03845 48.1347C1.03845 49.3511 1.07295 50.758 1.38342 52.064C1.69949 53.3938 2.32428 54.7154 3.56383 55.6428C6.02533 57.4841 10.1161 58.7685 14.8212 59.6067C19.5772 60.4538 25.1388 60.8738 30.6831 60.8738C36.2276 60.8738 41.7891 60.4538 46.545 59.6067C51.2504 58.7687 55.3412 57.4842 57.8028 55.6429C59.0424 54.7156 59.6673 53.3938 59.9834 52.064C60.2938 50.7579 60.3285 49.351 60.3285 48.1344V13.8415C60.3285 12.6249 60.2938 11.218 59.9834 9.91171C59.6673 8.58194 59.0423 7.2602 57.8027 6.33294C55.341 4.49168 51.2503 3.20723 46.545 2.36914C41.7891 1.522 36.2276 1.10204 30.6831 1.10205C25.1388 1.10206 19.5772 1.52206 14.8213 2.36923C10.1162 3.20734 6.02543 4.49183 3.5639 6.33314C2.32433 7.26038 1.69951 8.58206 1.38343 9.91181C1.07295 11.2179 1.03845 12.6247 1.03845 13.8411V48.1347Z";
+/**
+ * @type {Dimensions}
+ */
+export const DATA_OBJECT_REFERENCE_STANDARD_SIZE: Dimensions;
+/**
+ * @type {Dimensions}
+ */
+export const DATA_STORE_REFERENCE_STANDARD_SIZE: Dimensions;

package/lib/features/outline/OutlineUtil.js

@@ -1,32 +1,32 @@
-import {
-  create as svgCreate
-} from 'tiny-svg';
-
-export const DATA_OBJECT_REFERENCE_OUTLINE_PATH = 'M44.7648 11.3263L36.9892 2.64074C36.0451 1.58628 34.5651 0.988708 33.1904 0.988708H5.98667C3.22688 0.988708 0.989624 3.34892 0.989624 6.26039V55.0235C0.989624 57.9349 3.22688 60.2952 5.98667 60.2952H40.966C43.7257 60.2952 45.963 57.9349 45.963 55.0235V14.9459C45.963 13.5998 45.6407 12.3048 44.7648 11.3263Z';
-export const DATA_STORE_REFERENCE_OUTLINE_PATH = 'M1.03845 48.1347C1.03845 49.3511 1.07295 50.758 1.38342 52.064C1.69949 53.3938 2.32428 54.7154 3.56383 55.6428C6.02533 57.4841 10.1161 58.7685 14.8212 59.6067C19.5772 60.4538 25.1388 60.8738 30.6831 60.8738C36.2276 60.8738 41.7891 60.4538 46.545 59.6067C51.2504 58.7687 55.3412 57.4842 57.8028 55.6429C59.0424 54.7156 59.6673 53.3938 59.9834 52.064C60.2938 50.7579 60.3285 49.351 60.3285 48.1344V13.8415C60.3285 12.6249 60.2938 11.218 59.9834 9.91171C59.6673 8.58194 59.0423 7.2602 57.8027 6.33294C55.341 4.49168 51.2503 3.20723 46.545 2.36914C41.7891 1.522 36.2276 1.10204 30.6831 1.10205C25.1388 1.10206 19.5772 1.52206 14.8213 2.36923C10.1162 3.20734 6.02543 4.49183 3.5639 6.33314C2.32433 7.26038 1.69951 8.58206 1.38343 9.91181C1.07295 11.2179 1.03845 12.6247 1.03845 13.8411V48.1347Z';
-
-/**
- * @type {Dimensions}
- */
-export const DATA_OBJECT_REFERENCE_STANDARD_SIZE = { width: 36, height: 50 };
-
-/**
- * @type {Dimensions}
- */
-export const DATA_STORE_REFERENCE_STANDARD_SIZE = { width: 50, height: 50 };
-
-/**
- * Create a path element with given attributes.
- * @param {string} path
- * @param {Object} attrs
- * @param {Object} OUTLINE_STYLE
- * @return {SVGElement}
- */
-export function createPath(path, attrs, OUTLINE_STYLE) {
-  return svgCreate('path', {
-    d: path,
-    strokeWidth: 2,
-    transform: `translate(${attrs.x}, ${attrs.y})`,
-    ...OUTLINE_STYLE
-  });
+import {
+  create as svgCreate
+} from 'tiny-svg';
+
+export const DATA_OBJECT_REFERENCE_OUTLINE_PATH = 'M44.7648 11.3263L36.9892 2.64074C36.0451 1.58628 34.5651 0.988708 33.1904 0.988708H5.98667C3.22688 0.988708 0.989624 3.34892 0.989624 6.26039V55.0235C0.989624 57.9349 3.22688 60.2952 5.98667 60.2952H40.966C43.7257 60.2952 45.963 57.9349 45.963 55.0235V14.9459C45.963 13.5998 45.6407 12.3048 44.7648 11.3263Z';
+export const DATA_STORE_REFERENCE_OUTLINE_PATH = 'M1.03845 48.1347C1.03845 49.3511 1.07295 50.758 1.38342 52.064C1.69949 53.3938 2.32428 54.7154 3.56383 55.6428C6.02533 57.4841 10.1161 58.7685 14.8212 59.6067C19.5772 60.4538 25.1388 60.8738 30.6831 60.8738C36.2276 60.8738 41.7891 60.4538 46.545 59.6067C51.2504 58.7687 55.3412 57.4842 57.8028 55.6429C59.0424 54.7156 59.6673 53.3938 59.9834 52.064C60.2938 50.7579 60.3285 49.351 60.3285 48.1344V13.8415C60.3285 12.6249 60.2938 11.218 59.9834 9.91171C59.6673 8.58194 59.0423 7.2602 57.8027 6.33294C55.341 4.49168 51.2503 3.20723 46.545 2.36914C41.7891 1.522 36.2276 1.10204 30.6831 1.10205C25.1388 1.10206 19.5772 1.52206 14.8213 2.36923C10.1162 3.20734 6.02543 4.49183 3.5639 6.33314C2.32433 7.26038 1.69951 8.58206 1.38343 9.91181C1.07295 11.2179 1.03845 12.6247 1.03845 13.8411V48.1347Z';
+
+/**
+ * @type {Dimensions}
+ */
+export const DATA_OBJECT_REFERENCE_STANDARD_SIZE = { width: 36, height: 50 };
+
+/**
+ * @type {Dimensions}
+ */
+export const DATA_STORE_REFERENCE_STANDARD_SIZE = { width: 50, height: 50 };
+
+/**
+ * Create a path element with given attributes.
+ * @param {string} path
+ * @param {Object} attrs
+ * @param {Object} OUTLINE_STYLE
+ * @return {SVGElement}
+ */
+export function createPath(path, attrs, OUTLINE_STYLE) {
+  return svgCreate('path', {
+    d: path,
+    strokeWidth: 2,
+    transform: `translate(${attrs.x}, ${attrs.y})`,
+    ...OUTLINE_STYLE
+  });
 }

package/lib/features/outline/index.d.ts

@@ -1,7 +1,7 @@
-declare namespace _default {
-    const __depends__: import("didi").ModuleDeclaration[];
-    const __init__: string[];
-    const outlineProvider: (string | typeof OulineProvider)[];
-}
-export default _default;
-import OulineProvider from './OutlineProvider';
+declare namespace _default {
+    const __depends__: import("didi").ModuleDeclaration[];
+    const __init__: string[];
+    const outlineProvider: (string | typeof OulineProvider)[];
+}
+export default _default;
+import OulineProvider from './OutlineProvider';

package/lib/features/outline/index.js

@@ -1,10 +1,10 @@
-import Ouline from 'diagram-js/lib/features/outline';
-import OulineProvider from './OutlineProvider';
-
-export default {
-  __depends__: [
-    Ouline
-  ],
-  __init__: [ 'outlineProvider' ],
-  outlineProvider: [ 'type', OulineProvider ]
-};
+import Ouline from 'diagram-js/lib/features/outline';
+import OulineProvider from './OutlineProvider';
+
+export default {
+  __depends__: [
+    Ouline
+  ],
+  __init__: [ 'outlineProvider' ],
+  outlineProvider: [ 'type', OulineProvider ]
+};

package/lib/features/palette/PaletteProvider.d.ts

@@ -1,34 +1,34 @@
-/**
- * A palette provider for BPMN 2.0 elements.
- *
- */
-export default class PaletteProvider {
-  static $inject: string[];
-
-  /**
-   * @param palette
-   * @param create
-   * @param elementFactory
-   * @param spaceTool
-   * @param lassoTool
-   * @param handTool
-   * @param globalConnect
-   * @param translate
-   */
-  constructor(palette: Palette, create: Create, elementFactory: ElementFactory, spaceTool: SpaceTool, lassoTool: LassoTool, handTool: HandTool, globalConnect: GlobalConnect, translate: Translate);
-
-  /**
-   * @return
-   */
-  getPaletteEntries(): PaletteEntries;
-}
-
-type Palette = import('diagram-js/lib/features/palette/Palette').default;
-type Create = import('diagram-js/lib/features/create/Create').default;
-type ElementFactory = import('diagram-js/lib/core/ElementFactory').default;
-type SpaceTool = import('../space-tool/BpmnSpaceTool').default;
-type LassoTool = import('diagram-js/lib/features/lasso-tool/LassoTool').default;
-type HandTool = import('diagram-js/lib/features/hand-tool/HandTool').default;
-type GlobalConnect = import('diagram-js/lib/features/global-connect/GlobalConnect').default;
-export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
-type PaletteEntries = import('diagram-js/lib/features/palette/Palette').PaletteEntries;
+/**
+ * A palette provider for BPMN 2.0 elements.
+ *
+ */
+export default class PaletteProvider {
+  static $inject: string[];
+
+  /**
+   * @param palette
+   * @param create
+   * @param elementFactory
+   * @param spaceTool
+   * @param lassoTool
+   * @param handTool
+   * @param globalConnect
+   * @param translate
+   */
+  constructor(palette: Palette, create: Create, elementFactory: ElementFactory, spaceTool: SpaceTool, lassoTool: LassoTool, handTool: HandTool, globalConnect: GlobalConnect, translate: Translate);
+
+  /**
+   * @return
+   */
+  getPaletteEntries(): PaletteEntries;
+}
+
+type Palette = import('diagram-js/lib/features/palette/Palette').default;
+type Create = import('diagram-js/lib/features/create/Create').default;
+type ElementFactory = import('diagram-js/lib/core/ElementFactory').default;
+type SpaceTool = import('../space-tool/BpmnSpaceTool').default;
+type LassoTool = import('diagram-js/lib/features/lasso-tool/LassoTool').default;
+type HandTool = import('diagram-js/lib/features/hand-tool/HandTool').default;
+type GlobalConnect = import('diagram-js/lib/features/global-connect/GlobalConnect').default;
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
+type PaletteEntries = import('diagram-js/lib/features/palette/Palette').PaletteEntries;