camunda-bpmn-js 4.16.0 → 4.18.0

package/dist/base-modeler.development.js

@@ -27687,29 +27687,34 @@
    * Update context pad position.
    */
   ContextPad.prototype._updatePosition = function() {
-    if (!this.isOpen()) {
-      return;
-    }
 
-    var html = this._current.html;
+    const updateFn = () => {
+      if (!this.isOpen()) {
+        return;
+      }
+
+      var html = this._current.html;
 
-    var position = this._getPosition(this._current.target);
+      var position = this._getPosition(this._current.target);
 
-    if ('x' in position && 'y' in position) {
-      html.style.left = position.x + 'px';
-      html.style.top = position.y + 'px';
-    } else {
-      [
-        'top',
-        'right',
-        'bottom',
-        'left'
-      ].forEach(function(key) {
-        if (key in position) {
-          html.style[ key ] = position[ key ] + 'px';
-        }
-      });
-    }
+      if ('x' in position && 'y' in position) {
+        html.style.left = position.x + 'px';
+        html.style.top = position.y + 'px';
+      } else {
+        [
+          'top',
+          'right',
+          'bottom',
+          'left'
+        ].forEach(function(key) {
+          if (key in position) {
+            html.style[ key ] = position[ key ] + 'px';
+          }
+        });
+      }
+    };
+
+    this._scheduler.schedule(updateFn, 'ContextPad#_updatePosition');
   };
 
   /**
@@ -44915,9 +44920,16 @@
           hints.moveChildren = false;
         }
 
-        // apply same width and default height
-        newElement.width = element.width;
-        newElement.height = elementFactory.getDefaultSize(newElement).height;
+        // apply same directionality
+        var isHorizontalPool = isHorizontal$3(element);
+        if (!getDi(element).isHorizontal) {
+          getDi(newElement).isHorizontal = isHorizontalPool;
+        }
+
+        // keep the existing size of the pool's direction to
+        // prevent dangling message flows
+        newElement.width = isHorizontalPool ? element.width : elementFactory.getDefaultSize(newElement).width;
+        newElement.height = isHorizontalPool ? elementFactory.getDefaultSize(newElement).height : element.height;
       }
 
       if (!rules.allowed('shape.resize', { shape: newBusinessObject })) {
@@ -48603,10 +48615,17 @@
     }
 
     if (is$5(bo, 'bpmn:Participant')) {
+      var isHorizontalPool = di.isHorizontal === undefined || di.isHorizontal === true;
       if (isExpanded(bo, di)) {
-        return { width: 600, height: 250 };
+        if (isHorizontalPool) {
+          return { width: 600, height: 250 };
+        }
+        return { width: 250, height: 600 };
       } else {
-        return { width: 400, height: 60 };
+        if (isHorizontalPool) {
+          return { width: 400, height: 60 };
+        }
+        return { width: 60, height: 400 };
       }
     }
 
@@ -98069,19 +98088,19 @@
     errors: {}
   });
 
-  /**
-   * @typedef {Function} <propertiesPanel.showEntry> callback
-   *
-   * @example
-   *
-   * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
-   *   // ...
-   * });
-   *
-   * @param {Object} context
-   * @param {boolean} [context.focus]
-   *
-   * @returns void
+  /**
+   * @typedef {Function} <propertiesPanel.showEntry> callback
+   *
+   * @example
+   *
+   * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
+   *   // ...
+   * });
+   *
+   * @param {Object} context
+   * @param {boolean} [context.focus]
+   *
+   * @returns void
    */
 
   const EventContext = F$2({
@@ -98100,20 +98119,20 @@
     getTooltipForId: () => {}
   });
 
-  /**
-   * Accesses the global TooltipContext and returns a tooltip for a given id and element.
-   *
-   * @example
-   * ```jsx
-   * function TextField(props) {
-   *   const tooltip = useTooltipContext('input1', element);
-   * }
-   * ```
-   *
-   * @param {string} id
-   * @param {object} element
-   *
-   * @returns {string}
+  /**
+   * Accesses the global TooltipContext and returns a tooltip for a given id and element.
+   *
+   * @example
+   * ```jsx
+   * function TextField(props) {
+   *   const tooltip = useTooltipContext('input1', element);
+   * }
+   * ```
+   *
+   * @param {string} id
+   * @param {object} element
+   *
+   * @returns {string}
    */
   function useTooltipContext(id, element) {
     const {
@@ -98266,20 +98285,20 @@
     return `bio-properties-panel-${id}`;
   }
 
-  /**
-   * Accesses the global DescriptionContext and returns a description for a given id and element.
-   *
-   * @example
-   * ```jsx
-   * function TextField(props) {
-   *   const description = useDescriptionContext('input1', element);
-   * }
-   * ```
-   *
-   * @param {string} id
-   * @param {object} element
-   *
-   * @returns {string}
+  /**
+   * Accesses the global DescriptionContext and returns a description for a given id and element.
+   *
+   * @example
+   * ```jsx
+   * function TextField(props) {
+   *   const description = useDescriptionContext('input1', element);
+   * }
+   * ```
+   *
+   * @param {string} id
+   * @param {object} element
+   *
+   * @returns {string}
    */
   function useDescriptionContext(id, element) {
     const {
@@ -98301,11 +98320,11 @@
     return errors;
   }
 
-  /**
-   * Subscribe to an event immediately. Update subscription after inputs changed.
-   *
-   * @param {string} event
-   * @param {Function} callback
+  /**
+   * Subscribe to an event immediately. Update subscription after inputs changed.
+   *
+   * @param {string} event
+   * @param {Function} callback
    */
   function useEvent(event, callback, eventBus) {
     const eventContext = q$1(EventContext);
@@ -98335,20 +98354,20 @@
     }, [callback, event, eventBus]);
   }
 
