code: function mobileNavigationBackOnClickComponent() {
    return {
      require: '^^gmfMobileNav',
      restrict: 'A',
      scope: false,
      /**
       * @param {angular.IScope} scope Scope.
       * @param {JQuery} element Element.
       * @param {angular.IAttributes} attrs Attributes.
       * @param {angular.IController=} navCtrl Controller.
       */
      link: (scope, element, attrs, navCtrl) => {
        element.on('click', () => {
          if (!navCtrl) {
            throw new Error('Missing navCtrl');
          }
          navCtrl.backIfActive(element[0]);
        });
      }
    };
  }
docs: A directive to be used in conjunction with {@link import("gmf/mobile/navigation.js").default.component}.
  The directive can be set on a slide element of
  {@link import("gmf/mobile/navigation.js").default.component}.
  When the element is clicked, the navigation returns to the previous slide if
  the slide is currently active.
  
  Example:
  
  <nav class="gmf-mobile-nav-left" gmf-mobile-nav>
  ...
  <gmf-themeselector
  gmf-mobile-nav-back-on-click
  gmf-themeselector-currenttheme="mainCtrl.theme">
  </gmf-themeselector>
  
  @return {angular.IDirective} The Directive Definition Object.
  @ngInject