camunda-bpmn-js 0.13.1 → 0.13.2

package/dist/camunda-cloud-modeler.development.js

@@ -61699,19 +61699,19 @@
 	  getDescriptionForId: () => {}
 	});
 
-	/**
-	 * @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 = q({
 	  eventBus: null
@@ -61724,20 +61724,20 @@
 	  setLayoutForKey: () => {}
 	});
 
-	/**
-	 * 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 {djs.model.Base} 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 {djs.model.Base} element
+	 *
+	 * @returns {string}
 	 */
 
 	function useDescriptionContext(id, element) {
@@ -61748,14 +61748,14 @@
 	}
 
 	const DEFAULT_PRIORITY$6 = 1000;
-	/**
-	 * Subscribe to an event.
-	 *
-	 * @param {string} event
-	 * @param {Function} callback
-	 * @param {number} [priority]
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to an event.
+	 *
+	 * @param {string} event
+	 * @param {Function} callback
+	 * @param {number} [priority]
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useEvent(event, callback, priority = DEFAULT_PRIORITY$6) {
@@ -61773,11 +61773,11 @@
 	}
 
 	const HIGH_PRIORITY$l = 10000;
-	/**
-	 * Buffer events and re-fire during passive effect phase.
-	 *
-	 * @param {string[]} bufferedEvents
-	 * @param {Object} [eventBus]
+	/**
+	 * Buffer events and re-fire during passive effect phase.
+	 *
+	 * @param {string[]} bufferedEvents
+	 * @param {Object} [eventBus]
 	 */
 
 	function useEventBuffer(bufferedEvents, eventBus) {
@@ -61825,20 +61825,20 @@
 	  });
 	}
 
-	/**
-	 * 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) {
@@ -61859,11 +61859,11 @@
 	  return [value, 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) {
@@ -61874,12 +61874,12 @@
 	  return ref.current;
 	}
 
-	/**
-	 * Subscribe to `propertiesPanel.showEntry`.
-	 *
-	 * @param {Function} show
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to `propertiesPanel.showEntry`.
+	 *
+	 * @param {Function} show
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useShowEntryEvent(show) {
@@ -61916,14 +61916,14 @@
 	  return ref;
 	}
 
-	/**
-	 * Subscribe to `propertiesPanel.showError`. On `propertiesPanel.showError` set
-	 * temporary error. Fire `propertiesPanel.showEntry` for temporary error to be
-	 * visible. Unset error on `propertiesPanel.updated`.
-	 *
-	 * @param {Function} show
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to `propertiesPanel.showError`. On `propertiesPanel.showError` set
+	 * temporary error. Fire `propertiesPanel.showEntry` for temporary error to be
+	 * visible. Unset error on `propertiesPanel.updated`.
+	 *
+	 * @param {Function} show
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useShowErrorEvent(show) {
@@ -62034,66 +62034,66 @@
 	};
 	const DEFAULT_DESCRIPTION = {};
 	const bufferedEvents = ['propertiesPanel.showEntry', 'propertiesPanel.showError'];
-	/**
-	 * @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,
-	 *    shouldSort?: Boolean,
-	 *    shouldOpen?: Boolean
-	 * } } ListGroupDefinition
-	 *
-	 * @typedef { {
-	 *    component?: import('preact').Component,
-	 *    entries: Array<EntryDefinition>,
-	 *    id: String,
-	 *    label: String,
-	 *    shouldOpen?: Boolean
-	 * } } GroupDefinition
-	 *
-	 *  @typedef { {
-	 *    [id: String]: GetDescriptionFunction
-	 * } } DescriptionConfig
-	 *
-	 * @callback { {
-	 * @param {string} id
-	 * @param {djs.model.base} element
-	 * @returns {string}
-	 * } } GetDescriptionFunction
-	 *
+	/**
+	 * @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,
+	 *    shouldSort?: Boolean,
+	 *    shouldOpen?: Boolean
+	 * } } ListGroupDefinition
+	 *
+	 * @typedef { {
+	 *    component?: import('preact').Component,
+	 *    entries: Array<EntryDefinition>,
+	 *    id: String,
+	 *    label: String,
+	 *    shouldOpen?: Boolean
+	 * } } GroupDefinition
+	 *
+	 *  @typedef { {
+	 *    [id: String]: GetDescriptionFunction
+	 * } } DescriptionConfig
+	 *
+	 * @callback { {
+	 * @param {string} id
+	 * @param {djs.model.base} element
+	 * @returns {string}
+	 * } } GetDescriptionFunction
+	 *
 	 */
 