-  /**
-   * Creates a state that persists in the global LayoutContext.
-   *
-   * @example
-   * ```jsx
-   * function Group(props) {
-   *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
-   * }
-   * ```
-   *
-   * @param {(string|number)[]} path
-   * @param {any} [defaultValue]
-   *
-   * @returns {[ any, Function ]}
+  /**
+   * Creates a state that persists in the global LayoutContext.
+   *
+   * @example
+   * ```jsx
+   * function Group(props) {
+   *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
+   * }
+   * ```
+   *
+   * @param {(string|number)[]} path
+   * @param {any} [defaultValue]
+   *
+   * @returns {[ any, Function ]}
    */
   function useLayoutState(path, defaultValue) {
     const {
@@ -98362,11 +98381,11 @@
     return [layoutForKey, setState];
   }
 
-  /**
-   * @pinussilvestrus: we need to introduce our own hook to persist the previous
-   * state on updates.
-   *
-   * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
+  /**
+   * @pinussilvestrus: we need to introduce our own hook to persist the previous
+   * state on updates.
+   *
+   * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
    */
 
   function usePrevious(value) {
@@ -98377,12 +98396,12 @@
     return ref.current;
   }
 
-  /**
-   * Subscribe to `propertiesPanel.showEntry`.
-   *
-   * @param {string} id
-   *
-   * @returns {import('preact').Ref}
+  /**
+   * Subscribe to `propertiesPanel.showEntry`.
+   *
+   * @param {string} id
+   *
+   * @returns {import('preact').Ref}
    */
   function useShowEntryEvent(id) {
     const {
@@ -98413,20 +98432,20 @@
     return ref;
   }
 
-  /**
-   * @callback setSticky
-   * @param {boolean} value
+  /**
+   * @callback setSticky
+   * @param {boolean} value
    */
 
-  /**
-   * Use IntersectionObserver to identify when DOM element is in sticky mode.
-   * If sticky is observered setSticky(true) will be called.
-   * If sticky mode is left, setSticky(false) will be called.
-   *
-   *
-   * @param {Object} ref
-   * @param {string} scrollContainerSelector
-   * @param {setSticky} setSticky
+  /**
+   * Use IntersectionObserver to identify when DOM element is in sticky mode.
+   * If sticky is observered setSticky(true) will be called.
+   * If sticky mode is left, setSticky(false) will be called.
+   *
+   *
+   * @param {Object} ref
+   * @param {string} scrollContainerSelector
+   * @param {setSticky} setSticky
    */
   function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky) {
     const [scrollContainer, setScrollContainer] = h(query(scrollContainerSelector));
@@ -98480,19 +98499,19 @@
     }, [ref.current, scrollContainer, setSticky]);
   }
 
-  /**
-   * Creates a static function reference with changing body.
-   * This is necessary when external libraries require a callback function
-   * that has references to state variables.
-   *
-   * Usage:
-   * const callback = useStaticCallback((val) => {val === currentState});
-   *
-   * The `callback` reference is static and can be safely used in external
-   * libraries or as a prop that does not cause rerendering of children.
-   *
-   * @param {Function} callback function with changing reference
-   * @returns {Function} static function reference
+  /**
+   * Creates a static function reference with changing body.
+   * This is necessary when external libraries require a callback function
+   * that has references to state variables.
+   *
+   * Usage:
+   * const callback = useStaticCallback((val) => {val === currentState});
+   *
+   * The `callback` reference is static and can be safely used in external
+   * libraries or as a prop that does not cause rerendering of children.
+   *
+   * @param {Function} callback function with changing reference
+   * @returns {Function} static function reference
    */
   function useStaticCallback(callback) {
     const callbackRef = _(callback);
@@ -98635,13 +98654,13 @@
     return null;
   }
 
