camunda-bpmn-js 4.16.0 → 4.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +88 -88
  3. package/dist/assets/base-modeler.css +5 -5
  4. package/dist/assets/base-navigated-viewer.css +1 -1
  5. package/dist/assets/base-viewer.css +1 -1
  6. package/dist/assets/camunda-cloud-modeler.css +2 -2
  7. package/dist/assets/camunda-platform-modeler.css +1 -1
  8. package/dist/assets/properties-panel.css +1505 -1505
  9. package/dist/base-modeler.development.js +353 -353
  10. package/dist/base-modeler.production.min.js +1 -1
  11. package/dist/camunda-cloud-modeler.development.js +548 -548
  12. package/dist/camunda-cloud-modeler.production.min.js +1 -1
  13. package/dist/camunda-cloud-navigated-viewer.development.js +40 -40
  14. package/dist/camunda-cloud-viewer.development.js +40 -40
  15. package/dist/camunda-platform-modeler.development.js +452 -452
  16. package/dist/camunda-platform-modeler.production.min.js +1 -1
  17. package/dist/camunda-platform-navigated-viewer.development.js +27 -27
  18. package/dist/camunda-platform-viewer.development.js +27 -27
  19. package/lib/base/Modeler.d.ts +20 -20
  20. package/lib/base/Modeler.js +65 -65
  21. package/lib/base/NavigatedViewer.d.ts +2 -2
  22. package/lib/base/NavigatedViewer.js +2 -2
  23. package/lib/base/Viewer.d.ts +2 -2
  24. package/lib/base/Viewer.js +2 -2
  25. package/lib/camunda-cloud/ElementTemplatesValidator.d.ts +1 -1
  26. package/lib/camunda-cloud/Modeler.d.ts +3 -3
  27. package/lib/camunda-cloud/Modeler.js +84 -84
  28. package/lib/camunda-cloud/NavigatedViewer.d.ts +9 -9
  29. package/lib/camunda-cloud/NavigatedViewer.js +36 -36
  30. package/lib/camunda-cloud/Viewer.d.ts +9 -9
  31. package/lib/camunda-cloud/Viewer.js +36 -36
  32. package/lib/camunda-cloud/util/commonModules.d.ts +9 -9
  33. package/lib/camunda-cloud/util/commonModules.js +15 -15
  34. package/lib/camunda-platform/Modeler.d.ts +3 -3
  35. package/lib/camunda-platform/Modeler.js +68 -68
  36. package/lib/camunda-platform/NavigatedViewer.d.ts +9 -9
  37. package/lib/camunda-platform/NavigatedViewer.js +27 -27
  38. package/lib/camunda-platform/Viewer.d.ts +9 -9
  39. package/lib/camunda-platform/Viewer.js +27 -27
  40. package/lib/camunda-platform/util/commonModules.d.ts +9 -9
  41. package/lib/camunda-platform/util/commonModules.js +11 -11
  42. package/lib/util/ExtensionElementsUtil.d.ts +24 -24
  43. package/lib/util/ExtensionElementsUtil.js +68 -68
  44. package/package.json +140 -140
  45. package/styles/base-modeler.css +5 -5
  46. package/styles/base-navigated-viewer.css +1 -1
  47. package/styles/base-viewer.css +1 -1
  48. package/styles/camunda-cloud-modeler.css +2 -2
  49. package/styles/camunda-platform-modeler.css +1 -1
@@ -98097,19 +98097,19 @@
98097
98097
  errors: {}
98098
98098
  });
98099
98099
 
98100
- /**
98101
- * @typedef {Function} <propertiesPanel.showEntry> callback
98102
- *
98103
- * @example
98104
- *
98105
- * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
98106
- * // ...
98107
- * });
98108
- *
98109
- * @param {Object} context
98110
- * @param {boolean} [context.focus]
98111
- *
98112
- * @returns void
98100
+ /**
98101
+ * @typedef {Function} <propertiesPanel.showEntry> callback
98102
+ *
98103
+ * @example
98104
+ *
98105
+ * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
98106
+ * // ...
98107
+ * });
98108
+ *
98109
+ * @param {Object} context
98110
+ * @param {boolean} [context.focus]
98111
+ *
98112
+ * @returns void
98113
98113
  */
98114
98114
 
98115
98115
  const EventContext = F$2({
@@ -98128,20 +98128,20 @@
98128
98128
  getTooltipForId: () => {}
98129
98129
  });
98130
98130
 
98131
- /**
98132
- * Accesses the global TooltipContext and returns a tooltip for a given id and element.
98133
- *
98134
- * @example
98135
- * ```jsx
98136
- * function TextField(props) {
98137
- * const tooltip = useTooltipContext('input1', element);
98138
- * }
98139
- * ```
98140
- *
98141
- * @param {string} id
98142
- * @param {object} element
98143
- *
98144
- * @returns {string}
98131
+ /**
98132
+ * Accesses the global TooltipContext and returns a tooltip for a given id and element.
98133
+ *
98134
+ * @example
98135
+ * ```jsx
98136
+ * function TextField(props) {
98137
+ * const tooltip = useTooltipContext('input1', element);
98138
+ * }
98139
+ * ```
98140
+ *
98141
+ * @param {string} id
98142
+ * @param {object} element
98143
+ *
98144
+ * @returns {string}
98145
98145
  */
