camunda-bpmn-js 0.21.0 → 0.21.1

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

@@ -91191,19 +91191,22 @@
 	  xlinkHref: "#a"
 	}))));
 
-	const PanelPlaceholderProvider = {
-	  getEmpty: () => {
-	    return {
-	      text: 'Select an element to edit its properties.',
-	      icon: EmptyIcon
-	    };
-	  },
-	  getMultiple: () => {
-	    return {
-	      text: 'Multiple elements are selected. Select a single element to edit its properties.',
-	      icon: MultipleIcon
-	    };
-	  }
+	const PanelPlaceholderProvider = translate => {
+	  if (!translate) translate = text => text;
+	  return {
+	    getEmpty: () => {
+	      return {
+	        text: translate('Select an element to edit its properties.'),
+	        icon: EmptyIcon
+	      };
+	    },
+	    getMultiple: () => {
+	      return {
+	        text: translate('Multiple elements are selected. Select a single element to edit its properties.'),
+	        icon: MultipleIcon
+	      };
+	    }
+	  };
 	};
 
 	function BpmnPropertiesPanel(props) {
@@ -91217,6 +91220,7 @@
 	  const canvas = injector.get('canvas');
 	  const elementRegistry = injector.get('elementRegistry');
 	  const eventBus = injector.get('eventBus');
+	  const translate = injector.get('translate');
 	  const [state, setState] = l$1({
 	    selectedElement: element
 	  });
@@ -91365,7 +91369,7 @@
 	    children: o$1(PropertiesPanel, {
 	      element: selectedElement,
 	      headerProvider: PanelHeaderProvider,
-	      placeholderProvider: PanelPlaceholderProvider,
+	      placeholderProvider: PanelPlaceholderProvider(translate),
 	      groups: groups,
 	      layoutConfig: layoutConfig,
 	      layoutChanged: onLayoutChanged,
@@ -93532,7 +93536,7 @@
 	}
 
 	function isTimerSupported(element) {
-	  return isAny(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition(element);
+	  return isAny(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition$1(element);
 	}
 	/**
 	 * Get the timer definition type for a given timer event definition.
@@ -93565,7 +93569,7 @@
 	    return 'timeDuration';
 	  }
 	}
-	function getTimerEventDefinition(element) {
+	function getTimerEventDefinition$1(element) {
 	  return getEventDefinition(element, 'bpmn:TimerEventDefinition');
 	}
 	function getEventDefinition(element, eventType) {
@@ -93588,7 +93592,7 @@
 
 	  if (!timerEventDefinition) {
 	    const businessObject = getBusinessObject$1(element);
-	    timerEventDefinition = getTimerEventDefinition(businessObject);
+	    timerEventDefinition = getTimerEventDefinition$1(businessObject);
 	  }
 
 	  const timerEventDefinitionType = getTimerDefinitionType(timerEventDefinition); // (1) Only show for supported elements
@@ -93818,14 +93822,15 @@
 	}
 
 	function isTimerSupportedOnListener$1(listener) {
-	  return listener && is$5(listener, 'camunda:TaskListener') && getTimerEventDefinition(listener);
+	  return listener && is$5(listener, 'camunda:TaskListener') && getTimerEventDefinition$1(listener);
 	}
 
 	function getId$1(idPrefix, id) {
 	  return idPrefix ? idPrefix + id : id;
 	}
 
-	function GeneralGroup(element) {
+	function GeneralGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const entries = [...NameProps({
 	    element
 	  }), ...IdProps(), ...ProcessProps({
@@ -93835,15 +93840,16 @@
 	  })];
 	  return {
 	    id: 'general',
-	    label: 'General',
+	    label: translate('General'),
 	    entries,
 	    component: Group
 	  };
 	}
 
-	function CompensationGroup(element) {
+	function CompensationGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
-	    label: 'Compensation',
+	    label: translate('Compensation'),
 	    id: 'compensation',
 	    component: Group,
 	    entries: [...CompensationProps({
@@ -93858,22 +93864,24 @@
 	  return null;
 	}
 
-	function DocumentationGroup(element) {
+	function DocumentationGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const entries = [...DocumentationProps({
 	    element
 	  })];
 	  return {
 	    id: 'documentation',
-	    label: 'Documentation',
+	    label: translate('Documentation'),
 	    entries,
 	    component: Group
 	  };
 	}
 
-	function ErrorGroup(element) {
+	function ErrorGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
 	    id: 'error',
-	    label: 'Error',
+	    label: translate('Error'),
 	    component: Group,
 	    entries: [...ErrorProps$1({
 	      element
@@ -93887,10 +93895,11 @@
 	  return null;
 	}
 
-	function MessageGroup(element) {
+	function MessageGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
 	    id: 'message',
-	    label: 'Message',
+	    label: translate('Message'),
 	    component: Group,
 	    entries: [...MessageProps$1({
 	      element
@@ -93904,10 +93913,11 @@
 	  return null;
 	}
 
-	function SignalGroup(element) {
+	function SignalGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
 	    id: 'signal',
-	    label: 'Signal',
+	    label: translate('Signal'),
 	    component: Group,
 	    entries: [...SignalProps({
 	      element
@@ -93921,9 +93931,10 @@
 	  return null;
 	}
 
-	function LinkGroup(element) {
+	function LinkGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
-	    label: 'Link',
+	    label: translate('Link'),
 	    id: 'link',
 	    component: Group,
 	    entries: [...LinkProps({
@@ -93938,10 +93949,11 @@
 	  return null;
 	}
 
-	function EscalationGroup(element) {
+	function EscalationGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
 	    id: 'escalation',
-	    label: 'Escalation',
+	    label: translate('Escalation'),
 	    component: Group,
 	    entries: [...EscalationProps$1({
 	      element
@@ -93955,9 +93967,10 @@
 	  return null;
 	}
 
-	function TimerGroup(element) {
+	function TimerGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
-	    label: 'Timer',
+	    label: translate('Timer'),
 	    id: 'timer',
 	    component: Group,
 	    entries: [...TimerProps$2({
@@ -93972,9 +93985,10 @@
 	  return null;
 	}
 
-	function MultiInstanceGroup(element) {
+	function MultiInstanceGroup(element, injector) {
+	  const translate = injector.get('translate');
 	  const group = {
-	    label: 'Multi-instance',
+	    label: translate('Multi-instance'),
 	    id: 'multiInstance',
 	    component: Group,
 	    entries: [...MultiInstanceProps$2({
@@ -93989,26 +94003,27 @@
 	  return null;
 	}
 
-	function getGroups(element) {
-	  const groups = [GeneralGroup(element), DocumentationGroup(element), CompensationGroup(element), ErrorGroup(element), LinkGroup(element), MessageGroup(element), MultiInstanceGroup(element), SignalGroup(element), EscalationGroup(element), TimerGroup(element)]; // contract: if a group returns null, it should not be displayed at all
+	function getGroups(element, injector) {
+	  const groups = [GeneralGroup(element, injector), DocumentationGroup(element, injector), CompensationGroup(element, injector), ErrorGroup(element, injector), LinkGroup(element, injector), MessageGroup(element, injector), MultiInstanceGroup(element, injector), SignalGroup(element, injector), EscalationGroup(element, injector), TimerGroup(element, injector)]; // contract: if a group returns null, it should not be displayed at all
 
 	  return groups.filter(group => group !== null);
 	}
 
 	class BpmnPropertiesProvider {
-	  constructor(propertiesPanel) {
+	  constructor(propertiesPanel, injector) {
 	    propertiesPanel.registerProvider(this);
+	    this._injector = injector;
 	  }
 
 	  getGroups(element) {
 	    return groups => {
-	      groups = groups.concat(getGroups(element));
+	      groups = groups.concat(getGroups(element, this._injector));
 	      return groups;
 	    };
 	  }
 
 	}
-	BpmnPropertiesProvider.$inject = ['propertiesPanel'];
+	BpmnPropertiesProvider.$inject = ['propertiesPanel', 'injector'];
 
 	var index$2 = {
 	  __init__: ['bpmnPropertiesProvider'],
@@ -96693,46 +96708,70 @@
 
 	function TimerProps$1(props) {
 	  const {
-	    element
+	    element,
+	    injector
 	  } = props;
+	  const translate = injector.get('translate');
 	  const businessObject = getBusinessObject$1(element),
-	        timerEventDefinition = getTimerEventDefinition(businessObject),
+	        timerEventDefinition = getTimerEventDefinition$1(businessObject),
 	        timerEventDefinitionType = getTimerDefinitionType(timerEventDefinition); // (1) Only show for supported elements
 
 	  if (!isTimerSupported(element)) {
 	    return [];
-	  } // (2) Return duration-specific TexField only if only duration is supported
-
-
-	  const onlySupportDuration = !isTimerDefinitionTypeSupported('timeCycle', element) && !isTimerDefinitionTypeSupported('timeDate', element); // (3) Only provide duration-specific textField if only duration is supported,
-	  // otherwise push type-select and generic textField is type was selected
+	  }
 
+	  const timerOptions = getTimerOptions(element, translate);
+	  const singleOption = timerOptions.length === 1;
 	  const entries = [];
 
-	  if (onlySupportDuration) {
-	    entries.push({
-	      id: 'timerEventDefinitionDurationValue',
-	      component: TimerEventDefinitionDurationValue,
-	      isEdited: isEdited$6
-	    });
-	  } else {
+	  if (!singleOption) {
 	    entries.push({
 	      id: 'timerEventDefinitionType',
 	      component: TimerEventDefinitionType$1,
-	      isEdited: isEdited$4
+	      isEdited: isEdited$4,
+	      options: timerOptions
 	    });
+	  }
 
-	    if (timerEventDefinitionType) {
-	      entries.push({
-	        id: 'timerEventDefinitionValue',
-	        component: TimerEventDefinitionValue$1,
-	        isEdited: isEdited$6
-	      });
-	    }
+	  if (timerEventDefinitionType || singleOption) {
+	    entries.push({
+	      id: 'timerEventDefinitionValue',
+	      component: TimerEventDefinitionValue$1,
+	      isEdited: isEdited$6,
+	      label: singleOption ? timerOptions[0].label : undefined,
+	      timerEventDefinitionType: timerEventDefinitionType || timerOptions[0].value
+	    });
 	  }
 
 	  return entries;
 	}
+
+	function getTimerOptions(element, translate) {
+	  const options = [];
+
+	  if (isTimerDefinitionTypeSupported('timeDate', element)) {
+	    options.push({
+	      value: 'timeDate',
+	      label: translate('Date')
+	    });
+	  }
+
+	  if (isTimerDefinitionTypeSupported('timeDuration', element)) {
+	    options.push({
+	      value: 'timeDuration',
+	      label: translate('Duration')
+	    });
+	  }
+
+	  if (isTimerDefinitionTypeSupported('timeCycle', element)) {
+	    options.push({
+	      value: 'timeCycle',
+	      label: translate('Cycle')
+	    });
+	  }
+
+	  return options;
+	}
 	/**
 	 * TimerEventDefinitionType - Generic select entry allowing to select a specific
 	 * timerEventDefintionType. To be used together with timerEventDefinitionValue.
@@ -96741,15 +96780,17 @@
 	 * @return {SelectEntry}
 	 */
 
+
 	function TimerEventDefinitionType$1(props) {
 	  const {
-	    element
+	    element,
+	    options
 	  } = props;
 	  const commandStack = useService('commandStack'),
 	        bpmnFactory = useService('bpmnFactory'),
 	        translate = useService('translate');
 	  const businessObject = getBusinessObject$1(element),
-	        timerEventDefinition = getTimerEventDefinition(businessObject),
+	        timerEventDefinition = getTimerEventDefinition$1(businessObject),
 	        timerEventDefinitionType = getTimerDefinitionType(timerEventDefinition);
 
 	  const getValue = () => {
@@ -96763,10 +96804,7 @@
 	    } // (2) Create empty formalExpression element
 
 
-	    const formalExpression = bpmnFactory.create('bpmn:FormalExpression', {
-	      body: undefined
-	    });
-	    formalExpression.$parent = timerEventDefinition; // (3) Set the value for selected timerEventDefinitionType
+	    const formalExpression = createTimerFormalExpression(bpmnFactory, timerEventDefinition); // (3) Set the value for selected timerEventDefinitionType
 
 	    const newProps = {
 	      timeDuration: undefined,
@@ -96787,33 +96825,10 @@
 	  };
 
 	  const getOptions = element => {
-	    const options = [{
+	    return [{
 	      value: '',
 	      label: translate('<none>')
-	    }];
-
-	    if (isTimerDefinitionTypeSupported('timeDate', element)) {
-	      options.push({
-	        value: 'timeDate',
-	        label: translate('Date')
-	      });
-	    }
-
-	    if (isTimerDefinitionTypeSupported('timeDuration', element)) {
-	      options.push({
-	        value: 'timeDuration',
-	        label: translate('Duration')
-	      });
-	    }
-
-	    if (isTimerDefinitionTypeSupported('timeCycle', element)) {
-	      options.push({
-	        value: 'timeCycle',
-	        label: translate('Cycle')
-	      });
-	    }
-
-	    return options;
+	    }, ...options];
 	  };
 
 	  return SelectEntry({
@@ -96830,28 +96845,49 @@
 	 * timerEventDefintionValue based on the set timerEventDefintionType. To be used
 	 * together with timerEventDefinitionType.
 	 *
-	 * @param  {type} props
+	 * @param {object} props
+	 * @param {ModdleElement} props.element
+	 * @param {'timeCycle'|'timeDate'|'timeDuration'} props.timerEventDefinitionType?
+	 * @param {string} props.label?
 	 * @return {TextFieldEntry}
 	 */
 
 
 	function TimerEventDefinitionValue$1(props) {
 	  const {
-	    element
+	    element,
+	    label,
+	    timerEventDefinitionType
 	  } = props;
 	  const commandStack = useService('commandStack'),
 	        translate = useService('translate'),
-	        debounce = useService('debounceInput');
+	        debounce = useService('debounceInput'),
+	        bpmnFactory = useService('bpmnFactory');
 	  const businessObject = getBusinessObject$1(element),
-	        timerEventDefinition = getTimerEventDefinition(businessObject),
-	        timerEventDefinitionType = getTimerDefinitionType(timerEventDefinition),
-	        timerEventFormalExpression = timerEventDefinition.get(timerEventDefinitionType);
+	        timerEventDefinition = getTimerEventDefinition$1(businessObject),
+	        timerEventFormalExpression = timerEventDefinition.get(timerEventDefinitionType); // TODO(@barmac): remove with next major release
+	  // support `timerEventDefinitionDurationValue` for backwards compatibility
+
+	  const legacyId = getLegacyId(element);
 
 	  const getValue = () => {
 	    return timerEventFormalExpression && timerEventFormalExpression.get('body');
 	  };
 
 	  const setValue = value => {
+	    if (!timerEventFormalExpression) {
+	      const expression = createTimerFormalExpression(bpmnFactory, timerEventDefinition);
+	      expression.set('body', value);
+	      commandStack.execute('element.updateModdleProperties', {
+	        element,
+	        moddleElement: timerEventDefinition,
+	        properties: {
+	          [timerEventDefinitionType]: expression
+	        }
+	      });
+	      return;
+	    }
+
 	    commandStack.execute('element.updateModdleProperties', {
 	      element,
 	      moddleElement: timerEventFormalExpression,
@@ -96863,90 +96899,14 @@
 
 	  return withVariableContext(FeelEntry)({
 	    element,
-	    id: 'timerEventDefinitionValue',
-	    label: translate('Value'),
+	    id: legacyId || 'timerEventDefinitionValue',
+	    label: label || translate('Value'),
 	    feel: 'optional',
 	    getValue,
 	    setValue,
 	    debounce,
 	    description: getTimerEventDefinitionValueDescription$1(timerEventDefinitionType, translate)
 	  });
-	}
-	/**
-	 * TimerEventDefinitionDurationValue - textField entry allowing to specify the
-	 * duration value. This is to be used stand-alone, without the TimerEventDefinitionType
-	 *
-	 * @param  {type} props
-	 * @return {TextFieldEntry}
-	 */
-
-
-	function TimerEventDefinitionDurationValue(props) {
-	  const {
-	    element
-	  } = props;
-	  const bpmnFactory = useService('bpmnFactory'),
-	        commandStack = useService('commandStack'),
-	        translate = useService('translate'),
-	        debounce = useService('debounceInput');
-	  const businessObject = getBusinessObject$1(element),
-	        timerEventDefinition = getTimerEventDefinition(businessObject);
-	  let timerEventFormalExpression = timerEventDefinition.get('timeDuration');
-
-	  const getValue = () => {
-	    return timerEventFormalExpression && timerEventFormalExpression.get('body');
-	  };
-
-	  const setValue = value => {
-	    const commands = []; // (1) re-use formalExpression
-
-	    if (!timerEventFormalExpression) {
-	      timerEventFormalExpression = bpmnFactory.create('bpmn:FormalExpression', {
-	        body: undefined
-	      });
-	      timerEventFormalExpression.$parent = timerEventDefinition; // (1.1) update the formalExpression
-
-	      const properties = {
-	        timeDuration: timerEventFormalExpression,
-	        timeDate: undefined,
-	        timeCycle: undefined
-	      }; // (1.2) push command
-
-	      commands.push({
-	        cmd: 'element.updateModdleProperties',
-	        context: {
-	          element,
-	          moddleElement: timerEventDefinition,
-	          properties
-	        }
-	      });
-	    } // (2) update value
-
-
-	    commands.push({
-	      cmd: 'element.updateModdleProperties',
-	      context: {
-	        element,
-	        moddleElement: timerEventFormalExpression,
-	        properties: {
-	          body: value
-	        }
-	      }
-	    }); // (3) commit all commands
-
-	    commandStack.execute('properties-panel.multi-command-executor', commands);
-	  };
-
-	  return withVariableContext(FeelEntry)({
-	    element,
-	    id: 'timerEventDefinitionDurationValue',
-	    label: translate('Timer duration'),
-	    feel: 'optional',
-	    getValue,
-	    setValue,
-	    debounce,
-	    description: getTimerEventDefinitionValueDescription$1('timeDuration', translate)
-	  });
 	} // helper //////////////////////////
 
 	/**
@@ -96972,7 +96932,7 @@
 	      return false;
 
 	    case 'timeCycle':
-	      if (is$5(element, 'bpmn:StartEvent')) {
+	      if (is$5(element, 'bpmn:StartEvent') && !isInterruptingStartEvent$1(businessObject)) {
 	        return true;
 	      }
 
@@ -96987,7 +96947,7 @@
 	        return true;
 	      }
 
-	      if (is$5(element, 'bpmn:BoundaryEvent') && !businessObject.cancelActivity) {
+	      if (is$5(element, 'bpmn:BoundaryEvent')) {
 	        return true;
 	      }
 
@@ -96998,6 +96958,14 @@
 	  }
 	}
 
+	function createTimerFormalExpression(bpmnFactory, eventDefinition) {
+	  const formalExpression = bpmnFactory.create('bpmn:FormalExpression', {
+	    body: undefined
+	  });
+	  formalExpression.$parent = eventDefinition;
+	  return formalExpression;
+	}
+
 	function getTimerEventDefinitionValueDescription$1(timerDefinitionType, translate) {
 	  switch (timerDefinitionType) {
 	    case 'timeDate':
@@ -97079,6 +97047,26 @@
 	  }
 	}
 
+	function isInterruptingStartEvent$1(bo) {
+	  return isInEventSubProcess$1(bo) && bo.get('isInterrupting') !== false;
+	}
+
+	function isInEventSubProcess$1(bo) {
+	  const parent = bo.$parent;
+	  return is$5(parent, 'bpmn:SubProcess') && parent.triggeredByEvent;
+	}
+
+	function getLegacyId(event) {
+	  if (is$5(event, 'bpmn:IntermediateCatchEvent') || isInterruptingBoundaryEvent(event)) {
+	    return 'timerEventDefinitionDurationValue';
+	  }
+	}
+
+	function isInterruptingBoundaryEvent(event) {
+	  const bo = getBusinessObject$1(event);
+	  return is$5(bo, 'bpmn:BoundaryEvent') && bo.get('cancelActivity') !== false;
+	}
+
 	function ExtensionProperty(props) {
 	  const {
 	    idPrefix,
@@ -97370,7 +97358,7 @@
 	      groups = groups.concat(this._getGroups(element)); // (2) update existing groups with zeebe specific properties
 
 	      updateMessageGroup(groups, element);
-	      updateTimerGroup$1(groups, element);
+	      updateTimerGroup$1(groups, element, this._injector);
 	      updateMultiInstanceGroup$1(groups, element); // (3) remove message group when not applicable
 
 	      groups = removeMessageGroup(groups, element);
@@ -97554,7 +97542,7 @@
 	} // overwrite bpmn generic timerEventDefinition group with zeebe-specific one
 
 
-	function updateTimerGroup$1(groups, element) {
+	function updateTimerGroup$1(groups, element, injector) {
 	  const timerEventGroup = findGroup$1(groups, 'timer');
 
 	  if (!timerEventGroup) {
@@ -97562,7 +97550,8 @@
 	  }
 
 	  timerEventGroup.entries = [...TimerProps$1({
-	    element
+	    element,
+	    injector
 	  })];
 	} // overwrite bpmn generic multiInstance group with zeebe-specific one
 
@@ -101813,7 +101802,7 @@
 	  messageName: element => {
 	    const translate = useService('translate');
 
-	    if (is$5(element, 'bpmn:StartEvent') && !isInEventSubProcess(element)) {
+	    if (is$5(element, 'bpmn:StartEvent') && !isInEventSubProcess$2(element)) {
 	      return o$1("a", {
 	        href: "https://docs.camunda.io/docs/components/modeler/bpmn/message-events/#messages",
 	        target: "_blank",
@@ -101908,7 +101897,7 @@
 	  }
 	};
 
-	function isInEventSubProcess(element) {
+	function isInEventSubProcess$2(element) {
 	  const bo = getBusinessObject$1(element),
 	        parent = bo.$parent;
 	  return is$5(parent, 'bpmn:SubProcess') && parent.triggeredByEvent;
@@ -102186,8 +102175,131 @@
 	  return getExtensionElementsList(businessObject, 'zeebe:TaskHeaders')[ 0 ];
 	}
 
+	function getTimerEventDefinition(element) {
+	  const bo = getBusinessObject$1(element);
+
+	  return bo.get('eventDefinitions').find(definition => is$5(definition, 'bpmn:TimerEventDefinition'));
+	}
+
+	/**
+	 * isTypeSupported - Checks whether a given time property is supported for a given element.
+	 *
+	 * @param  {string} timerDefinitionType
+	 * @param  {ModdleElement} element
+	 *
+	 * @return {boolean}
+	 */
+	function isTypeSupported(timerDefinitionType, element) {
+	  const businessObject = getBusinessObject$1(element);
+
+	  switch (timerDefinitionType) {
+	  case 'timeDate':
+	    if (is$5(element, 'bpmn:StartEvent')) {
+	      return true;
+	    }
+	    return false;
+
+	  case 'timeCycle':
+	    if (is$5(element, 'bpmn:StartEvent') && !isInterruptingStartEvent(businessObject)) {
+	      return true;
+	    }
+
+	    if (is$5(element, 'bpmn:BoundaryEvent') && !businessObject.cancelActivity) {
+	      return true;
+	    }
+	    return false;
+
+	  case 'timeDuration':
+	    if (is$5(element, 'bpmn:IntermediateCatchEvent')) {
+	      return true;
+	    }
+
+	    if (is$5(element, 'bpmn:BoundaryEvent')) {
+	      return true;
+	    }
+	    return false;
+	  }
+	}
+
+	function isInterruptingStartEvent(bo) {
+	  return isInEventSubProcess(bo) && bo.get('isInterrupting') !== false;
+	}
+
+	function isInEventSubProcess(bo) {
+	  const parent = bo.$parent;
+
+	  return is$5(parent, 'bpmn:SubProcess') && parent.triggeredByEvent;
+	}
+
+	/**
+	 * Zeebe BPMN behavior ensuring that bpmn:TimerEventDefinition has only allowed time properties of:
+	 * - timeCycle
+	 * - timeDate
+	 * - timeDuration
+	 */
+	class CleanUpTimerExpressionBehavior extends CommandInterceptor {
+	  constructor(eventBus, modeling) {
+	    super(eventBus);
+
+	    /**
+	     * Remove unsupported timer expressions.
+	     */
+	    this.postExecuted([
+	      'shape.move',
+	      'shape.replace',
+	      'element.updateProperties',
+	      'element.updateModdleProperties'
+	    ], context => {
+	      const element = context.shape || context.newShape || context.element;
+
+	      if (element.labelTarget) {
+	        return;
+	      }
+
+	      if (!is$5(element, 'bpmn:Event')) {
+	        return;
+	      }
+
+	      const timerEventDefinition = getTimerEventDefinition(element);
+
+	      if (!timerEventDefinition) {
+	        return;
+	      }
+
+	      const propertiesUpdate = {};
+
+	      [
+	        'timeCycle',
+	        'timeDate',
+	        'timeDuration'
+	      ].forEach((type) => {
+	        if (timerEventDefinition.get(type) && !isTypeSupported(type, element)) {
+	          propertiesUpdate[ type ] = undefined;
+	        }
+	      });
+
+	      if (!Object.keys(propertiesUpdate).length) {
+	        return;
+	      }
+
+	      modeling.updateModdleProperties(element, timerEventDefinition, propertiesUpdate);
+	    }, true);
+	  }
+	}
+
+	CleanUpTimerExpressionBehavior.$inject = [
+	  'eventBus',
+	  'modeling'
+	];
+
 	const WILDCARD = '*';
 
+	const TIMER_PROPERTIES = [
+	  'timeCycle',
+	  'timeDate',
+	  'timeDuration'
+	];
+
 	const zeebeServiceTaskProperties = [
 	  'zeebe:Input',
 	  'zeebe:LoopCharacteristics',
@@ -102201,14 +102313,15 @@
 	    eventBus.on('moddleCopy.canCopyProperty', (context) => {
 	      const {
 	        parent,
-	        property
+	        property,
+	        propertyName
 	      } = context;
 
-	      return this.canCopyProperty(property, parent);
+	      return this.canCopyProperty(property, parent, propertyName);
 	    });
 	  }
 
-	  canCopyProperty(property, parent) {
+	  canCopyProperty(property, parent, propertyName) {
 
 	    // (1) check if property is allowed in parent
 	    if (isObject(property) && !isAllowedInParent(property, parent)) {
@@ -102219,6 +102332,10 @@
 	    if (!this.canHostServiceTaskLikeProperties(property, parent)) {
 	      return false;
 	    }
+
+	    if (!this.canHostTimerExpression(property, parent, propertyName)) {
+	      return false;
+	    }
 	  }
 
 	  canHostServiceTaskLikeProperties(property, parent) {
@@ -102232,6 +102349,18 @@
 
 	    return true;
 	  }
+
+	  canHostTimerExpression(property, parent, propertyName) {
+	    if (!is$5(parent, 'bpmn:TimerEventDefinition') || !TIMER_PROPERTIES.includes(propertyName)) {
+	      return true;
+	    }
+
+	    if (!isTypeSupported(propertyName, parent.$parent)) {
+	      return false;
+	    }
+
+	    return true;
+	  }
 	}
 
 	ZeebeModdleExtension.$inject = [ 'eventBus' ];
@@ -102898,6 +103027,7 @@
 	var behaviorsModule = {
 	  __init__: [
 	    'cleanUpBusinessRuleTaskBehavior',
+	    'cleanUpTimerExpressionBehavior',
 	    'copyPasteBehavior',
 	    'createZeebeCallActivityBehavior',
 	    'deleteParticipantBehaviour',
@@ -102906,6 +103036,7 @@
 	    'updatePropagateAllChildVariablesBehavior'
 	  ],
 	  cleanUpBusinessRuleTaskBehavior: [ 'type', CleanUpBusinessRuleTaskBehavior$1 ],
+	  cleanUpTimerExpressionBehavior: [ 'type', CleanUpTimerExpressionBehavior ],
 	  copyPasteBehavior: [ 'type', ZeebeModdleExtension ],
 	  createZeebeCallActivityBehavior: [ 'type', CreateZeebeCallActivityBehavior ],
 	  deleteParticipantBehaviour: [ 'type', DeleteParticipantBehaviour ],