mixin menu-content
  .pfm-container
    if !propertyFilter.hasSelectedProperty()
      mp-properties-screen(
        attrs=$helpers.filterAttributes({
          'all-events': $attrs[`all-events`],
          'display-context': $helpers.getDisplayContext(),
          'event-name': $helpers.getEventName(),
          'is-blocked-people': $helpers.getIsBlockedPeople(),
          'project-has-events': $helpers.getProjectHasEvents(),
          'project-has-people': $helpers.getProjectHasPeople(),
          'project-id': $helpers.getProjectId(),
          'search-filter': $helpers.getPropertySearchFilter(),
        })
        on={
          clickProperty: $helpers.clickProperty,
        }
        props=$helpers.getKeydownProxyElProps()
      )
    else
      mp-property-values-screen(
        attrs=$helpers.filterAttributes({
          'all-events': $attrs[`all-events`],
          'display-context': $helpers.getDisplayContext(),
          'event-name': propertyFilter.resourceType === $helpers.ResourceType.Event ? $helpers.getEventName() : null,
          'property-filter': JSON.stringify(propertyFilter.getAttributes()),
          'has-back-button': true,
          'project-id': $helpers.getProjectId(),
        })
        on={
          clickBack: $helpers.clickBackFromPropertyValues,
          changePropertyFilter: $helpers.changePropertyFilter,
          commitPropertyFilter: $helpers.commitPropertyFilter,
          draw: $helpers.dispatchDraw,
        }
        props=$helpers.getKeydownProxyElProps()
      )

.pfm-outer
  if $attrs[`has-drop-menu`]
    mp-drop-menu(
      attrs={
        open: $helpers.getOpen(),
        'prevent-close-selectors': $helpers.getPreventCloseSelectors(),
      }
      on={
        change: $helpers.changeDropMenu,
      }
    )
      +menu-content
  else
    +menu-content