-  /**
-   * @typedef { {
-   *  text: (element: object) => string,
-   *  icon?: (element: Object) => import('preact').Component
-   * } } PlaceholderDefinition
-   *
-   * @param { PlaceholderDefinition } props
+  /**
+   * @typedef { {
+   *  text: (element: object) => string,
+   *  icon?: (element: Object) => import('preact').Component
+   * } } PlaceholderDefinition
+   *
+   * @param { PlaceholderDefinition } props
    */
   function Placeholder(props) {
     const {
@@ -98680,9 +98699,9 @@
 
   const noop$6 = () => {};
 
-  /**
-   * Buffer `.focus()` calls while the editor is not initialized.
-   * Set Focus inside when the editor is ready.
+  /**
+   * Buffer `.focus()` calls while the editor is not initialized.
+   * Set Focus inside when the editor is ready.
    */
   const useBufferedFocus$1 = function (editor, ref) {
     const [buffer, setBuffer] = h(undefined);
@@ -98783,9 +98802,9 @@
 
   const noop$5 = () => {};
 
-  /**
-   * Buffer `.focus()` calls while the editor is not initialized.
-   * Set Focus inside when the editor is ready.
+  /**
+   * Buffer `.focus()` calls while the editor is not initialized.
+   * Set Focus inside when the editor is ready.
    */
   const useBufferedFocus = function (editor, ref) {
     const [buffer, setBuffer] = h(undefined);
@@ -98834,10 +98853,10 @@
     p(() => {
       let editor;
 
-      /* Trigger FEEL toggle when
-       *
-       * - `backspace` is pressed
-       * - AND the cursor is at the beginning of the input
+      /* Trigger FEEL toggle when
+       *
+       * - `backspace` is pressed
+       * - AND the cursor is at the beginning of the input
        */
       const onKeyDown = e => {
         if (e.key !== 'Backspace' || !editor) {
@@ -98919,22 +98938,22 @@
     source: null
   });
 
-  /**
-   * Add a dragger that calls back the passed function with
-   * { event, delta } on drag.
-   *
-   * @example
-   *
-   * function dragMove(event, delta) {
-   *   // we are dragging (!!)
-   * }
-   *
-   * domElement.addEventListener('dragstart', dragger(dragMove));
-   *
-   * @param {Function} fn
-   * @param {Element} [dragPreview]
-   *
-   * @return {Function} drag start callback function
+  /**
+   * Add a dragger that calls back the passed function with
+   * { event, delta } on drag.
+   *
+   * @example
+   *
+   * function dragMove(event, delta) {
+   *   // we are dragging (!!)
+   * }
+   *
+   * domElement.addEventListener('dragstart', dragger(dragMove));
+   *
+   * @param {Function} fn
+   * @param {Element} [dragPreview]
+   *
+   * @return {Function} drag start callback function
    */
   function createDragger(fn, dragPreview) {
     let self;
@@ -98989,23 +99008,23 @@
 
   const noop$3 = () => {};
 
-  /**
-   * A generic popup component.
-   *
-   * @param {Object} props
-   * @param {HTMLElement} [props.container]
-   * @param {string} [props.className]
-   * @param {boolean} [props.delayInitialFocus]
-   * @param {{x: number, y: number}} [props.position]
-   * @param {number} [props.width]
-   * @param {number} [props.height]
-   * @param {Function} props.onClose
-   * @param {Function} [props.onPostActivate]
-   * @param {Function} [props.onPostDeactivate]
-   * @param {boolean} [props.returnFocus]
-   * @param {boolean} [props.closeOnEscape]
-   * @param {string} props.title
-   * @param {Ref} [ref]
+  /**
+   * A generic popup component.
+   *
+   * @param {Object} props
+   * @param {HTMLElement} [props.container]
+   * @param {string} [props.className]
+   * @param {boolean} [props.delayInitialFocus]
+   * @param {{x: number, y: number}} [props.position]
+   * @param {number} [props.width]
+   * @param {number} [props.height]
+   * @param {Function} props.onClose
+   * @param {Function} [props.onPostActivate]
+   * @param {Function} [props.onPostDeactivate]
+   * @param {boolean} [props.returnFocus]
+   * @param {boolean} [props.closeOnEscape]
+   * @param {string} props.title
+   * @param {Ref} [ref]
    */
   function PopupComponent(props, globalRef) {
     const {
@@ -99224,12 +99243,12 @@
   const FEEL_POPUP_WIDTH = 700;
   const FEEL_POPUP_HEIGHT = 250;
 
-  /**
-   * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
-   *  - `feelPopup.open` - fired before the popup is mounted
-   *  - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
-   *  - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
-   *  - `feelPopup.closed` - fired after the popup is unmounted
+  /**
+   * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
+   *  - `feelPopup.open` - fired before the popup is mounted
+   *  - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
+   *  - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
+   *  - `feelPopup.closed` - fired after the popup is unmounted
    */
   function FEELPopupRoot(props) {
     const {
@@ -99452,11 +99471,11 @@
     return element.closest('.cm-editor').querySelector('.cm-tooltip-autocomplete');
   }
 
-  /**
-   * This hook behaves like useEffect, but does not trigger on the first render.
-   *
-   * @param {Function} effect
-   * @param {Array} deps
+  /**
+   * This hook behaves like useEffect, but does not trigger on the first render.
+   *
+   * @param {Function} effect
+   * @param {Array} deps
    */
   function useUpdateEffect(effect, deps) {
     const isMounted = _(false);
@@ -99821,84 +99840,84 @@
   const DEFAULT_DESCRIPTION = {};
   const DEFAULT_TOOLTIP = {};
 
-  /**
-   * @typedef { {
-   *    component: import('preact').Component,
-   *    id: String,
-   *    isEdited?: Function
-   * } } EntryDefinition
-   *
-   * @typedef { {
-   *    autoFocusEntry: String,
-   *    autoOpen?: Boolean,
-   *    entries: Array<EntryDefinition>,
-   *    id: String,
-   *    label: String,
-   *    remove: (event: MouseEvent) => void
-   * } } ListItemDefinition
-   *
-   * @typedef { {
-   *    add: (event: MouseEvent) => void,
-   *    component: import('preact').Component,
-   *    element: Object,
-   *    id: String,
-   *    items: Array<ListItemDefinition>,
-   *    label: String,
-   *    shouldOpen?: Boolean
-   * } } ListGroupDefinition
-   *
-   * @typedef { {
-   *    component?: import('preact').Component,
-   *    entries: Array<EntryDefinition>,
-   *    id: String,
-   *    label: String,
-   *    shouldOpen?: Boolean
-   * } } GroupDefinition
-   *
-   *  @typedef { {
-   *    [id: String]: GetDescriptionFunction
-   * } } DescriptionConfig
-   *
-   *  @typedef { {
-   *    [id: String]: GetTooltipFunction
-   * } } TooltipConfig
-   *
-   * @callback { {
-   * @param {string} id
-   * @param {Object} element
-   * @returns {string}
-   * } } GetDescriptionFunction
-   *
-   * @callback { {
-   * @param {string} id
-   * @param {Object} element
-   * @returns {string}
-   * } } GetTooltipFunction
-   *
-   * @typedef { {
-   *  getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
-   *  getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
-   * } } PlaceholderProvider
-   *
+  /**
+   * @typedef { {
+   *    component: import('preact').Component,
+   *    id: String,
+   *    isEdited?: Function
+   * } } EntryDefinition
+   *
+   * @typedef { {
+   *    autoFocusEntry: String,
+   *    autoOpen?: Boolean,
+   *    entries: Array<EntryDefinition>,
+   *    id: String,
+   *    label: String,
+   *    remove: (event: MouseEvent) => void
+   * } } ListItemDefinition
+   *
+   * @typedef { {
+   *    add: (event: MouseEvent) => void,
+   *    component: import('preact').Component,
+   *    element: Object,
+   *    id: String,
+   *    items: Array<ListItemDefinition>,
+   *    label: String,
+   *    shouldOpen?: Boolean
+   * } } ListGroupDefinition
+   *
+   * @typedef { {
+   *    component?: import('preact').Component,
+   *    entries: Array<EntryDefinition>,
+   *    id: String,
+   *    label: String,
+   *    shouldOpen?: Boolean
+   * } } GroupDefinition
+   *
+   *  @typedef { {
+   *    [id: String]: GetDescriptionFunction
+   * } } DescriptionConfig
+   *
+   *  @typedef { {
+   *    [id: String]: GetTooltipFunction
+   * } } TooltipConfig
+   *
+   * @callback { {
+   * @param {string} id
+   * @param {Object} element
+   * @returns {string}
+   * } } GetDescriptionFunction
+   *
+   * @callback { {
+   * @param {string} id
+   * @param {Object} element
+   * @returns {string}
+   * } } GetTooltipFunction
+   *
+   * @typedef { {
+   *  getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
+   *  getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
+   * } } PlaceholderProvider
+   *
    */
 
-  /**
-   * A basic properties panel component. Describes *how* content will be rendered, accepts
-   * data from implementor to describe *what* will be rendered.
-   *
-   * @param {Object} props
-   * @param {Object|Array} props.element
-   * @param {import('./components/Header').HeaderProvider} props.headerProvider
-   * @param {PlaceholderProvider} [props.placeholderProvider]
-   * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
-   * @param {Object} [props.layoutConfig]
-   * @param {Function} [props.layoutChanged]
-   * @param {DescriptionConfig} [props.descriptionConfig]
-   * @param {Function} [props.descriptionLoaded]
-   * @param {TooltipConfig} [props.tooltipConfig]
-   * @param {Function} [props.tooltipLoaded]
-   * @param {HTMLElement} [props.feelPopupContainer]
-   * @param {Object} [props.eventBus]
+  /**
+   * A basic properties panel component. Describes *how* content will be rendered, accepts
+   * data from implementor to describe *what* will be rendered.
+   *
+   * @param {Object} props
+   * @param {Object|Array} props.element
+   * @param {import('./components/Header').HeaderProvider} props.headerProvider
+   * @param {PlaceholderProvider} [props.placeholderProvider]
+   * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
+   * @param {Object} [props.layoutConfig]
+   * @param {Function} [props.layoutChanged]
+   * @param {DescriptionConfig} [props.descriptionConfig]
+   * @param {Function} [props.descriptionLoaded]
+   * @param {TooltipConfig} [props.tooltipConfig]
+   * @param {Function} [props.tooltipLoaded]
+   * @param {HTMLElement} [props.feelPopupContainer]
+   * @param {Object} [props.eventBus]
    */
   function PropertiesPanel(props) {
     const {
@@ -100069,11 +100088,11 @@
 
   // hooks //////////////////
 
-  /**
-   * This hook behaves like useLayoutEffect, but does not trigger on the first render.
-   *
-   * @param {Function} effect
-   * @param {Array} deps
+  /**
+   * This hook behaves like useLayoutEffect, but does not trigger on the first render.
+   *
+   * @param {Function} effect
+   * @param {Array} deps
    */
   function useUpdateLayoutEffect(effect, deps) {
     const isMounted = _(false);
@@ -100140,18 +100159,18 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string|import('preact').Component} props.tooltip
-   * @param {boolean} [props.disabled]
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
+   * @param {boolean} [props.disabled]
    */
   function CheckboxEntry(props) {
     const {
@@ -100272,20 +100291,20 @@
     });
   }
 
-  /**
-   * @param {object} props
-   * @param {object} props.element
-   * @param {string} props.id
-   * @param {string} [props.description]
-   * @param {string} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {Function} props.getOptions
-   * @param {boolean} [props.disabled]
-   * @param {Function} [props.validate]
-   * @param {string|import('preact').Component} props.tooltip
+  /**
+   * @param {object} props
+   * @param {object} props.element
+   * @param {string} props.id
+   * @param {string} [props.description]
+   * @param {string} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {Function} props.getOptions
+   * @param {boolean} [props.disabled]
+   * @param {Function} [props.validate]
+   * @param {string|import('preact').Component} props.tooltip
    */
   function SelectEntry(props) {
     const {
@@ -100373,7 +100392,7 @@
       monospace,
       onFocus,
       onBlur,
-      autoResize,
+      autoResize = true,
       placeholder,
       rows = autoResize ? 1 : 2,
       tooltip
@@ -100430,21 +100449,21 @@
     });
   }
 
-  /**
-   * @param {object} props
-   * @param {object} props.element
-   * @param {string} props.id
-   * @param {string} props.description
-   * @param {boolean} props.debounce
-   * @param {string} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {number} props.rows
-   * @param {boolean} props.monospace
-   * @param {Function} [props.validate]
-   * @param {boolean} [props.disabled]
+  /**
+   * @param {object} props
+   * @param {object} props.element
+   * @param {string} props.id
+   * @param {string} props.description
+   * @param {boolean} props.debounce
+   * @param {string} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {number} props.rows
+   * @param {boolean} props.monospace
+   * @param {Function} [props.validate]
+   * @param {boolean} [props.disabled]
    */
   function TextAreaEntry(props) {
     const {
@@ -100578,20 +100597,20 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string|import('preact').Component} props.tooltip
-   * @param {Function} props.validate
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
+   * @param {Function} props.validate
    */
   function TextfieldEntry(props) {
     const {
@@ -100684,20 +100703,20 @@
       this._eventBus = eventBus;
     }
 
-    /**
-     * Check if the FEEL popup is open.
-     * @return {Boolean}
+    /**
+     * Check if the FEEL popup is open.
+     * @return {Boolean}
      */
     isOpen() {
       return this._eventBus.fire('feelPopup._isOpen');
     }
 
-    /**
-     * Open the FEEL popup.
-     *
-     * @param {String} entryId
-     * @param {Object} popupConfig
-     * @param {HTMLElement} sourceElement
+    /**
+     * Open the FEEL popup.
+     *
+     * @param {String} entryId
+     * @param {Object} popupConfig
+     * @param {HTMLElement} sourceElement
      */
     open(entryId, popupConfig, sourceElement) {
       return this._eventBus.fire('feelPopup._open', {
@@ -100707,8 +100726,8 @@
       });
     }
 
-    /**
-     * Close the FEEL popup.
+    /**
+     * Close the FEEL popup.
      */
     close() {
       return this._eventBus.fire('feelPopup._close');
@@ -104505,8 +104524,8 @@
     });
     const selectedElement = state.selectedElement;
 
-    /**
-     * @param {djs.model.Base | Array<djs.model.Base>} element
+    /**
+     * @param {djs.model.Base | Array<djs.model.Base>} element
      */
     const _update = element => {
       if (!element) {
@@ -104691,10 +104710,10 @@
 
   const DEFAULT_PRIORITY = 1000;
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').GroupDefinition } GroupDefinition
-   * @typedef { import('@bpmn-io/properties-panel').ListGroupDefinition } ListGroupDefinition
-   * @typedef { { getGroups: (ModdleElement) => (Array{GroupDefinition|ListGroupDefinition}) => Array{GroupDefinition|ListGroupDefinition}) } PropertiesProvider
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').GroupDefinition } GroupDefinition
+   * @typedef { import('@bpmn-io/properties-panel').ListGroupDefinition } ListGroupDefinition
+   * @typedef { { getGroups: (ModdleElement) => (Array{GroupDefinition|ListGroupDefinition}) => Array{GroupDefinition|ListGroupDefinition}) } PropertiesProvider
    */
 
   class BpmnPropertiesPanelRenderer {
@@ -104731,10 +104750,10 @@
       });
     }
 
-    /**
-     * Attach the properties panel to a parent node.
-     *
-     * @param {HTMLElement} container
+    /**
+     * Attach the properties panel to a parent node.
+     *
+     * @param {HTMLElement} container
      */
     attachTo(container) {
       if (!container) {
@@ -104759,8 +104778,8 @@
       this._eventBus.fire('propertiesPanel.attach');
     }
 
-    /**
-     * Detach the properties panel from its parent node.
+    /**
+     * Detach the properties panel from its parent node.
      */
     detach() {
       const parentNode = this._container.parentNode;
@@ -104770,11 +104789,11 @@
       }
     }
 
-    /**
-     * Register a new properties provider to the properties panel.
-     *
-     * @param {Number} [priority]
-     * @param {PropertiesProvider} provider
+    /**
+     * Register a new properties provider to the properties panel.
+     *
+     * @param {Number} [priority]
+     * @param {PropertiesProvider} provider
      */
     registerProvider(priority, provider) {
       if (!provider) {
@@ -104791,9 +104810,9 @@
       this._eventBus.fire('propertiesPanel.providersChanged');
     }
 
-    /**
-     * Updates the layout of the properties panel.
-     * @param {Object} layout
+    /**
+     * Updates the layout of the properties panel.
+     * @param {Object} layout
      */
     setLayout(layout) {
       this._eventBus.fire('propertiesPanel.setLayout', {
@@ -104843,12 +104862,12 @@
     return element && (element.isImplicit || element.id === '__implicitroot');
   }
 
-  /**
-   * Setup keyboard bindings (undo, redo) on the given container.
-   *
-   * @param {Element} container
-   * @param {EventBus} eventBus
-   * @param {CommandStack} commandStack
+  /**
+   * Setup keyboard bindings (undo, redo) on the given container.
+   *
+   * @param {Element} container
+   * @param {EventBus} eventBus
+   * @param {CommandStack} commandStack
    */
   function setupKeyboard(container, eventBus, commandStack) {
     function cancel(event) {
@@ -104873,14 +104892,14 @@
     });
   }
 
-  /**
-   * A handler that combines and executes multiple commands.
-   *
-   * All updates are bundled on the command stack and executed in one step.
-   * This also makes it possible to revert the changes in one step.
-   *
-   * Example use case: remove the camunda:formKey attribute and in addition
-   * add all form fields needed for the camunda:formData property.
+  /**
+   * A handler that combines and executes multiple commands.
+   *
+   * All updates are bundled on the command stack and executed in one step.
+   * This also makes it possible to revert the changes in one step.
+   *
+   * Example use case: remove the camunda:formKey attribute and in addition
+   * add all form fields needed for the camunda:formData property.
    */
   class MultiCommandHandler {
     constructor(commandStack) {
@@ -105007,12 +105026,12 @@
     return compensateEventDefinition && compensateEventDefinition.get('activityRef');
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function CompensationProps(props) {
     const {
@@ -105122,12 +105141,12 @@
     return getFlowElements(element, 'bpmn:BoundaryEvent');
   }
 
-  /**
-   * Checks whether an Activity is attaching a CompensateEvent of the parent container.
-   *
-   * @param {ModdleElement} activity
-   * @param {Array<ModdleElement>} boundaryEvents
-   * @returns {Boolean}
+  /**
+   * Checks whether an Activity is attaching a CompensateEvent of the parent container.
+   *
+   * @param {ModdleElement} activity
+   * @param {Array<ModdleElement>} boundaryEvents
+   * @returns {Boolean}
    */
   function hasCompensationEventAttached(activity, boundaryEvents) {
     const {
@@ -105142,15 +105161,15 @@
     });
   }
 
-  /**
-   * Checks whether an Activity can be compensated. That's the case when it is
-   * a) a CallActivity
-   * b) a SubProcess, when it is not event based and not a compensation
-   * c) any other Activity, when it is attaching a CompensateEvent of the parent container
-   *
-   * @param {ModdleElement} activity
-   * @param {Array<ModdleElement>} boundaryEvents
-   * @returns {Boolean}
+  /**
+   * Checks whether an Activity can be compensated. That's the case when it is
+   * a) a CallActivity
+   * b) a SubProcess, when it is not event based and not a compensation
+   * c) any other Activity, when it is attaching a CompensateEvent of the parent container
+   *
+   * @param {ModdleElement} activity
+   * @param {Array<ModdleElement>} boundaryEvents
+   * @returns {Boolean}
    */
   function canBeCompensated(activity, boundaryEvents) {
     return is$5(activity, 'bpmn:CallActivity') || is$5(activity, 'bpmn:SubProcess') && !activity.triggeredByEvent && !activity.isForCompensation || hasCompensationEventAttached(activity, boundaryEvents);
@@ -105163,11 +105182,11 @@
     });
   }
 
-  /**
-   * Retrieves all possible activities to reference for a Compensation.
-   *
-   * @param {djs.model.Base} element
-   * @returns {Array<ModdleElement>}
+  /**
+   * Retrieves all possible activities to reference for a Compensation.
+   *
+   * @param {djs.model.Base} element
+   * @returns {Array<ModdleElement>}
    */
   function findActivityRefs(element) {
     const businessObject = getBusinessObject$1(element);
@@ -105187,13 +105206,13 @@
     return activities;
   }
 
-  /**
-   * Retrieves an option label in the form
-   * a) with name: "my Task (id=Task_1)"
-   * b) without name: "(id=Task_1)"
-   *
-   * @param {ModdleElement} activity
-   * @returns {String}
+  /**
+   * Retrieves an option label in the form
+   * a) with name: "my Task (id=Task_1)"
+   * b) without name: "(id=Task_1)"
+   *
+   * @param {ModdleElement} activity
+   * @returns {String}
    */
   function createOptionLabel(activity) {
     const {
@@ -105208,12 +105227,12 @@
 
   const DOCUMENTATION_TEXT_FORMAT = 'text/plain';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function DocumentationProps(props) {
     const {
@@ -105284,12 +105303,12 @@
     });
   }
 
-  /**
-   * Retrieves a documentation element from a given moddle element.
-   *
-   * @param {ModdleElement} businessObject
-   *
-   * @returns {ModdleElement} documentation element inside the given moddle element.
+  /**
+   * Retrieves a documentation element from a given moddle element.
+   *
+   * @param {ModdleElement} businessObject
+   *
+   * @returns {ModdleElement} documentation element inside the given moddle element.
    */
   function getDocumentation(businessObject) {
     return function () {
@@ -105298,10 +105317,10 @@
     };
   }
 
-  /**
-   * Sets a documentation element for a given moddle element.
-   *
-   * @param {ModdleElement} businessObject
+  /**
+   * Sets a documentation element for a given moddle element.
+   *
+   * @param {ModdleElement} businessObject
    */
   function setDocumentation(element, businessObject, bpmnFactory, commandStack) {
     return function (value) {
@@ -105344,15 +105363,15 @@
     };
   }
 
-  /**
-   * Create a new element and (optionally) set its parent.
-   *
-   * @param {string} type
-   * @param {Object} properties
-   * @param {import('bpmn-js/lib/model/Types').ModdleElement} parent
-   * @param {import('bpmn-js/lib/features/modeling/BpmnFactory').default} bpmnFactory
-   *
-   * @returns {import('bpmn-js/lib/model/Types').ModdleElement}
+  /**
+   * Create a new element and (optionally) set its parent.
+   *
+   * @param {string} type
+   * @param {Object} properties
+   * @param {import('bpmn-js/lib/model/Types').ModdleElement} parent
+   * @param {import('bpmn-js/lib/features/modeling/BpmnFactory').default} bpmnFactory
+   *
+   * @returns {import('bpmn-js/lib/model/Types').ModdleElement}
    */
   function createElement(type, properties, parent, bpmnFactory) {
     const element = bpmnFactory.create(type, properties);
@@ -105362,8 +105381,8 @@
     return element;
   }
 
-  /**
-   * generate a semantic id with given prefix
+  /**
+   * generate a semantic id with given prefix
    */
   function nextId(prefix) {
     const ids = new Ids$1([32, 32, 1]);
@@ -105392,12 +105411,12 @@
   const EMPTY_OPTION$4 = '';
   const CREATE_NEW_OPTION$4 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ErrorProps$2(props) {
     const {
@@ -105573,12 +105592,12 @@
 
   const CREATE_NEW_OPTION$3 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function EscalationProps$2(props) {
     const {
@@ -105751,12 +105770,12 @@
     return sortBy$1(elements, e => (e.name || '').toLowerCase());
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ExecutableProps(props) {
     const {
@@ -105827,14 +105846,14 @@
   // for ID validation as per BPMN Schema (QName - Namespace)
   const ID_REGEX = /^[a-z_][\w-.]*$/i;
 
-  /**
-   * checks whether the id value is valid
-   *
-   * @param {ModdleElement} element
-   * @param {String} idValue
-   * @param {Function} translate
-   *
-   * @return {String} error message
+  /**
+   * checks whether the id value is valid
+   *
+   * @param {ModdleElement} element
+   * @param {String} idValue
+   * @param {Function} translate
+   *
+   * @return {String} error message
    */
   function isIdValid(element, idValue, translate) {
     const assigned = element.$model.ids.assigned(idValue);
@@ -105862,12 +105881,12 @@
     return SPACE_REGEX.test(value);
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function IdProps$1() {
     return [{
@@ -105909,12 +105928,12 @@
     });
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function LinkProps(props) {
     const {
@@ -105962,12 +105981,12 @@
   const EMPTY_OPTION$3 = '';
   const CREATE_NEW_OPTION$2 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function MessageProps$1(props) {
     const {
@@ -106110,12 +106129,12 @@
     return sortBy$1(elements, e => (e.name || '').toLowerCase());
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function MultiInstanceProps$2(props) {
     const {
@@ -106186,59 +106205,59 @@
 
   // generic ///////////////////////////
 
-  /**
-   * isMultiInstanceSupported - check whether given element supports MultiInstanceLoopCharacteristics.
-   *
-   * @param {djs.model.Base} element
-   * @return {boolean}
+  /**
+   * isMultiInstanceSupported - check whether given element supports MultiInstanceLoopCharacteristics.
+   *
+   * @param {djs.model.Base} element
+   * @return {boolean}
    */
   function isMultiInstanceSupported$1(element) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
     return !!loopCharacteristics && is$5(loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics');
   }
 
-  /**
-   * getBody - get the body of a given expression.
-   *
-   * @param {ModdleElement<bpmn:FormalExpression>} expression
-   * @return {string} the body (value) of the expression
+  /**
+   * getBody - get the body of a given expression.
+   *
+   * @param {ModdleElement<bpmn:FormalExpression>} expression
+   * @return {string} the body (value) of the expression
    */
   function getBody(expression) {
     return expression && expression.get('body');
   }
 
-  /**
-   * getProperty - get a property value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   * @param {string} propertyName
-   *
-   * @return {any} the property value
+  /**
+   * getProperty - get a property value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   * @param {string} propertyName
+   *
+   * @return {any} the property value
    */
   function getProperty$2(element, propertyName) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
     return loopCharacteristics && loopCharacteristics.get(propertyName);
   }
 
-  /**
-   * getLoopCharacteristics - get loopCharacteristics of a given element.
-   *
-   * @param {djs.model.Base} element
-   * @return {ModdleElement<bpmn:MultiInstanceLoopCharacteristics> | undefined}
+  /**
+   * getLoopCharacteristics - get loopCharacteristics of a given element.
+   *
+   * @param {djs.model.Base} element
+   * @return {ModdleElement<bpmn:MultiInstanceLoopCharacteristics> | undefined}
    */
   function getLoopCharacteristics$2(element) {
     const bo = getBusinessObject$1(element);
     return bo.loopCharacteristics;
   }
 
-  /**
-   * createFormalExpression - creates a 'bpmn:FormalExpression' element.
-   *
-   * @param {ModdleElement} parent
-   * @param {string} body
-   * @param {BpmnFactory} bpmnFactory
-   *
-   * @result {ModdleElement<bpmn:FormalExpression>} a formal expression
+  /**
+   * createFormalExpression - creates a 'bpmn:FormalExpression' element.
+   *
+   * @param {ModdleElement} parent
+   * @param {string} body
+   * @param {BpmnFactory} bpmnFactory
+   *
+   * @result {ModdleElement<bpmn:FormalExpression>} a formal expression
    */
   function createFormalExpression$1(parent, body, bpmnFactory) {
     return createElement('bpmn:FormalExpression', {
@@ -106246,13 +106265,13 @@
     }, parent, bpmnFactory);
   }
 
-  /**
-   * updateFormalExpression - updates a specific formal expression of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   * @param {string} propertyName
-   * @param {string} newValue
-   * @param {BpmnFactory} bpmnFactory
+  /**
+   * updateFormalExpression - updates a specific formal expression of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   * @param {string} propertyName
+   * @param {string} newValue
+   * @param {BpmnFactory} bpmnFactory
    */
   function updateFormalExpression(element, propertyName, newValue, bpmnFactory) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
@@ -106289,23 +106308,23 @@
 
   // loopCardinality
 
-  /**
-   * getLoopCardinality - get the loop cardinality of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the loop cardinality
+  /**
+   * getLoopCardinality - get the loop cardinality of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the loop cardinality
    */
   function getLoopCardinality(element) {
     return getProperty$2(element, 'loopCardinality');
   }
 
-  /**
-   * getLoopCardinalityValue - get the loop cardinality value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the loop cardinality value
+  /**
+   * getLoopCardinalityValue - get the loop cardinality value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the loop cardinality value
    */
   function getLoopCardinalityValue(element) {
     const loopCardinality = getLoopCardinality(element);
@@ -106314,35 +106333,35 @@
 
   // completionCondition /////////////////////
 
-  /**
-   * getCompletionCondition - get the completion condition of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the completion condition
+  /**
+   * getCompletionCondition - get the completion condition of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the completion condition
    */
   function getCompletionCondition$1(element) {
     return getProperty$2(element, 'completionCondition');
   }
 
-  /**
-   * getCompletionConditionValue - get the completion condition value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the completion condition value
+  /**
+   * getCompletionConditionValue - get the completion condition value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the completion condition value
    */
   function getCompletionConditionValue(element) {
     const completionCondition = getCompletionCondition$1(element);
     return getBody(completionCondition);
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function NameProps(props) {
     const {
@@ -106446,12 +106465,12 @@
     return categoryValue;
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ProcessProps$1(props) {
     const {
@@ -106542,15 +106561,15 @@
     return is$5(element, 'bpmn:Participant') && element.businessObject.get('processRef');
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
   const EMPTY_OPTION$2 = '';
   const CREATE_NEW_OPTION$1 = 'create-new';
 
-  /**
-   * @returns {Entry[]}
+  /**
+   * @returns {Entry[]}
    */
   function SignalProps$1(props) {
     const {
@@ -106696,12 +106715,12 @@
     return isAny(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition(element);
   }
 
-  /**
-   * Get the timer definition type for a given timer event definition.
-   *
-   * @param {ModdleElement<bpmn:TimerEventDefinition>} timer
-   *
-   * @return {string|undefined} the timer definition type
+  /**
+   * Get the timer definition type for a given timer event definition.
+   *
+   * @param {ModdleElement<bpmn:TimerEventDefinition>} timer
+   *
+   * @return {string|undefined} the timer definition type
    */
   function getTimerDefinitionType(timer) {
     if (!timer) {
@@ -106771,12 +106790,12 @@
     return entries;
   }
 
-  /**
-   * TimerEventDefinitionType - Generic select entry allowing to select a specific
-   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
-   *
-   * @param  {type} props
-   * @return {SelectEntry}
+  /**
+   * TimerEventDefinitionType - Generic select entry allowing to select a specific
+   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
+   *
+   * @param  {type} props
+   * @return {SelectEntry}
    */
   function TimerEventDefinitionType$2(props) {
     const {
@@ -106844,13 +106863,13 @@
     });
   }
 
-  /**
-   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
-   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
-   * together with timerEventDefinitionType.
-   *
-   * @param  {type} props
-   * @return {TextFieldEntry}
+  /**
+   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
+   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
+   * together with timerEventDefinitionType.
+   *
+   * @param  {type} props
+   * @return {TextFieldEntry}
    */
   function TimerEventDefinitionValue$2(props) {
     const {
@@ -107135,54 +107154,54 @@
     bpmnPropertiesProvider: ['type', BpmnPropertiesProvider]
   };
 
-  /**
-   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
-   *
-   * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
-   */
-
-  /**
-   *
-   * @param {BaseViewerOptions} options
-   */
-  function Modeler(options = {}) {
-    Modeler$1.call(this, options);
-  }
-
-  e$5(Modeler, Modeler$1);
-
-  /**
-   * @param { {
-   *  disableAdjustOrigin?: boolean;
-   *  disableGrid?: boolean;
-   * } } [options]
-   *
-   * @returns {ModuleDeclaration[]}
-   */
-  Modeler.prototype.getModules = function(options = {}) {
-    const modules = Modeler$1.prototype.getModules.call(this, options);
-
-    return [
-      ...modules,
-      options.disableAdjustOrigin
-        ? diagramOriginModule
-        : alignToOriginModule,
-      options.disableGrid
-        ? {}
-        : index$4
-    ];
-  };
-
-  Modeler.prototype._extensionModules = [
-    index$5,
-    ExecutableFixModule,
-    index$3,
-    index$2
-  ];
-
-  Modeler.prototype._modules = [].concat(
-    Modeler$1.prototype._modules,
-    Modeler.prototype._extensionModules
+  /**
+   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
+   *
+   * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
+   */
+
+  /**
+   *
+   * @param {BaseViewerOptions} options
+   */
+  function Modeler(options = {}) {
+    Modeler$1.call(this, options);
+  }
+
+  e$5(Modeler, Modeler$1);
+
+  /**
+   * @param { {
+   *  disableAdjustOrigin?: boolean;
+   *  disableGrid?: boolean;
+   * } } [options]
+   *
+   * @returns {ModuleDeclaration[]}
+   */
+  Modeler.prototype.getModules = function(options = {}) {
+    const modules = Modeler$1.prototype.getModules.call(this, options);
+
+    return [
+      ...modules,
+      options.disableAdjustOrigin
+        ? diagramOriginModule
+        : alignToOriginModule,
+      options.disableGrid
+        ? {}
+        : index$4
+    ];
+  };
+
+  Modeler.prototype._extensionModules = [
+    index$5,
+    ExecutableFixModule,
+    index$3,
+    index$2
+  ];
+
+  Modeler.prototype._modules = [].concat(
+    Modeler$1.prototype._modules,
+    Modeler.prototype._extensionModules
   );
 
   return Modeler;