-	/**
-	 * 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} props.element
-	 * @param {import('./components/Header').HeaderProvider} props.headerProvider
-	 * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
-	 * @param {Object} [props.layoutConfig]
-	 * @param {Function} [props.layoutChanged]
-	 * @param {DescriptionConfig} [props.descriptionConfig]
-	 * @param {Function} [props.descriptionLoaded]
-	 * @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} props.element
+	 * @param {import('./components/Header').HeaderProvider} props.headerProvider
+	 * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
+	 * @param {Object} [props.layoutConfig]
+	 * @param {Function} [props.layoutChanged]
+	 * @param {DescriptionConfig} [props.descriptionConfig]
+	 * @param {Function} [props.descriptionLoaded]
+	 * @param {Object} [props.eventBus]
 	 */
 
 	function PropertiesPanel(props) {
@@ -62274,17 +62274,17 @@
 	    children: item.entry
 	  });
 	}
-	/**
-	 *
-	 * @param {Array<null | Element>} ignoredElements
-	 * @param {Function} callback
+	/**
+	 *
+	 * @param {Array<null | Element>} ignoredElements
+	 * @param {Function} callback
 	 */
 
 
 	function useGlobalClick(ignoredElements, callback) {
 	  y$1(() => {
-	    /**
-	     * @param {MouseEvent} event
+	    /**
+	     * @param {MouseEvent} event
 	     */
 	    function listener(event) {
 	      if (ignoredElements.some(element => element && element.contains(event.target))) {
@@ -62414,8 +62414,8 @@
 	}
 
 	const noop$3 = () => {};
-	/**
-	 * @param {import('../PropertiesPanel').ListGroupDefinition} props
+	/**
+	 * @param {import('../PropertiesPanel').ListGroupDefinition} props
 	 */
 
 
@@ -62568,8 +62568,8 @@
 	  });
 	} // helpers ////////////////////
 
-	/**
-	 * Sorts given items alphanumeric by label
+	/**
+	 * Sorts given items alphanumeric by label
 	 */
 
 	function sortItems(items) {
@@ -62638,15 +62638,15 @@
 	    })]
 	  });
 	}
-	/**
-	 * @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 {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 {boolean} [props.disabled]
 	 */
 
 
@@ -62692,21 +62692,21 @@
 	}
 
 	const noop$1 = () => {};
-	/**
-	 * @typedef { { value: string, label: string, disabled: boolean } } Option
+	/**
+	 * @typedef { { value: string, label: string, disabled: boolean } } Option
 	 */
 
-	/**
-	 * Provides basic select input.
-	 *
-	 * @param {object} props
-	 * @param {string} props.id
-	 * @param {string[]} props.path
-	 * @param {string} props.label
-	 * @param {Function} props.onChange
-	 * @param {Array<Option>} [props.options]
-	 * @param {string} props.value
-	 * @param {boolean} [props.disabled]
+	/**
+	 * Provides basic select input.
+	 *
+	 * @param {object} props
+	 * @param {string} props.id
+	 * @param {string[]} props.path
+	 * @param {string} props.label
+	 * @param {Function} props.onChange
+	 * @param {Array<Option>} [props.options]
+	 * @param {string} props.value
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62752,16 +62752,16 @@
 	    })]
 	  });
 	}
-	/**
-	 * @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.getOptions
-	 * @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.getOptions
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62863,18 +62863,18 @@
 	    })]
 	  });
 	}
-	/**
-	 * @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 {number} props.rows
-	 * @param {boolean} props.monospace
-	 * @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 {number} props.rows
+	 * @param {boolean} props.monospace
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62965,17 +62965,17 @@
 	    })]
 	  });
 	}
-	/**
-	 * @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.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.validate
 	 */
 
 
@@ -63096,15 +63096,15 @@
 	    })]
 	  });
 	}