98146
98146
  function useTooltipContext(id, element) {
98147
98147
  const {
@@ -98294,20 +98294,20 @@
98294
98294
  return `bio-properties-panel-${id}`;
98295
98295
  }
98296
98296
 
98297
- /**
98298
- * Accesses the global DescriptionContext and returns a description for a given id and element.
98299
- *
98300
- * @example
98301
- * ```jsx
98302
- * function TextField(props) {
98303
- * const description = useDescriptionContext('input1', element);
98304
- * }
98305
- * ```
98306
- *
98307
- * @param {string} id
98308
- * @param {object} element
98309
- *
98310
- * @returns {string}
98297
+ /**
98298
+ * Accesses the global DescriptionContext and returns a description for a given id and element.
98299
+ *
98300
+ * @example
98301
+ * ```jsx
98302
+ * function TextField(props) {
98303
+ * const description = useDescriptionContext('input1', element);
98304
+ * }
98305
+ * ```
98306
+ *
98307
+ * @param {string} id
98308
+ * @param {object} element
98309
+ *
98310
+ * @returns {string}
98311
98311
  */
98312
98312
  function useDescriptionContext(id, element) {
98313
98313
  const {
@@ -98329,11 +98329,11 @@
98329
98329
  return errors;
98330
98330
  }
98331
98331
 
98332
- /**
98333
- * Subscribe to an event immediately. Update subscription after inputs changed.
98334
- *
98335
- * @param {string} event
98336
- * @param {Function} callback
98332
+ /**
98333
+ * Subscribe to an event immediately. Update subscription after inputs changed.
98334
+ *
98335
+ * @param {string} event
98336
+ * @param {Function} callback
98337
98337
  */
98338
98338
  function useEvent(event, callback, eventBus) {
98339
98339
  const eventContext = q$1(EventContext);
@@ -98365,24 +98365,24 @@
98365
98365
 
98366
98366
  const KEY_LENGTH = 6;
98367
98367
 
98368
- /**
98369
- * Create a persistent key factory for plain objects without id.
98370
- *
98371
- * @example
98372
- * ```jsx
98373
- * function List({ objects }) {
98374
- * const getKey = useKeyFactory();
98375
- * return (<ol>{
98376
- * objects.map(obj => {
98377
- * const key = getKey(obj);
98378
- * return <li key={key}>obj.name</li>
98379
- * })
98380
- * }</ol>);
98381
- * }
98382
- * ```
98383
- *
98384
- * @param {any[]} dependencies
98385
- * @returns {(element: object) => string}
98368
+ /**
98369
+ * Create a persistent key factory for plain objects without id.
98370
+ *
98371
+ * @example
98372
+ * ```jsx
98373
+ * function List({ objects }) {
98374
+ * const getKey = useKeyFactory();
98375
+ * return (<ol>{
98376
+ * objects.map(obj => {
98377
+ * const key = getKey(obj);
98378
+ * return <li key={key}>obj.name</li>
98379
+ * })
98380
+ * }</ol>);
98381
+ * }
98382
+ * ```
98383
+ *
98384
+ * @param {any[]} dependencies
98385
+ * @returns {(element: object) => string}
98386
98386
  */
98387
98387
  function useKeyFactory(dependencies = []) {
98388
98388
  const map = F$1(() => new Map(), dependencies);
@@ -98397,20 +98397,20 @@
98397
98397
  return getKey;
98398
98398
  }
98399
98399
 
98400
- /**
98401
- * Creates a state that persists in the global LayoutContext.
98402
- *
98403
- * @example
98404
- * ```jsx
98405
- * function Group(props) {
98406
- * const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
98407
- * }
98408
- * ```
98409
- *
98410
- * @param {(string|number)[]} path
98411
- * @param {any} [defaultValue]
98412
- *
98413
- * @returns {[ any, Function ]}
98400
+ /**
98401
+ * Creates a state that persists in the global LayoutContext.
98402
+ *
98403
+ * @example
98404
+ * ```jsx
98405
+ * function Group(props) {
98406
+ * const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
98407
+ * }
98408
+ * ```
98409
+ *
98410
+ * @param {(string|number)[]} path
98411
+ * @param {any} [defaultValue]
98412
+ *
98413
+ * @returns {[ any, Function ]}
98414
98414
  */
98415
98415
  function useLayoutState(path, defaultValue) {
98416
98416
  const {
@@ -98424,11 +98424,11 @@
98424
98424
  return [layoutForKey, setState];
98425
98425
  }
98426
98426
 
98427
- /**
98428
- * @pinussilvestrus: we need to introduce our own hook to persist the previous
98429
- * state on updates.
98430
- *
98431
- * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
98427
+ /**
98428
+ * @pinussilvestrus: we need to introduce our own hook to persist the previous
98429
+ * state on updates.
98430
+ *
98431
+ * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
98432
98432
  */
98433
98433
 
98434
98434
  function usePrevious(value) {
@@ -98439,12 +98439,12 @@
98439
98439
  return ref.current;
98440
98440
  }
98441
98441
 
98442
- /**
98443
- * Subscribe to `propertiesPanel.showEntry`.
98444
- *
98445
- * @param {string} id
98446
- *
98447
- * @returns {import('preact').Ref}
98442
+ /**
98443
+ * Subscribe to `propertiesPanel.showEntry`.
98444
+ *
98445
+ * @param {string} id
98446
+ *
98447
+ * @returns {import('preact').Ref}
98448
98448
  */
98449
98449
  function useShowEntryEvent(id) {
98450
98450
  const {
@@ -98475,20 +98475,20 @@
98475
98475
  return ref;
98476
98476
  }
98477
98477
 
98478
- /**
98479
- * @callback setSticky
98480
- * @param {boolean} value
98478
+ /**
98479
+ * @callback setSticky
98480
+ * @param {boolean} value
98481
98481
  */
98482
98482
 
98483
- /**
98484
- * Use IntersectionObserver to identify when DOM element is in sticky mode.
98485
- * If sticky is observered setSticky(true) will be called.
98486
- * If sticky mode is left, setSticky(false) will be called.
98487
- *
98488
- *
98489
- * @param {Object} ref
98490
- * @param {string} scrollContainerSelector
98491
- * @param {setSticky} setSticky
98483
+ /**
98484
+ * Use IntersectionObserver to identify when DOM element is in sticky mode.
98485
+ * If sticky is observered setSticky(true) will be called.
98486
+ * If sticky mode is left, setSticky(false) will be called.
98487
+ *
98488
+ *
98489
+ * @param {Object} ref
98490
+ * @param {string} scrollContainerSelector
98491
+ * @param {setSticky} setSticky
98492
98492
  */
98493
98493
  function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky) {
98494
98494
  const [scrollContainer, setScrollContainer] = h(query$1(scrollContainerSelector));
@@ -98542,19 +98542,19 @@
98542
98542
  }, [ref.current, scrollContainer, setSticky]);
98543
98543
  }
98544
98544
 
98545
- /**
98546
- * Creates a static function reference with changing body.
98547
- * This is necessary when external libraries require a callback function
98548
- * that has references to state variables.
98549
- *
98550
- * Usage:
98551
- * const callback = useStaticCallback((val) => {val === currentState});
98552
- *
98553
- * The `callback` reference is static and can be safely used in external
98554
- * libraries or as a prop that does not cause rerendering of children.
98555
- *
98556
- * @param {Function} callback function with changing reference
98557
- * @returns {Function} static function reference
98545
+ /**
98546
+ * Creates a static function reference with changing body.
98547
+ * This is necessary when external libraries require a callback function
98548
+ * that has references to state variables.
98549
+ *
98550
+ * Usage:
98551
+ * const callback = useStaticCallback((val) => {val === currentState});
98552
+ *
98553
+ * The `callback` reference is static and can be safely used in external
98554
+ * libraries or as a prop that does not cause rerendering of children.
98555
+ *
98556
+ * @param {Function} callback function with changing reference
98557
+ * @returns {Function} static function reference
98558
98558
  */
98559
98559
  function useStaticCallback(callback) {
98560
98560
  const callbackRef = _(callback);
@@ -98697,13 +98697,13 @@
98697
98697
  return null;
98698
98698
  }
98699
98699
 
98700
- /**
98701
- * @typedef { {
98702
- * text: (element: object) => string,
98703
- * icon?: (element: Object) => import('preact').Component
98704
- * } } PlaceholderDefinition
98705
- *
98706
- * @param { PlaceholderDefinition } props
98700
+ /**
98701
+ * @typedef { {
98702
+ * text: (element: object) => string,
98703
+ * icon?: (element: Object) => import('preact').Component
98704
+ * } } PlaceholderDefinition
98705
+ *
98706
+ * @param { PlaceholderDefinition } props
98707
98707
  */
98708
98708
  function Placeholder(props) {
98709
98709
  const {
@@ -98742,9 +98742,9 @@
98742
98742
 
98743
98743
  const noop$6 = () => {};
98744
98744
 
98745
- /**
98746
- * Buffer `.focus()` calls while the editor is not initialized.
98747
- * Set Focus inside when the editor is ready.
98745
+ /**
98746
+ * Buffer `.focus()` calls while the editor is not initialized.
98747
+ * Set Focus inside when the editor is ready.
98748
98748
  */
98749
98749
  const useBufferedFocus$1 = function (editor, ref) {
98750
98750
  const [buffer, setBuffer] = h(undefined);
@@ -98845,9 +98845,9 @@
98845
98845
 
98846
98846
  const noop$5 = () => {};
98847
98847
 
98848
- /**
98849
- * Buffer `.focus()` calls while the editor is not initialized.
98850
- * Set Focus inside when the editor is ready.
98848
+ /**
98849
+ * Buffer `.focus()` calls while the editor is not initialized.
98850
+ * Set Focus inside when the editor is ready.
98851
98851
  */
98852
98852
  const useBufferedFocus = function (editor, ref) {
98853
98853
  const [buffer, setBuffer] = h(undefined);
@@ -98896,10 +98896,10 @@
98896
98896
  p$1(() => {
98897
98897
  let editor;
98898
98898
 
98899
- /* Trigger FEEL toggle when
98900
- *
98901
- * - `backspace` is pressed
98902
- * - AND the cursor is at the beginning of the input
98899
+ /* Trigger FEEL toggle when
98900
+ *
98901
+ * - `backspace` is pressed
98902
+ * - AND the cursor is at the beginning of the input
98903
98903
  */
98904
98904
  const onKeyDown = e => {
98905
98905
  if (e.key !== 'Backspace' || !editor) {
@@ -98981,22 +98981,22 @@
98981
98981
  source: null
98982
98982
  });
98983
98983
 
98984
- /**
98985
- * Add a dragger that calls back the passed function with
98986
- * { event, delta } on drag.
98987
- *
98988
- * @example
98989
- *
98990
- * function dragMove(event, delta) {
98991
- * // we are dragging (!!)
98992
- * }
98993
- *
98994
- * domElement.addEventListener('dragstart', dragger(dragMove));
98995
- *
98996
- * @param {Function} fn
98997
- * @param {Element} [dragPreview]
98998
- *
98999
- * @return {Function} drag start callback function
98984
+ /**
98985
+ * Add a dragger that calls back the passed function with
98986
+ * { event, delta } on drag.
98987
+ *
98988
+ * @example
98989
+ *
98990
+ * function dragMove(event, delta) {
98991
+ * // we are dragging (!!)
98992
+ * }
98993
+ *
98994
+ * domElement.addEventListener('dragstart', dragger(dragMove));
98995
+ *
98996
+ * @param {Function} fn
98997
+ * @param {Element} [dragPreview]
98998
+ *
98999
+ * @return {Function} drag start callback function
99000
99000
  */
99001
99001
  function createDragger(fn, dragPreview) {
99002
99002
  let self;
@@ -99051,23 +99051,23 @@
99051
99051
 
99052
99052
  const noop$3 = () => {};
99053
99053
 
99054
- /**
99055
- * A generic popup component.
99056
- *
99057
- * @param {Object} props
99058
- * @param {HTMLElement} [props.container]
99059
- * @param {string} [props.className]
99060
- * @param {boolean} [props.delayInitialFocus]
99061
- * @param {{x: number, y: number}} [props.position]
99062
- * @param {number} [props.width]
99063
- * @param {number} [props.height]
99064
- * @param {Function} props.onClose
99065
- * @param {Function} [props.onPostActivate]
99066
- * @param {Function} [props.onPostDeactivate]
99067
- * @param {boolean} [props.returnFocus]
99068
- * @param {boolean} [props.closeOnEscape]
99069
- * @param {string} props.title
99070
- * @param {Ref} [ref]
99054
+ /**
99055
+ * A generic popup component.
99056
+ *
99057
+ * @param {Object} props
99058
+ * @param {HTMLElement} [props.container]
99059
+ * @param {string} [props.className]
99060
+ * @param {boolean} [props.delayInitialFocus]
99061
+ * @param {{x: number, y: number}} [props.position]
99062
+ * @param {number} [props.width]
99063
+ * @param {number} [props.height]
99064
+ * @param {Function} props.onClose
99065
+ * @param {Function} [props.onPostActivate]
99066
+ * @param {Function} [props.onPostDeactivate]
99067
+ * @param {boolean} [props.returnFocus]
99068
+ * @param {boolean} [props.closeOnEscape]
99069
+ * @param {string} props.title
99070
+ * @param {Ref} [ref]
99071
99071
  */
99072
99072
  function PopupComponent(props, globalRef) {
99073
99073
  const {
@@ -99286,12 +99286,12 @@
99286
99286
  const FEEL_POPUP_WIDTH = 700;
99287
99287
  const FEEL_POPUP_HEIGHT = 250;
99288
99288
 
99289
- /**
99290
- * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
99291
- * - `feelPopup.open` - fired before the popup is mounted
99292
- * - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
99293
- * - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
99294
- * - `feelPopup.closed` - fired after the popup is unmounted
99289
+ /**
99290
+ * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
99291
+ * - `feelPopup.open` - fired before the popup is mounted
99292
+ * - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
99293
+ * - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
99294
+ * - `feelPopup.closed` - fired after the popup is unmounted
99295
99295
  */
99296
99296
  function FEELPopupRoot(props) {
99297
99297
  const {
@@ -99514,11 +99514,11 @@
99514
99514
  return element.closest('.cm-editor').querySelector('.cm-tooltip-autocomplete');
99515
99515
  }
99516
99516
 
99517
- /**
99518
- * This hook behaves like useEffect, but does not trigger on the first render.
99519
- *
99520
- * @param {Function} effect
99521
- * @param {Array} deps
99517
+ /**
99518
+ * This hook behaves like useEffect, but does not trigger on the first render.
99519
+ *
99520
+ * @param {Function} effect
99521
+ * @param {Array} deps
99522
99522
  */
99523
99523
  function useUpdateEffect(effect, deps) {
99524
99524
  const isMounted = _(false);
@@ -99596,19 +99596,19 @@
99596
99596
  });
99597
99597
  }
99598
99598
 
99599
- /**
99600
- * @param {Object} props
99601
- * @param {Object} props.element
99602
- * @param {String} props.id
99603
- * @param {String} props.description
99604
- * @param {String} props.label
99605
- * @param {String} props.switcherLabel
99606
- * @param {Boolean} props.inline
99607
- * @param {Function} props.getValue
99608
- * @param {Function} props.setValue
99609
- * @param {Function} props.onFocus
99610
- * @param {Function} props.onBlur
99611
- * @param {string|import('preact').Component} props.tooltip
99599
+ /**
99600
+ * @param {Object} props
99601
+ * @param {Object} props.element
99602
+ * @param {String} props.id
99603
+ * @param {String} props.description
99604
+ * @param {String} props.label
99605
+ * @param {String} props.switcherLabel
99606
+ * @param {Boolean} props.inline
99607
+ * @param {Function} props.getValue
99608
+ * @param {Function} props.setValue
99609
+ * @param {Function} props.onFocus
99610
+ * @param {Function} props.onBlur
99611
+ * @param {string|import('preact').Component} props.tooltip
99612
99612
  */
99613
99613
  function ToggleSwitchEntry(props) {
99614
99614
  const {
@@ -99934,84 +99934,84 @@
99934
99934
  const DEFAULT_DESCRIPTION = {};
99935
99935
  const DEFAULT_TOOLTIP = {};
99936
99936
 
99937
- /**
99938
- * @typedef { {
99939
- * component: import('preact').Component,
99940
- * id: String,
99941
- * isEdited?: Function
99942
- * } } EntryDefinition
99943
- *
99944
- * @typedef { {
99945
- * autoFocusEntry: String,
99946
- * autoOpen?: Boolean,
99947
- * entries: Array<EntryDefinition>,
99948
- * id: String,
99949
- * label: String,
99950
- * remove: (event: MouseEvent) => void
99951
- * } } ListItemDefinition
99952
- *
99953
- * @typedef { {
99954
- * add: (event: MouseEvent) => void,
99955
- * component: import('preact').Component,
99956
- * element: Object,
99957
- * id: String,
99958
- * items: Array<ListItemDefinition>,
99959
- * label: String,
99960
- * shouldOpen?: Boolean
99961
- * } } ListGroupDefinition
99962
- *
99963
- * @typedef { {
99964
- * component?: import('preact').Component,
99965
- * entries: Array<EntryDefinition>,
99966
- * id: String,
99967
- * label: String,
99968
- * shouldOpen?: Boolean
99969
- * } } GroupDefinition
99970
- *
99971
- * @typedef { {
99972
- * [id: String]: GetDescriptionFunction
99973
- * } } DescriptionConfig
99974
- *
99975
- * @typedef { {
99976
- * [id: String]: GetTooltipFunction
99977
- * } } TooltipConfig
99978
- *
99979
- * @callback { {
99980
- * @param {string} id
99981
- * @param {Object} element
99982
- * @returns {string}
99983
- * } } GetDescriptionFunction
99984
- *
99985
- * @callback { {
99986
- * @param {string} id
99987
- * @param {Object} element
99988
- * @returns {string}
99989
- * } } GetTooltipFunction
99990
- *
99991
- * @typedef { {
99992
- * getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
99993
- * getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
99994
- * } } PlaceholderProvider
99995
- *
99937
+ /**
99938
+ * @typedef { {
99939
+ * component: import('preact').Component,
99940
+ * id: String,
99941
+ * isEdited?: Function
99942
+ * } } EntryDefinition
99943
+ *
99944
+ * @typedef { {
99945
+ * autoFocusEntry: String,
99946
+ * autoOpen?: Boolean,
99947
+ * entries: Array<EntryDefinition>,
99948
+ * id: String,
99949
+ * label: String,
99950
+ * remove: (event: MouseEvent) => void
99951
+ * } } ListItemDefinition
99952
+ *
99953
+ * @typedef { {
99954
+ * add: (event: MouseEvent) => void,
99955
+ * component: import('preact').Component,
99956
+ * element: Object,
99957
+ * id: String,
99958
+ * items: Array<ListItemDefinition>,
99959
+ * label: String,
99960
+ * shouldOpen?: Boolean
99961
+ * } } ListGroupDefinition
99962
+ *
99963
+ * @typedef { {
99964
+ * component?: import('preact').Component,
99965
+ * entries: Array<EntryDefinition>,
99966
+ * id: String,
99967
+ * label: String,
99968
+ * shouldOpen?: Boolean
99969
+ * } } GroupDefinition
99970
+ *
99971
+ * @typedef { {
99972
+ * [id: String]: GetDescriptionFunction
99973
+ * } } DescriptionConfig
99974
+ *
99975
+ * @typedef { {
99976
+ * [id: String]: GetTooltipFunction
99977
+ * } } TooltipConfig
99978
+ *
99979
+ * @callback { {
99980
+ * @param {string} id
99981
+ * @param {Object} element
99982
+ * @returns {string}
99983
+ * } } GetDescriptionFunction
99984
+ *
99985
+ * @callback { {
99986
+ * @param {string} id
99987
+ * @param {Object} element
99988
+ * @returns {string}
99989
+ * } } GetTooltipFunction
99990
+ *
99991
+ * @typedef { {
99992
+ * getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
99993
+ * getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
99994
+ * } } PlaceholderProvider
99995
+ *
99996
99996
  */
99997
99997
 
99998
- /**
99999
- * A basic properties panel component. Describes *how* content will be rendered, accepts
100000
- * data from implementor to describe *what* will be rendered.
100001
- *
100002
- * @param {Object} props
100003
- * @param {Object|Array} props.element
100004
- * @param {import('./components/Header').HeaderProvider} props.headerProvider
100005
- * @param {PlaceholderProvider} [props.placeholderProvider]
100006
- * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
100007
- * @param {Object} [props.layoutConfig]
100008
- * @param {Function} [props.layoutChanged]
100009
- * @param {DescriptionConfig} [props.descriptionConfig]
100010
- * @param {Function} [props.descriptionLoaded]
100011
- * @param {TooltipConfig} [props.tooltipConfig]
100012
- * @param {Function} [props.tooltipLoaded]
100013
- * @param {HTMLElement} [props.feelPopupContainer]
100014
- * @param {Object} [props.eventBus]
99998
+ /**
99999
+ * A basic properties panel component. Describes *how* content will be rendered, accepts
100000
+ * data from implementor to describe *what* will be rendered.
100001
+ *
100002
+ * @param {Object} props
100003
+ * @param {Object|Array} props.element
100004
+ * @param {import('./components/Header').HeaderProvider} props.headerProvider
100005
+ * @param {PlaceholderProvider} [props.placeholderProvider]
100006
+ * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
100007
+ * @param {Object} [props.layoutConfig]
100008
+ * @param {Function} [props.layoutChanged]
100009
+ * @param {DescriptionConfig} [props.descriptionConfig]
100010
+ * @param {Function} [props.descriptionLoaded]
100011
+ * @param {TooltipConfig} [props.tooltipConfig]
100012
+ * @param {Function} [props.tooltipLoaded]
100013
+ * @param {HTMLElement} [props.feelPopupContainer]
100014
+ * @param {Object} [props.eventBus]
100015
100015
  */
100016
100016
  function PropertiesPanel(props) {
100017
100017
  const {
@@ -100182,11 +100182,11 @@
100182
100182
 
100183
100183
  // hooks //////////////////
100184
100184
 
100185
- /**
100186
- * This hook behaves like useLayoutEffect, but does not trigger on the first render.
100187
- *
100188
- * @param {Function} effect
100189
- * @param {Array} deps
100185
+ /**
100186
+ * This hook behaves like useLayoutEffect, but does not trigger on the first render.
100187
+ *
100188
+ * @param {Function} effect
100189
+ * @param {Array} deps
100190
100190
  */
100191
100191
  function useUpdateLayoutEffect(effect, deps) {
100192
100192
  const isMounted = _(false);
@@ -100261,15 +100261,15 @@
100261
100261
  });
100262
100262
  }
100263
100263
 
100264
- /**
100265
- *
100266
- * @param {Array<null | Element>} ignoredElements
100267
- * @param {Function} callback
100264
+ /**
100265
+ *
100266
+ * @param {Array<null | Element>} ignoredElements
100267
+ * @param {Function} callback
100268
100268
  */
100269
100269
  function useGlobalClick(ignoredElements, callback) {
100270
100270
  p$1(() => {
100271
- /**
100272
- * @param {MouseEvent} event
100271
+ /**
100272
+ * @param {MouseEvent} event
100273
100273
  */
100274
100274
  function listener(event) {
100275
100275
  if (ignoredElements.some(element => element && element.contains(event.target))) {
@@ -100302,20 +100302,20 @@
100302
100302
  });
100303
100303
  }
100304
100304
 
100305
- /**
100306
- * @typedef { {
100307
- * [key: string]: string;
100308
- * } } TranslateReplacements
100305
+ /**
100306
+ * @typedef { {
100307
+ * [key: string]: string;
100308
+ * } } TranslateReplacements
100309
100309
  */
100310
100310
 
100311
- /**
100312
- * A simple translation stub to be used for multi-language support.
100313
- * Can be easily replaced with a more sophisticated solution.
100314
- *
100315
- * @param {string} template to interpolate
100316
- * @param {TranslateReplacements} [replacements] a map with substitutes
100317
- *
100318
- * @return {string} the translated string
100311
+ /**
100312
+ * A simple translation stub to be used for multi-language support.
100313
+ * Can be easily replaced with a more sophisticated solution.
100314
+ *
100315
+ * @param {string} template to interpolate
100316
+ * @param {TranslateReplacements} [replacements] a map with substitutes
100317
+ *
100318
+ * @return {string} the translated string
100319
100319
  */
100320
100320
  function translateFallback(template, replacements) {
100321
100321
  replacements = replacements || {};
@@ -100427,8 +100427,8 @@
100427
100427
 
100428
100428
  const noop$1 = () => {};
100429
100429
 
100430
- /**
100431
- * @param {import('../PropertiesPanel').ListGroupDefinition} props
100430
+ /**
100431
+ * @param {import('../PropertiesPanel').ListGroupDefinition} props
100432
100432
  */
100433
100433
  function ListGroup(props) {
100434
100434
  const {
@@ -100620,18 +100620,18 @@
100620
100620
  });
100621
100621
  }
100622
100622
 
100623
- /**
100624
- * @param {Object} props
100625
- * @param {Object} props.element
100626
- * @param {String} props.id
100627
- * @param {String} props.description
100628
- * @param {String} props.label
100629
- * @param {Function} props.getValue
100630
- * @param {Function} props.setValue
100631
- * @param {Function} props.onFocus
100632
- * @param {Function} props.onBlur
100633
- * @param {string|import('preact').Component} props.tooltip
100634
- * @param {boolean} [props.disabled]
100623
+ /**
100624
+ * @param {Object} props
100625
+ * @param {Object} props.element
100626
+ * @param {String} props.id
100627
+ * @param {String} props.description
100628
+ * @param {String} props.label
100629
+ * @param {Function} props.getValue
100630
+ * @param {Function} props.setValue
100631
+ * @param {Function} props.onFocus
100632
+ * @param {Function} props.onBlur
100633
+ * @param {string|import('preact').Component} props.tooltip
100634
+ * @param {boolean} [props.disabled]
100635
100635
  */
100636
100636
  function CheckboxEntry(props) {
100637
100637
  const {
@@ -100705,8 +100705,8 @@
100705
100705
  }
100706
100706
  }, [open, hasItems]);
100707
100707
 
100708
- /**
100709
- * @param {MouseEvent} event
100708
+ /**
100709
+ * @param {MouseEvent} event
100710
100710
  */
100711
100711
  function addItem(event) {
100712
100712
  event.stopPropagation();
@@ -100898,20 +100898,20 @@
100898
100898
  });
100899
100899
  }
100900
100900
 
100901
- /**
100902
- * @param {object} props
100903
- * @param {object} props.element
100904
- * @param {string} props.id
100905
- * @param {string} [props.description]
100906
- * @param {string} props.label
100907
- * @param {Function} props.getValue
100908
- * @param {Function} props.setValue
100909
- * @param {Function} props.onFocus
100910
- * @param {Function} props.onBlur
100911
- * @param {Function} props.getOptions
100912
- * @param {boolean} [props.disabled]
100913
- * @param {Function} [props.validate]
100914
- * @param {string|import('preact').Component} props.tooltip
100901
+ /**
100902
+ * @param {object} props
100903
+ * @param {object} props.element
100904
+ * @param {string} props.id
100905
+ * @param {string} [props.description]
100906
+ * @param {string} props.label
100907
+ * @param {Function} props.getValue
100908
+ * @param {Function} props.setValue
100909
+ * @param {Function} props.onFocus
100910
+ * @param {Function} props.onBlur
100911
+ * @param {Function} props.getOptions
100912
+ * @param {boolean} [props.disabled]
100913
+ * @param {Function} [props.validate]
100914
+ * @param {string|import('preact').Component} props.tooltip
100915
100915
  */
100916
100916
  function SelectEntry(props) {
100917
100917
  const {
@@ -101050,7 +101050,7 @@
101050
101050
  monospace,
101051
101051
  onFocus,
101052
101052
  onBlur,
101053
- autoResize,
101053
+ autoResize = true,
101054
101054
  placeholder,
101055
101055
  rows = autoResize ? 1 : 2,
101056
101056
  tooltip
@@ -101107,21 +101107,21 @@
101107
101107
  });
101108
101108
  }
101109
101109
 
101110
- /**
101111
- * @param {object} props
101112
- * @param {object} props.element
101113
- * @param {string} props.id
101114
- * @param {string} props.description
101115
- * @param {boolean} props.debounce
101116
- * @param {string} props.label
101117
- * @param {Function} props.getValue
101118
- * @param {Function} props.setValue
101119
- * @param {Function} props.onFocus
101120
- * @param {Function} props.onBlur
101121
- * @param {number} props.rows
101122
- * @param {boolean} props.monospace
101123
- * @param {Function} [props.validate]
101124
- * @param {boolean} [props.disabled]
101110
+ /**
101111
+ * @param {object} props
101112
+ * @param {object} props.element
101113
+ * @param {string} props.id
101114
+ * @param {string} props.description
101115
+ * @param {boolean} props.debounce
101116
+ * @param {string} props.label
101117
+ * @param {Function} props.getValue
101118
+ * @param {Function} props.setValue
101119
+ * @param {Function} props.onFocus
101120
+ * @param {Function} props.onBlur
101121
+ * @param {number} props.rows
101122
+ * @param {boolean} props.monospace
101123
+ * @param {Function} [props.validate]
101124
+ * @param {boolean} [props.disabled]
101125
101125
  */
101126
101126
  function TextAreaEntry(props) {
101127
101127
  const {
@@ -101255,20 +101255,20 @@
101255
101255
  });
101256
101256
  }
101257
101257
 
101258
- /**
101259
- * @param {Object} props
101260
- * @param {Object} props.element
101261
- * @param {String} props.id
101262
- * @param {String} props.description
101263
- * @param {Boolean} props.debounce
101264
- * @param {Boolean} props.disabled
101265
- * @param {String} props.label
101266
- * @param {Function} props.getValue
101267
- * @param {Function} props.setValue
101268
- * @param {Function} props.onFocus
101269
- * @param {Function} props.onBlur
101270
- * @param {string|import('preact').Component} props.tooltip
101271
- * @param {Function} props.validate
101258
+ /**
101259
+ * @param {Object} props
101260
+ * @param {Object} props.element
101261
+ * @param {String} props.id
101262
+ * @param {String} props.description
101263
+ * @param {Boolean} props.debounce
101264
+ * @param {Boolean} props.disabled
101265
+ * @param {String} props.label
101266
+ * @param {Function} props.getValue
101267
+ * @param {Function} props.setValue
101268
+ * @param {Function} props.onFocus
101269
+ * @param {Function} props.onBlur
101270
+ * @param {string|import('preact').Component} props.tooltip
101271
+ * @param {Function} props.validate
101272
101272
  */
101273
101273
  function TextfieldEntry(props) {
101274
101274
  const {
@@ -101361,20 +101361,20 @@
101361
101361
  this._eventBus = eventBus;
101362
101362
  }
101363
101363
 
101364
- /**
101365
- * Check if the FEEL popup is open.
101366
- * @return {Boolean}
101364
+ /**
101365
+ * Check if the FEEL popup is open.
101366
+ * @return {Boolean}
101367
101367
  */
101368
101368
  isOpen() {
101369
101369
  return this._eventBus.fire('feelPopup._isOpen');
101370
101370
  }
101371
101371
 
101372
- /**
101373
- * Open the FEEL popup.
101374
- *
101375
- * @param {String} entryId
101376
- * @param {Object} popupConfig
101377
- * @param {HTMLElement} sourceElement
101372
+ /**
101373
+ * Open the FEEL popup.
101374
+ *
101375
+ * @param {String} entryId
101376
+ * @param {Object} popupConfig
101377
+ * @param {HTMLElement} sourceElement
101378
101378
  */
101379
101379
  open(entryId, popupConfig, sourceElement) {
101380
101380
  return this._eventBus.fire('feelPopup._open', {
@@ -101384,8 +101384,8 @@
101384
101384
  });
101385
101385
  }
101386
101386
 
101387
- /**
101388
- * Close the FEEL popup.
101387
+ /**
101388
+ * Close the FEEL popup.
101389
101389
  */
101390
101390
  close() {
101391
101391
  return this._eventBus.fire('feelPopup._close');
@@ -116962,54 +116962,54 @@
116962
116962
  }
116963
116963
  };
116964
116964
 
116965
- /**
116966
- * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
116967
- *
116968
- * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
116969
- */
116970
-
116971
- /**
116972
- *
116973
- * @param {BaseViewerOptions} options
116974
- */
116975
- function Modeler$1(options = {}) {
116976
- Modeler$2.call(this, options);
116977
- }
116978
-
116979
- e$7(Modeler$1, Modeler$2);
116980
-
116981
- /**
116982
- * @param { {
116983
- * disableAdjustOrigin?: boolean;
116984
- * disableGrid?: boolean;
116985
- * } } [options]
116986
- *
116987
- * @returns {ModuleDeclaration[]}
116988
- */
116989
- Modeler$1.prototype.getModules = function(options = {}) {
116990
- const modules = Modeler$2.prototype.getModules.call(this, options);
116991
-
116992
- return [
116993
- ...modules,
116994
- options.disableAdjustOrigin
116995
- ? diagramOriginModule
116996
- : alignToOriginModule,
116997
- options.disableGrid
116998
- ? {}
116999
- : index$6
117000
- ];
117001
- };
117002
-
117003
- Modeler$1.prototype._extensionModules = [
117004
- index$7,
117005
- ExecutableFixModule,
117006
- index$3,
117007
- index$2
117008
- ];
117009
-
117010
- Modeler$1.prototype._modules = [].concat(
117011
- Modeler$2.prototype._modules,
117012
- Modeler$1.prototype._extensionModules
116965
+ /**
116966
+ * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
116967
+ *
116968
+ * @typedef {import('didi').ModuleDeclaration} ModuleDeclaration
116969
+ */
116970
+
116971
+ /**
116972
+ *
116973
+ * @param {BaseViewerOptions} options
116974
+ */
116975
+ function Modeler$1(options = {}) {
116976
+ Modeler$2.call(this, options);
116977
+ }
116978
+
116979
+ e$7(Modeler$1, Modeler$2);
116980
+
116981
+ /**
116982
+ * @param { {
116983
+ * disableAdjustOrigin?: boolean;
116984
+ * disableGrid?: boolean;
116985
+ * } } [options]
116986
+ *
116987
+ * @returns {ModuleDeclaration[]}
116988
+ */
116989
+ Modeler$1.prototype.getModules = function(options = {}) {
116990
+ const modules = Modeler$2.prototype.getModules.call(this, options);
116991
+
116992
+ return [
116993
+ ...modules,
116994
+ options.disableAdjustOrigin
116995
+ ? diagramOriginModule
116996
+ : alignToOriginModule,
116997
+ options.disableGrid
116998
+ ? {}
116999
+ : index$6
117000
+ ];
117001
+ };
117002
+
117003
+ Modeler$1.prototype._extensionModules = [
117004
+ index$7,
117005
+ ExecutableFixModule,
117006
+ index$3,
117007
+ index$2
117008
+ ];
117009
+
117010
+ Modeler$1.prototype._modules = [].concat(
117011
+ Modeler$2.prototype._modules,
117012
+ Modeler$1.prototype._extensionModules
117013
117013
  );
117014
117014
 
117015
117015
  const WILDCARD = '*';
@@ -129999,13 +129999,13 @@
129999
129999
  emumerations: emumerations
130000
130000
  };
130001
130001
 
130002
- /**
130003
- * @type { {
130004
- * camunda: any
130005
- * } }
130006
- */
130007
- const commonModdleExtensions = {
130008
- camunda: camundaModdle
130002
+ /**
130003
+ * @type { {
130004
+ * camunda: any
130005
+ * } }
130006
+ */
130007
+ const commonModdleExtensions = {
130008
+ camunda: camundaModdle
130009
130009
  };
130010
130010
 
130011
130011
  const colorImageSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor">
@@ -133617,45 +133617,45 @@
133617
133617
  removeTemplateReplaceProvider: [ 'type', RemoveTemplateReplaceProvider ]
133618
133618
  };
133619
133619
 
133620
- /**
133621
- * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
133622
- */
133623
-
133624
- /**
133625
- * @param {BaseViewerOptions} options
133626
- */
133627
- function Modeler(options = {}) {
133628
-
133629
- options = {
133630
- ...options,
133631
- moddleExtensions: {
133632
- ...commonModdleExtensions,
133633
- ...options.moddleExtensions
133634
- },
133635
- propertiesPanel: {
133636
- tooltip: TooltipProvider,
133637
- ...options.propertiesPanel
133638
- }
133639
- };
133640
-
133641
- Modeler$1.call(this, options);
133642
- }
133643
-
133644
- e$7(Modeler, Modeler$1);
133645
-
133646
- Modeler.prototype._camundaPlatformModules = [
133647
- behaviorsModule,
133648
- index$4,
133649
- index,
133650
- colorPickerModule,
133651
- index$1,
133652
- CamundaVariableResolverModule,
133653
- RemoveTemplatesModule
133654
- ];
133655
-
133656
- Modeler.prototype._modules = [].concat(
133657
- Modeler$1.prototype._modules,
133658
- Modeler.prototype._camundaPlatformModules
133620
+ /**
133621
+ * @typedef {import('bpmn-js/lib/BaseViewer').BaseViewerOptions} BaseViewerOptions
133622
+ */
133623
+
133624
+ /**
133625
+ * @param {BaseViewerOptions} options
133626
+ */
133627
+ function Modeler(options = {}) {
133628
+
133629
+ options = {
133630
+ ...options,
133631
+ moddleExtensions: {
133632
+ ...commonModdleExtensions,
133633
+ ...options.moddleExtensions
133634
+ },
133635
+ propertiesPanel: {
133636
+ tooltip: TooltipProvider,
133637
+ ...options.propertiesPanel
133638
+ }
133639
+ };
133640
+
133641
+ Modeler$1.call(this, options);
133642
+ }
133643
+
133644
+ e$7(Modeler, Modeler$1);
133645
+
133646
+ Modeler.prototype._camundaPlatformModules = [
133647
+ behaviorsModule,
133648
+ index$4,
133649
+ index,
133650
+ colorPickerModule,
133651
+ index$1,
133652
+ CamundaVariableResolverModule,
133653
+ RemoveTemplatesModule
133654
+ ];
133655
+
133656
+ Modeler.prototype._modules = [].concat(
133657
+ Modeler$1.prototype._modules,
133658
+ Modeler.prototype._camundaPlatformModules
133659
133659
  );
133660
133660
 
133661
133661
  return Modeler;