camunda-bpmn-js 4.16.0 → 4.18.0

package/dist/camunda-platform-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 position = this._getPosition(this._current.target);
+      var html = this._current.html;
 
-    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';
-        }
-      });
-    }
+      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';
+          }
+        });
+      }
+    };
+
+    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$1(element).isHorizontal) {
+          getDi$1(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$6(bo, 'bpmn:Participant')) {
+      var isHorizontalPool = di.isHorizontal === undefined || di.isHorizontal === true;
       if (isExpanded$1(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 };
       }
     }
 
@@ -98097,19 +98116,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({
@@ -98128,20 +98147,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 {
@@ -98294,20 +98313,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 {
@@ -98329,11 +98348,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);
@@ -98365,24 +98384,24 @@
 
   const KEY_LENGTH = 6;
 
-  /**
-   * Create a persistent key factory for plain objects without id.
-   *
-   * @example
-   * ```jsx
-   * function List({ objects }) {
-   *   const getKey = useKeyFactory();
-   *   return (<ol>{
-   *     objects.map(obj => {
-   *       const key = getKey(obj);
-   *       return <li key={key}>obj.name</li>
-   *     })
-   *   }</ol>);
-   * }
-   * ```
-   *
-   * @param {any[]} dependencies
-   * @returns {(element: object) => string}
+  /**
+   * Create a persistent key factory for plain objects without id.
+   *
+   * @example
+   * ```jsx
+   * function List({ objects }) {
+   *   const getKey = useKeyFactory();
+   *   return (<ol>{
+   *     objects.map(obj => {
+   *       const key = getKey(obj);
+   *       return <li key={key}>obj.name</li>
+   *     })
+   *   }</ol>);
+   * }
+   * ```
+   *
+   * @param {any[]} dependencies
+   * @returns {(element: object) => string}
    */
   function useKeyFactory(dependencies = []) {
     const map = F$1(() => new Map(), dependencies);
@@ -98397,20 +98416,20 @@
     return getKey;
   }
 
-  /**
-   * 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 {
@@ -98424,11 +98443,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) {
@@ -98439,12 +98458,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 {
@@ -98475,20 +98494,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$1(scrollContainerSelector));
@@ -98542,19 +98561,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);
@@ -98697,13 +98716,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 {
@@ -98742,9 +98761,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);
@@ -98845,9 +98864,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);
@@ -98896,10 +98915,10 @@
     p$1(() => {
       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) {
@@ -98981,22 +99000,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;
@@ -99051,23 +99070,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 {
@@ -99286,12 +99305,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 {
@@ -99514,11 +99533,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);
@@ -99596,19 +99615,19 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {String} props.label
-   * @param {String} props.switcherLabel
-   * @param {Boolean} props.inline
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @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 {String} props.switcherLabel
+   * @param {Boolean} props.inline
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
    */
   function ToggleSwitchEntry(props) {
     const {
@@ -99934,84 +99953,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 {
@@ -100182,11 +100201,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);
@@ -100261,15 +100280,15 @@
     });
   }
 
-  /**
-   *
-   * @param {Array<null | Element>} ignoredElements
-   * @param {Function} callback
+  /**
+   *
+   * @param {Array<null | Element>} ignoredElements
+   * @param {Function} callback
    */
   function useGlobalClick(ignoredElements, callback) {
     p$1(() => {
-      /**
-       * @param {MouseEvent} event
+      /**
+       * @param {MouseEvent} event
        */
       function listener(event) {
         if (ignoredElements.some(element => element && element.contains(event.target))) {
@@ -100302,20 +100321,20 @@
     });
   }
 
-  /**
-   * @typedef { {
-   *   [key: string]: string;
-   * } } TranslateReplacements
+  /**
+   * @typedef { {
+   *   [key: string]: string;
+   * } } TranslateReplacements
    */
 
-  /**
-   * A simple translation stub to be used for multi-language support.
-   * Can be easily replaced with a more sophisticated solution.
-   *
-   * @param {string} template to interpolate
-   * @param {TranslateReplacements} [replacements] a map with substitutes
-   *
-   * @return {string} the translated string
+  /**
+   * A simple translation stub to be used for multi-language support.
+   * Can be easily replaced with a more sophisticated solution.
+   *
+   * @param {string} template to interpolate
+   * @param {TranslateReplacements} [replacements] a map with substitutes
+   *
+   * @return {string} the translated string
    */
   function translateFallback(template, replacements) {
     replacements = replacements || {};
@@ -100427,8 +100446,8 @@
 
   const noop$1 = () => {};
 
-  /**
-   * @param {import('../PropertiesPanel').ListGroupDefinition} props
+  /**
+   * @param {import('../PropertiesPanel').ListGroupDefinition} props
    */
   function ListGroup(props) {
     const {
@@ -100620,18 +100639,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 {
@@ -100705,8 +100724,8 @@
       }
     }, [open, hasItems]);
 
-    /**
-     * @param {MouseEvent} event
+    /**
+     * @param {MouseEvent} event
      */
     function addItem(event) {
       event.stopPropagation();
@@ -100898,20 +100917,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 {
@@ -101050,7 +101069,7 @@
       monospace,
       onFocus,
       onBlur,
-      autoResize,
+      autoResize = true,
       placeholder,
       rows = autoResize ? 1 : 2,
       tooltip
@@ -101107,21 +101126,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 {
@@ -101255,20 +101274,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 {
@@ -101361,20 +101380,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', {
@@ -101384,8 +101403,8 @@
       });
     }
 
-    /**
-     * Close the FEEL popup.
+    /**
+     * Close the FEEL popup.
      */
     close() {
       return this._eventBus.fire('feelPopup._close');
@@ -105193,8 +105212,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) {
@@ -105379,10 +105398,10 @@
 
   const DEFAULT_PRIORITY$1 = 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 {
@@ -105419,10 +105438,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) {
@@ -105447,8 +105466,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;
@@ -105458,11 +105477,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) {
@@ -105479,9 +105498,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', {
@@ -105531,12 +105550,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) {
@@ -105561,14 +105580,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.
    */
   let MultiCommandHandler$1 = class MultiCommandHandler {
     constructor(commandStack) {
@@ -105698,12 +105717,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 {
@@ -105813,12 +105832,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 {
@@ -105833,15 +105852,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$6(activity, 'bpmn:CallActivity') || is$6(activity, 'bpmn:SubProcess') && !activity.triggeredByEvent && !activity.isForCompensation || hasCompensationEventAttached(activity, boundaryEvents);
@@ -105854,11 +105873,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$2(element);
@@ -105878,13 +105897,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 {
@@ -105899,12 +105918,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 {
@@ -105975,12 +105994,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 () {
@@ -105989,10 +106008,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) {
@@ -106035,15 +106054,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$1(type, properties, parent, bpmnFactory) {
     const element = bpmnFactory.create(type, properties);
@@ -106053,8 +106072,8 @@
     return element;
   }
 
-  /**
-   * generate a semantic id with given prefix
+  /**
+   * generate a semantic id with given prefix
    */
   function nextId$1(prefix) {
     const ids = new Ids$1([32, 32, 1]);
@@ -106083,12 +106102,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 {
@@ -106264,12 +106283,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 {
@@ -106442,12 +106461,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 {
@@ -106518,14 +106537,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);
@@ -106553,12 +106572,12 @@
     return SPACE_REGEX$1.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 [{
@@ -106600,12 +106619,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 {
@@ -106653,12 +106672,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 {
@@ -106801,12 +106820,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 {
@@ -106877,59 +106896,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$6(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$2(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$1('bpmn:FormalExpression', {
@@ -106937,13 +106956,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);
@@ -106980,23 +106999,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);
@@ -107005,35 +107024,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 {
@@ -107137,12 +107156,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 {
@@ -107233,15 +107252,15 @@
     return is$6(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 {
@@ -107387,12 +107406,12 @@
     return isAny$1(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition$2(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) {
@@ -107462,12 +107481,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 {
@@ -107535,13 +107554,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 {
@@ -107826,12 +107845,12 @@
     bpmnPropertiesProvider: ['type', BpmnPropertiesProvider]
   };
 
-  /**
-   * Get extension elements of business object. Optionally filter by type.
-   *
-   * @param {ModdleElement} businessObject
-   * @param {string} [type=undefined]
-   * @returns {Array<ModdleElement>}
+  /**
+   * Get extension elements of business object. Optionally filter by type.
+   *
+   * @param {ModdleElement} businessObject
+   * @param {string} [type=undefined]
+   * @returns {Array<ModdleElement>}
    */
   function getExtensionElementsList$1(businessObject, type = undefined) {
     const extensionElements = businessObject.get('extensionElements');
@@ -107848,13 +107867,13 @@
     return values;
   }
 
-  /**
-   * Add one or more extension elements. Create bpmn:ExtensionElements if it doesn't exist.
-   *
-   * @param {ModdleElement} element
-   * @param {ModdleElement} businessObject
-   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToAdd
-   * @param {CommandStack} commandStack
+  /**
+   * Add one or more extension elements. Create bpmn:ExtensionElements if it doesn't exist.
+   *
+   * @param {ModdleElement} element
+   * @param {ModdleElement} businessObject
+   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToAdd
+   * @param {CommandStack} commandStack
    */
   function addExtensionElements(element, businessObject, extensionElementToAdd, bpmnFactory, commandStack) {
     const commands = [];
@@ -107892,13 +107911,13 @@
     commandStack.execute('properties-panel.multi-command-executor', commands);
   }
 
-  /**
-   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
-   *
-   * @param {ModdleElement} element
-   * @param {ModdleElement} businessObject
-   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
-   * @param {CommandStack} commandStack
+  /**
+   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
+   *
+   * @param {ModdleElement} element
+   * @param {ModdleElement} businessObject
+   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
+   * @param {CommandStack} commandStack
    */
   function removeExtensionElements$1(element, businessObject, extensionElementsToRemove, commandStack) {
     if (!isArray$5(extensionElementsToRemove)) {
@@ -108291,37 +108310,37 @@
 
   // helper //////////////////
 
-  /**
-   * Returns true if the attribute 'camunda:asyncBefore' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:asyncBefore' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isAsyncBefore$2(bo) {
     return !!(bo.get('camunda:asyncBefore') || bo.get('camunda:async'));
   }
 
-  /**
-   * Returns true if the attribute 'camunda:asyncAfter' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:asyncAfter' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isAsyncAfter$2(bo) {
     return !!bo.get('camunda:asyncAfter');
   }
 
-  /**
-   * Returns true if the attribute 'camunda:exclusive' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:exclusive' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isExclusive$1(bo) {
     return !!bo.get('camunda:exclusive');
@@ -109137,12 +109156,12 @@
 
   // helper //////////////////
 
-  /**
-   * getProcess - get the businessObject of the process referred to by a bpmn:Process
-   * or by a bpmn:Participant
-   *
-   * @param  {ModdleElement} element either a bpmn:Process or a bpmn:Participant
-   * @return {BusinessObject}
+  /**
+   * getProcess - get the businessObject of the process referred to by a bpmn:Process
+   * or by a bpmn:Participant
+   *
+   * @param  {ModdleElement} element either a bpmn:Process or a bpmn:Participant
+   * @return {BusinessObject}
    */
   function getProcess$3(element) {
     return is$6(element, 'bpmn:Process') ? getBusinessObject$2(element) : getBusinessObject$2(element).get('processRef');
@@ -109534,12 +109553,12 @@
     }
   }
 
-  /**
-   * getConditionExpression - get the body value of a condition expression for a given element
-   *
-   * @param  {ModdleElement} element
-   *
-   * @return {string|undefined}
+  /**
+   * getConditionExpression - get the body value of a condition expression for a given element
+   *
+   * @param  {ModdleElement} element
+   *
+   * @return {string|undefined}
    */
   function getConditionExpression(element) {
     const businessObject = getBusinessObject$2(element);
@@ -109585,8 +109604,8 @@
     return is$6(parent, 'bpmn:SubProcess') && parent.triggeredByEvent;
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/latest/user-guide/process-engine/scripting/
+  /**
+   * Cf. https://docs.camunda.org/manual/latest/user-guide/process-engine/scripting/
    */
   function ScriptProps(props) {
     const {
@@ -109814,12 +109833,12 @@
     return inputOutput && inputOutput.get(prop) || [];
   }
 
-  /**
-   * Get a camunda:inputOutput from the business object
-   *
-   * @param {djs.model.Base | ModdleElement} element
-   *
-   * @return {ModdleElement} the inputOutput object
+  /**
+   * Get a camunda:inputOutput from the business object
+   *
+   * @param {djs.model.Base | ModdleElement} element
+   *
+   * @return {ModdleElement} the inputOutput object
    */
   function getInputOutput$1(element) {
     if (is$6(element, 'camunda:Connector')) {
@@ -109829,25 +109848,25 @@
     return (getElements(businessObject, 'camunda:InputOutput') || [])[0];
   }
 
-  /**
-   * Return all input parameters existing in the business object, and
-   * an empty array if none exist.
-   *
-   * @param  {djs.model.Base} element
-   *
-   * @return {Array} a list of input parameter objects
+  /**
+   * Return all input parameters existing in the business object, and
+   * an empty array if none exist.
+   *
+   * @param  {djs.model.Base} element
+   *
+   * @return {Array} a list of input parameter objects
    */
   function getInputParameters$2(element) {
     return getParameters$1(element, 'inputParameters');
   }
 
-  /**
-   * Return all output parameters existing in the business object, and
-   * an empty array if none exist.
-   *
-   * @param  {djs.model.Base} element
-   *
-   * @return {Array} a list of output parameter objects
+  /**
+   * Return all output parameters existing in the business object, and
+   * an empty array if none exist.
+   *
+   * @param  {djs.model.Base} element
+   *
+   * @return {Array} a list of output parameter objects
    */
   function getOutputParameters$2(element) {
     return getParameters$1(element, 'outputParameters');
@@ -110423,47 +110442,47 @@
     return is$6(parameter, 'camunda:InputParameter');
   }
 
-  /**
-   * Check whether an element is camunda:ServiceTaskLike
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Check whether an element is camunda:ServiceTaskLike
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {boolean} a boolean value
    */
   function isServiceTaskLike(element) {
     return is$6(element, 'camunda:ServiceTaskLike');
   }
 
-  /**
-   * Returns 'true' if the given element is 'camunda:DmnCapable'
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns 'true' if the given element is 'camunda:DmnCapable'
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {boolean} a boolean value
    */
   function isDmnCapable(element) {
     return is$6(element, 'camunda:DmnCapable');
   }
 
-  /**
-   * Returns 'true' if the given element is 'camunda:ExternalCapable'
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns 'true' if the given element is 'camunda:ExternalCapable'
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {boolean} a boolean value
    */
   function isExternalCapable(element) {
     return is$6(element, 'camunda:ExternalCapable');
   }
 
-  /**
-   * getServiceTaskLikeBusinessObject - Get a 'camunda:ServiceTaskLike' business object.
-   *
-   * If the given element is not a 'camunda:ServiceTaskLike', then 'false'
-   * is returned.
-   *
-   * @param {djs.model.Base} element
-   * @return {ModdleElement} the 'camunda:ServiceTaskLike' business object
+  /**
+   * getServiceTaskLikeBusinessObject - Get a 'camunda:ServiceTaskLike' business object.
+   *
+   * If the given element is not a 'camunda:ServiceTaskLike', then 'false'
+   * is returned.
+   *
+   * @param {djs.model.Base} element
+   * @return {ModdleElement} the 'camunda:ServiceTaskLike' business object
    */
   function getServiceTaskLikeBusinessObject(element) {
     if (is$6(element, 'bpmn:IntermediateThrowEvent') || is$6(element, 'bpmn:EndEvent')) {
@@ -110479,22 +110498,22 @@
     return isServiceTaskLike(element) && getBusinessObject$2(element);
   }
 
-  /**
-   * Returns the implementation type of the given element.
-   *
-   * Possible implementation types are:
-   * - dmn
-   * - connector
-   * - external
-   * - class
-   * - expression
-   * - delegateExpression
-   * - script
-   * - or undefined, when no matching implementation type is found
-   *
-   * @param  {djs.model.Base} element
-   *
-   * @return {String} the implementation type
+  /**
+   * Returns the implementation type of the given element.
+   *
+   * Possible implementation types are:
+   * - dmn
+   * - connector
+   * - external
+   * - class
+   * - expression
+   * - delegateExpression
+   * - script
+   * - or undefined, when no matching implementation type is found
+   *
+   * @param  {djs.model.Base} element
+   *
+   * @return {String} the implementation type
    */
   function getImplementationType(element) {
     const businessObject = getListenerBusinessObject(element) || getServiceTaskLikeBusinessObject(element);
@@ -111202,12 +111221,12 @@
     return name;
   }
 
-  /**
-   * @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(props) {
     const {
@@ -111461,12 +111480,12 @@
 
   // helper ///////////////////
 
-  /**
-   * determineType - get the type of a fieldInjection based on the attributes
-   * set on it
-   *
-   * @param  {ModdleElement} field
-   * @return {('string'|'expression')}
+  /**
+   * determineType - get the type of a fieldInjection based on the attributes
+   * set on it
+   *
+   * @param  {ModdleElement} field
+   * @return {('string'|'expression')}
    */
   function determineType(field) {
     // string is the default type
@@ -113598,8 +113617,8 @@
     return is$6(element, 'camunda:Initiator') && !is$6(element.parent, 'bpmn:SubProcess');
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/7.15/reference/bpmn20/subprocesses/call-activity/#passing-variables
+  /**
+   * Cf. https://docs.camunda.org/manual/7.15/reference/bpmn20/subprocesses/call-activity/#passing-variables
    */
   function InMappingPropagationProps(props) {
     const {
@@ -113941,8 +113960,8 @@
     return inOutType;
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/custom-extensions/extension-elements/#in
+  /**
+   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/custom-extensions/extension-elements/#in
    */
   function InMappingProps({
     element,
@@ -114225,49 +114244,49 @@
 
   // helper //////////////////
 
-  /**
-   * @param  {ModdleElement} bo
-   * @return {boolean} a boolean value
+  /**
+   * @param  {ModdleElement} bo
+   * @return {boolean} a boolean value
    */
   function isAsyncBefore$1$1(bo) {
     return !!(bo.get('camunda:asyncBefore') || bo.get('camunda:async'));
   }
 
-  /**
-   * @param  {ModdleElement} bo
-   * @return {boolean}
+  /**
+   * @param  {ModdleElement} bo
+   * @return {boolean}
    */
   function isAsyncAfter$1$1(bo) {
     return !!bo.get('camunda:asyncAfter');
   }
 
-  /**
-   * isAsync - returns true if the attribute 'camunda:asyncAfter' or 'camunda:asyncBefore'
-   * is set to true.
-   *
-   * @param  {ModdleElement} bo
-   * @return {boolean}
+  /**
+   * isAsync - returns true if the attribute 'camunda:asyncAfter' or 'camunda:asyncBefore'
+   * is set to true.
+   *
+   * @param  {ModdleElement} bo
+   * @return {boolean}
    */
   function isAsync$1(bo) {
     return isAsyncAfter$1$1(bo) || isAsyncBefore$1$1(bo);
   }
 
-  /**
-   * isTimerEvent - returns true if the element is a bpmn:Event with a timerEventDefinition
-   *
-   * @param  {ModdleElement} element
-   * @return {boolean}
+  /**
+   * isTimerEvent - returns true if the element is a bpmn:Event with a timerEventDefinition
+   *
+   * @param  {ModdleElement} element
+   * @return {boolean}
    */
   function isTimerEvent(element) {
     return is$6(element, 'bpmn:Event') && getTimerEventDefinition$1(element);
   }
 
-  /**
-   * @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(props) {
     const {
@@ -114529,36 +114548,36 @@
 
   // generic ///////////////////////////
 
-  /**
-   * isMultiInstanceSupported - check whether given element supports camunda specific props
-   * for multiInstance (ref. <camunda:Cllectable>).
-   *
-   * @param {djs.model.Base} element
-   * @return {boolean}
+  /**
+   * isMultiInstanceSupported - check whether given element supports camunda specific props
+   * for multiInstance (ref. <camunda:Cllectable>).
+   *
+   * @param {djs.model.Base} element
+   * @return {boolean}
    */
   function isMultiInstanceSupported(element) {
     const loopCharacteristics = getLoopCharacteristics(element);
     return !!loopCharacteristics && is$6(loopCharacteristics, 'camunda:Collectable');
   }
 
-  /**
-   * 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(element, propertyName) {
     var loopCharacteristics = getLoopCharacteristics(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(element) {
     const bo = getBusinessObject$2(element);
@@ -114567,12 +114586,12 @@
 
   // collection
 
-  /**
-   * getCollection - get the 'camunda:collection' attribute value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the 'camunda:collection' value
+  /**
+   * getCollection - get the 'camunda:collection' attribute value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the 'camunda:collection' value
    */
   function getCollection(element) {
     return getProperty(element, 'camunda:collection');
@@ -114580,12 +114599,12 @@
 
   // elementVariable
 
-  /**
-   * getElementVariable - get the 'camunda:elementVariable' attribute value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the 'camunda:elementVariable' value
+  /**
+   * getElementVariable - get the 'camunda:elementVariable' attribute value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the 'camunda:elementVariable' value
    */
   function getElementVariable(element) {
     return getProperty(element, 'camunda:elementVariable');
@@ -114593,48 +114612,48 @@
 
   // asyncBefore asyncAfter
 
-  /**
-   * Returns true if the attribute 'camunda:asyncBefore' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:asyncBefore' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isAsyncBefore$3(bo) {
     return !!(bo.get('camunda:asyncBefore') || bo.get('camunda:async'));
   }
 
-  /**
-   * Returns true if the attribute 'camunda:asyncAfter' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:asyncAfter' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isAsyncAfter$3(bo) {
     return !!bo.get('camunda:asyncAfter');
   }
 
-  /**
-   * Returns true if the attribute 'camunda:exclusive' is set
-   * to true.
-   *
-   * @param  {ModdleElement} bo
-   *
-   * @return {boolean} a boolean value
+  /**
+   * Returns true if the attribute 'camunda:exclusive' is set
+   * to true.
+   *
+   * @param  {ModdleElement} bo
+   *
+   * @return {boolean} a boolean value
    */
   function isExclusive$2(bo) {
     return !!bo.get('camunda:exclusive');
   }
 
-  /**
-   * isAsync - returns true if the attribute 'camunda:asyncAfter' or 'camunda:asyncBefore'
-   * is set to true.
-   *
-   * @param  {ModdleElement} bo
-   * @return {boolean}
+  /**
+   * isAsync - returns true if the attribute 'camunda:asyncAfter' or 'camunda:asyncBefore'
+   * is set to true.
+   *
+   * @param  {ModdleElement} bo
+   * @return {boolean}
    */
   function isAsync(bo) {
     return isAsyncAfter$3(bo) || isAsyncBefore$3(bo);
@@ -114646,8 +114665,8 @@
     return node && !node.checked;
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/7.15/reference/bpmn20/subprocesses/call-activity/#passing-variables
+  /**
+   * Cf. https://docs.camunda.org/manual/7.15/reference/bpmn20/subprocesses/call-activity/#passing-variables
    */
   function OutMappingPropagationProps(props) {
     const {
@@ -114755,8 +114774,8 @@
     return !!mappings.length;
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/custom-extensions/extension-elements/#out
+  /**
+   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/custom-extensions/extension-elements/#out
    */
   function OutMappingProps({
     element,
@@ -114947,12 +114966,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(props) {
     const {
@@ -115020,13 +115039,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(props) {
     const {
@@ -115188,8 +115207,8 @@
     timeout: 'Timeout'
   };
 
-  /**
-   * Cf. https://docs.camunda.org/manual/latest/user-guide/process-engine/delegation-code/#execution-listener
+  /**
+   * Cf. https://docs.camunda.org/manual/latest/user-guide/process-engine/delegation-code/#execution-listener
    */
   function ExecutionListenerProps({
     element,
@@ -115601,11 +115620,11 @@
 
   // helper
 
-  /**
-   * Get a readable label for a listener.
-   *
-   * @param {ModdleElement} listener
-   * @param {string => string} [translate]
+  /**
+   * Get a readable label for a listener.
+   *
+   * @param {ModdleElement} listener
+   * @param {string => string} [translate]
    */
   function getListenerLabel(listener, translate = value => value) {
     const event = listener.get('event');
@@ -115952,8 +115971,8 @@
     return is$6(element, 'bpmn:Process') ? getBusinessObject$2(element) : getBusinessObject$2(element).get('processRef');
   }
 
-  /**
-   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/tasks/user-task/
+  /**
+   * Cf. https://docs.camunda.org/manual/latest/reference/bpmn20/tasks/user-task/
    */
   function UserAssignmentProps(props) {
     const {
@@ -116215,12 +116234,12 @@
     return is$6(element, 'bpmn:Process') ? getBusinessObject$2(element) : getBusinessObject$2(element).get('processRef');
   }
 
-  /**
-   * @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() {
     return [{
@@ -116264,12 +116283,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 ProcessProps(props) {
     const {
@@ -116332,30 +116351,30 @@
   const LOW_PRIORITY$4 = 500;
   const CAMUNDA_PLATFORM_GROUPS = [HistoryCleanupGroup, TasklistGroup, CandidateStarterGroup, ImplementationGroup, ExternalTaskGroup, ProcessVariablesGroup, ErrorsGroup, UserAssignmentGroup, FormGroup, FormDataGroup, TaskListenerGroup, StartInitiatorGroup, ScriptGroup, ConditionGroup, CallActivityGroup, AsynchronousContinuationsGroup, JobExecutionGroup, InMappingPropagationGroup, InMappingGroup, InputGroup, ConnectorInputGroup, OutMappingPropagationGroup, OutMappingGroup, OutputGroup, ConnectorOutputGroup, ExecutionListenerGroup, ExtensionPropertiesGroup, FieldInjectionGroup, BusinessKeyGroup];
 
-  /**
-   * Provides `camunda` namespace properties.
-   *
-   * @example
-   * ```javascript
-   * import BpmnModeler from 'bpmn-js/lib/Modeler';
-   * import {
-   *   BpmnPropertiesPanelModule,
-   *   BpmnPropertiesProviderModule,
-   *   CamundaPlatformPropertiesProviderModule
-   * } from 'bpmn-js-properties-panel';
-   *
-   * const modeler = new BpmnModeler({
-   *   container: '#canvas',
-   *   propertiesPanel: {
-   *     parent: '#properties'
-   *   },
-   *   additionalModules: [
-   *     BpmnPropertiesPanelModule,
-   *     BpmnPropertiesProviderModule,
-   *     CamundaPlatformPropertiesProviderModule
-   *   ]
-   * });
-   * ```
+  /**
+   * Provides `camunda` namespace properties.
+   *
+   * @example
+   * ```javascript
+   * import BpmnModeler from 'bpmn-js/lib/Modeler';
+   * import {
+   *   BpmnPropertiesPanelModule,
+   *   BpmnPropertiesProviderModule,
+   *   CamundaPlatformPropertiesProviderModule
+   * } from 'bpmn-js-properties-panel';
+   *
+   * const modeler = new BpmnModeler({
+   *   container: '#canvas',
+   *   propertiesPanel: {
+   *     parent: '#properties'
+   *   },
+   *   additionalModules: [
+   *     BpmnPropertiesPanelModule,
+   *     BpmnPropertiesProviderModule,
+   *     CamundaPlatformPropertiesProviderModule
+   *   ]
+   * });
+   * ```
    */
   class CamundaPlatformPropertiesProvider {
     constructor(propertiesPanel, injector) {
@@ -116388,8 +116407,8 @@
   }
   CamundaPlatformPropertiesProvider.$inject = ['propertiesPanel', 'injector'];
 
-  /**
-   * This ensures the <Implementation> group always locates after <Documentation>
+  /**
+   * This ensures the <Implementation> group always locates after <Documentation>
    */
   function moveImplementationGroup(groups) {
     const documentationGroupIdx = findGroupIndex(groups, 'documentation');
@@ -116962,54 +116981,54 @@
     }
   };
 
-  /**
-   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
-   *
-   * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
-   */
-
-  /**
-   *
-   * @param {BaseViewerOptions} options
-   */
-  function Modeler$1(options = {}) {
-    Modeler$2.call(this, options);
-  }
-
-  e$7(Modeler$1, Modeler$2);
-
-  /**
-   * @param { {
-   *  disableAdjustOrigin?: boolean;
-   *  disableGrid?: boolean;
-   * } } [options]
-   *
-   * @returns {ModuleDeclaration[]}
-   */
-  Modeler$1.prototype.getModules = function(options = {}) {
-    const modules = Modeler$2.prototype.getModules.call(this, options);
-
-    return [
-      ...modules,
-      options.disableAdjustOrigin
-        ? diagramOriginModule
-        : alignToOriginModule,
-      options.disableGrid
-        ? {}
-        : index$6
-    ];
-  };
-
-  Modeler$1.prototype._extensionModules = [
-    index$7,
-    ExecutableFixModule,
-    index$3,
-    index$2
-  ];
-
-  Modeler$1.prototype._modules = [].concat(
-    Modeler$2.prototype._modules,
-    Modeler$1.prototype._extensionModules
+  /**
+   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
+   *
+   * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
+   */
+
+  /**
+   *
+   * @param {BaseViewerOptions} options
+   */
+  function Modeler$1(options = {}) {
+    Modeler$2.call(this, options);
+  }
+
+  e$7(Modeler$1, Modeler$2);
+
+  /**
+   * @param { {
+   *  disableAdjustOrigin?: boolean;
+   *  disableGrid?: boolean;
+   * } } [options]
+   *
+   * @returns {ModuleDeclaration[]}
+   */
+  Modeler$1.prototype.getModules = function(options = {}) {
+    const modules = Modeler$2.prototype.getModules.call(this, options);
+
+    return [
+      ...modules,
+      options.disableAdjustOrigin
+        ? diagramOriginModule
+        : alignToOriginModule,
+      options.disableGrid
+        ? {}
+        : index$6
+    ];
+  };
+
+  Modeler$1.prototype._extensionModules = [
+    index$7,
+    ExecutableFixModule,
+    index$3,
+    index$2
+  ];
+
+  Modeler$1.prototype._modules = [].concat(
+    Modeler$2.prototype._modules,
+    Modeler$1.prototype._extensionModules
   );
 
   const WILDCARD = '*';
@@ -124273,6 +124292,9 @@
       if (notEmpty && isEmptyString(value)) {
         return translate('Must not be empty.');
       }
+      if (property.feel && isFeel(value)) {
+        return;
+      }
       if (maxLength && value.length > maxLength) {
         return translate('Must have max length {maxLength}.', {
           maxLength
@@ -124337,6 +124359,9 @@
   function findCustomGroup(groups, id) {
     return find$3(groups, g => g.id === id);
   }
+  function isFeel(value) {
+    return isString$1(value) && value.trim().startsWith('=');
+  }
 
   function ErrorProperties(props) {
     const {
@@ -129999,13 +130024,13 @@
   	emumerations: emumerations
   };
 
-  /**
-   * @type { {
-   *   camunda: any
-   * } }
-   */
-  const commonModdleExtensions = {
-    camunda: camundaModdle
+  /**
+   * @type { {
+   *   camunda: any
+   * } }
+   */
+  const commonModdleExtensions = {
+    camunda: camundaModdle
   };
 
   const colorImageSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor">
@@ -133617,45 +133642,45 @@
     removeTemplateReplaceProvider: [ 'type', RemoveTemplateReplaceProvider ]
   };
 
-  /**
-   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
-   */
-
-  /**
-   * @param {BaseViewerOptions} options
-   */
-  function Modeler(options = {}) {
-
-    options = {
-      ...options,
-      moddleExtensions: {
-        ...commonModdleExtensions,
-        ...options.moddleExtensions
-      },
-      propertiesPanel: {
-        tooltip: TooltipProvider,
-        ...options.propertiesPanel
-      }
-    };
-
-    Modeler$1.call(this, options);
-  }
-
-  e$7(Modeler, Modeler$1);
-
-  Modeler.prototype._camundaPlatformModules = [
-    behaviorsModule,
-    index$4,
-    index,
-    colorPickerModule,
-    index$1,
-    CamundaVariableResolverModule,
-    RemoveTemplatesModule
-  ];
-
-  Modeler.prototype._modules = [].concat(
-    Modeler$1.prototype._modules,
-    Modeler.prototype._camundaPlatformModules
+  /**
+   * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
+   */
+
+  /**
+   * @param {BaseViewerOptions} options
+   */
+  function Modeler(options = {}) {
+
+    options = {
+      ...options,
+      moddleExtensions: {
+        ...commonModdleExtensions,
+        ...options.moddleExtensions
+      },
+      propertiesPanel: {
+        tooltip: TooltipProvider,
+        ...options.propertiesPanel
+      }
+    };
+
+    Modeler$1.call(this, options);
+  }
+
+  e$7(Modeler, Modeler$1);
+
+  Modeler.prototype._camundaPlatformModules = [
+    behaviorsModule,
+    index$4,
+    index,
+    colorPickerModule,
+    index$1,
+    CamundaVariableResolverModule,
+    RemoveTemplatesModule
+  ];
+
+  Modeler.prototype._modules = [].concat(
+    Modeler$1.prototype._modules,
+    Modeler.prototype._camundaPlatformModules
   );
 
   return Modeler;