-	/**
-	 * @param {Object} props
-	 * @param {Object} props.element
-	 * @param {String} props.id
-	 * @param {String} props.description
-	 * @param {String} props.label
-	 * @param {String} props.switcherLabel
-	 * @param {Function} props.getValue
-	 * @param {Function} props.setValue
+	/**
+	 * @param {Object} props
+	 * @param {Object} props.element
+	 * @param {String} props.id
+	 * @param {String} props.description
+	 * @param {String} props.label
+	 * @param {String} props.switcherLabel
+	 * @param {Function} props.getValue
+	 * @param {Function} props.setValue
 	 */
 
 
@@ -65572,9 +65572,7 @@
 	}
 
 	function getTemplate(element, elementTemplates) {
-	  const templateId = elementTemplates._getTemplateId(element);
-
-	  return templateId && elementTemplates.get(templateId);
+	  return elementTemplates.get(element);
 	}
 
 	function getTemplateDocumentation(element, elementTemplates) {
@@ -72917,7 +72915,7 @@
 	            changedElement = businessObject;
 	      let properties = {};
 
-	      if (oldProperty && propertyChanged$1(changedElement, oldProperty)) {
+	      if (shouldKeepValue(changedElement, oldProperty, newProperty)) {
 	        return;
 	      }
 
@@ -72958,18 +72956,18 @@
 	      const oldProperty = findOldProperty$1(oldTemplate, newProperty),
 	            oldBinding = oldProperty && oldProperty.binding,
 	            oldBindingType = oldBinding && oldBinding.type,
-	            oldTaskDefinition = oldProperty && findOldBusinessObject$1(businessObject, oldProperty),
+	            oldTaskDefinition = findBusinessObject(businessObject, newProperty),
 	            newPropertyValue = newProperty.value,
 	            newBinding = newProperty.binding,
 	            newBindingType = newBinding.type; // (2) update old task definition
 
-	      if (oldProperty && oldTaskDefinition) {
-	        if (!propertyChanged$1(oldTaskDefinition, oldProperty)) {
+	      if (oldTaskDefinition) {
+	        if (!shouldKeepValue(oldTaskDefinition, oldProperty, newProperty)) {
 	          // TODO(pinussilvestrus): for now we only support <type>
 	          // this needs to be adjusted once we support more
 	          let properties = {};
 
-	          if (oldBindingType === 'zeebe:taskDefinition:type') {
+	          if (oldBindingType === 'zeebe:taskDefinition:type' || !oldBindingType) {
 	            properties = {
 	              type: newPropertyValue
 	            };
@@ -73053,27 +73051,27 @@
 	    let propertyName;
 	    newProperties.forEach(newProperty => {
 	      const oldProperty = findOldProperty$1(oldTemplate, newProperty),
-	            oldInputOrOutput = oldProperty && findOldBusinessObject$1(businessObject, oldProperty),
+	            inputOrOutput = findBusinessObject(businessObject, newProperty),
 	            newPropertyValue = newProperty.value,
 	            newBinding = newProperty.binding,
 	            newBindingType = newBinding.type;
 	      let newInputOrOutput, properties; // (2) update old inputs and outputs
 
-	      if (oldProperty && oldInputOrOutput) {
+	      if (inputOrOutput) {
 	        // (2a) exclude old inputs and outputs from cleanup, unless
 	        // a) optional and has empty value, and
 	        // b) not changed
-	        if (shouldUpdate(newPropertyValue, newProperty) || propertyChanged$1(oldInputOrOutput, oldProperty)) {
-	          if (is$1(oldInputOrOutput, 'zeebe:Input')) {
-	            remove$1$1(oldInputs, oldInputOrOutput);
+	        if (shouldUpdate(newPropertyValue, newProperty) || shouldKeepValue(inputOrOutput, oldProperty, newProperty)) {
+	          if (is$1(inputOrOutput, 'zeebe:Input')) {
+	            remove$1$1(oldInputs, inputOrOutput);
 	          } else {
-	            remove$1$1(oldOutputs, oldInputOrOutput);
+	            remove$1$1(oldOutputs, inputOrOutput);
 	          }
 	        } // (2a) do updates (unless changed)
 
 
-	        if (!propertyChanged$1(oldInputOrOutput, oldProperty)) {
-	          if (is$1(oldInputOrOutput, 'zeebe:Input')) {
+	        if (!shouldKeepValue(inputOrOutput, oldProperty, newProperty)) {
+	          if (is$1(inputOrOutput, 'zeebe:Input')) {
 	            properties = {
 	              source: newPropertyValue
 	            };
@@ -73085,7 +73083,7 @@
 
 	          commandStack.execute('element.updateModdleProperties', {
 	            element,
-	            moddleElement: oldInputOrOutput,
+	            moddleElement: inputOrOutput,
 	            properties
 	          });
 	        }
@@ -73180,12 +73178,12 @@
 	    const oldHeaders = taskHeaders.get('zeebe:values') ? taskHeaders.get('zeebe:values').slice() : [];
 	    newProperties.forEach(newProperty => {
 	      const oldProperty = findOldProperty$1(oldTemplate, newProperty),
-	            oldHeader = oldProperty && findOldBusinessObject$1(businessObject, oldProperty),
+	            oldHeader = findBusinessObject(businessObject, newProperty),
 	            newPropertyValue = newProperty.value,
 	            newBinding = newProperty.binding; // (2) update old headers
 
-	      if (oldProperty && oldHeader) {
-	        if (!propertyChanged$1(oldHeader, oldProperty)) {
+	      if (oldHeader) {
+	        if (!shouldKeepValue(oldHeader, oldProperty, newProperty)) {
 	          const properties = {
 	            value: newPropertyValue
 	          };
@@ -73250,50 +73248,50 @@
 	ChangeElementTemplateHandler$1.$inject = ['bpmnFactory', 'bpmnReplace', 'commandStack', 'modeling']; // helpers //////////
 
 	/**
-	 * Find old business object matching specified old property.
+	 * Find business object matching specified property.
 	 *
 	 * @param {djs.model.Base|ModdleElement} element
-	 * @param {Object} oldProperty
+	 * @param {Object} property
 	 *
 	 * @returns {ModdleElement}
 	 */
 
-	function findOldBusinessObject$1(element, oldProperty) {
-	  let businessObject = getBusinessObject(element);
-	  const oldBinding = oldProperty.binding,
-	        oldBindingType = oldBinding.type;
+	function findBusinessObject(element, property) {
+	  const businessObject = getBusinessObject(element);
+	  const binding = property.binding,
+	        bindingType = binding.type;
 
-	  if (oldBindingType === 'zeebe:taskDefinition:type') {
+	  if (bindingType === 'zeebe:taskDefinition:type') {
 	    return findExtension$1(businessObject, 'zeebe:TaskDefinition');
 	  }
 
-	  if (oldBindingType === 'zeebe:input' || oldBindingType === 'zeebe:output') {
-	    businessObject = findExtension$1(businessObject, 'zeebe:IoMapping');
+	  if (bindingType === 'zeebe:input' || bindingType === 'zeebe:output') {
+	    const extensionElements = findExtension$1(businessObject, 'zeebe:IoMapping');
 
-	    if (!businessObject) {
+	    if (!extensionElements) {
 	      return;
 	    }
 
-	    if (oldBindingType === 'zeebe:input') {
-	      return find(businessObject.get('zeebe:inputParameters'), function (oldBusinessObject) {
-	        return oldBusinessObject.get('zeebe:target') === oldBinding.name;
+	    if (bindingType === 'zeebe:input') {
+	      return find(extensionElements.get('zeebe:inputParameters'), function (input) {
+	        return input.get('zeebe:target') === binding.name;
 	      });
 	    } else {
-	      return find(businessObject.get('zeebe:outputParameters'), function (oldBusinessObject) {
-	        return oldBusinessObject.get('zeebe:source') === oldBinding.source;
+	      return find(extensionElements.get('zeebe:outputParameters'), function (output) {
+	        return output.get('zeebe:source') === binding.source;
 	      });
 	    }
 	  }
 
-	  if (oldBindingType === 'zeebe:taskHeader') {
-	    businessObject = findExtension$1(businessObject, 'zeebe:TaskHeaders');
+	  if (bindingType === 'zeebe:taskHeader') {
+	    const extensionElements = findExtension$1(businessObject, 'zeebe:TaskHeaders');
 
-	    if (!businessObject) {
+	    if (!extensionElements) {
 	      return;
 	    }
 
-	    return find(businessObject.get('zeebe:values'), function (oldBusinessObject) {
-	      return oldBusinessObject.get('zeebe:key') === oldBinding.key;
+	    return find(extensionElements.get('zeebe:values'), function (value) {
+	      return value.get('zeebe:key') === binding.key;
 	    });
 	  }
 	}
@@ -73374,6 +73372,30 @@
 	    });
 	  }
 	}
+	/**
+	 * Check whether the existing property should be keept. This is the case if
+	 *  - an old template was set and the value differs from the default
+	 *  - no template was set but the property was set manually
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 * @param {Object} oldProperty
+	 * @param {Object} newProperty
+	 *
+	 * @returns {boolean}
+	 */
+
+
+	function shouldKeepValue(element, oldProperty, newProperty) {
+	  if (newProperty.type === 'Hidden') {
+	    return false;
+	  }
+
+	  if (oldProperty) {
+	    return propertyChanged$1(element, oldProperty);
+	  } else {
+	    return !!getPropertyValue(element, newProperty);
+	  }
+	}
 	/**
 	 * Check whether property was changed after being set by template.
 	 *
@@ -73385,30 +73407,34 @@
 
 
 	function propertyChanged$1(element, oldProperty) {
+	  const oldPropertyValue = oldProperty.value;
+	  return getPropertyValue(element, oldProperty) !== oldPropertyValue;
+	}
+
+	function getPropertyValue(element, property) {
 	  const businessObject = getBusinessObject(element);
-	  const oldBinding = oldProperty.binding,
-	        oldBindingName = oldBinding.name,
-	        oldBindingType = oldBinding.type,
-	        oldPropertyValue = oldProperty.value;
+	  const binding = property.binding,
+	        bindingName = binding.name,
+	        bindingType = binding.type;
 
-	  if (oldBindingType === 'property') {
-	    return businessObject.get(oldBindingName) !== oldPropertyValue;
+	  if (bindingType === 'property') {
+	    return businessObject.get(bindingName);
 	  }
 
-	  if (oldBindingType === 'zeebe:taskDefinition:type') {
-	    return businessObject.get('zeebe:type') !== oldPropertyValue;
+	  if (bindingType === 'zeebe:taskDefinition:type') {
+	    return businessObject.get('zeebe:type');
 	  }
 
-	  if (oldBindingType === 'zeebe:input') {
-	    return businessObject.get('zeebe:source') !== oldPropertyValue;
+	  if (bindingType === 'zeebe:input') {
+	    return businessObject.get('zeebe:source');
 	  }
 
-	  if (oldBindingType === 'zeebe:output') {
-	    return businessObject.get('zeebe:target') !== oldPropertyValue;
+	  if (bindingType === 'zeebe:output') {
+	    return businessObject.get('zeebe:target');
 	  }
 
-	  if (oldBindingType === 'zeebe:taskHeader') {
-	    return businessObject.get('zeebe:value') !== oldPropertyValue;
+	  if (bindingType === 'zeebe:taskHeader') {
+	    return businessObject.get('zeebe:value');
 	  }
 	}
 
@@ -74658,10 +74684,9 @@
 	function propertyGetter$1(element, property) {
 	  return function getValue() {
 	    let businessObject = getBusinessObject(element);
+	    const defaultValue = '';
 	    const {
-	      binding,
-	      optional,
-	      value: defaultValue = ''
+	      binding
 	    } = property;
 	    const {
 	      name,
@@ -74704,10 +74729,9 @@
 
 	        if (inputParameter) {
 	          return inputParameter.get('source');
-	        } // allow empty values for optional parameters
-
+	        }
 
-	        return optional ? '' : defaultValue;
+	        return defaultValue;
 	      } // zeebe:Output
 
 
@@ -74716,10 +74740,9 @@
 
 	        if (outputParameter) {
 	          return outputParameter.get('target');
-	        } // allow empty values for optional parameters
-
+	        }
 
-	        return optional ? '' : defaultValue;
+	        return defaultValue;
 	      }
 	    } // zeebe:taskHeaders