function MdFabToolbarDirective() {
    return {
      restrict: 'E',
      transclude: true,
      template: '<div class="md-fab-toolbar-wrapper">' +
      '  <div class="md-fab-toolbar-content" ng-transclude></div>' +
      '</div>',

      scope: {
        direction: '@?mdDirection',
        isOpen: '=?mdOpen'
      },

      bindToController: true,
      controller: 'MdFabController',
      controllerAs: 'ctrl',

      link: link
    };

    function link(scope, element, attributes) {
      // Add the base class for animations
      element.addClass('md-fab-toolbar');

      // Prepend the background element to the trigger's button
      element.find('md-fab-trigger').find('button')
        .prepend('<div class="md-fab-toolbar-background"></div>');
    }
  }
@ngdoc directive
@name mdFabToolbar
@module material.components.fabToolbar

@restrict E

@description

The `<md-fab-toolbar>` directive is used to present a toolbar of elements (usually `<md-button>`s)
for quick access to common actions when a floating action button is activated (via click or
keyboard navigation).

You may also easily position the trigger by applying one one of the following classes to the
`<md-fab-toolbar>` element:
 - `md-fab-top-left`
 - `md-fab-top-right`
 - `md-fab-bottom-left`
 - `md-fab-bottom-right`

These CSS classes use `position: absolute`, so you need to ensure that the container element
also uses `position: absolute` or `position: relative` in order for them to work.

@usage

<hljs lang="html">
<md-fab-toolbar md-direction='left'>
  <md-fab-trigger>
    <md-button aria-label="Add..."><md-icon md-svg-src="/img/icons/plus.svg"></md-icon></md-button>
  </md-fab-trigger>

  <md-toolbar>
   <md-fab-actions>
     <md-button aria-label="Add User">
       <md-icon md-svg-src="/img/icons/user.svg"></md-icon>
     </md-button>

     <md-button aria-label="Add Group">
       <md-icon md-svg-src="/img/icons/group.svg"></md-icon>
     </md-button>
   </md-fab-actions>
  </md-toolbar>
</md-fab-toolbar>
</hljs>

@param {string} md-direction From which direction you would like the toolbar items to appear
relative to the trigger element. Supports `left` and `right` directions.
@param {expression=} md-open Programmatically control whether or not the toolbar is visible.