export function ClickAnywhereButHere(
  $document: IDocumentService,
  $timeout: ITimeoutService
): IDirective {
  'ngInject';

  return {
    restrict: 'A',
    link(scope, element, attr) {
      const handler = (event) => {
        if (!element[0].contains(event.target)) {
          // This fixes an event ordering bug in Safari that can cause closed dialogs to reopen
          $timeout(() => {
            scope.$apply(attr.dimClickAnywhereButHere);
          }, 150);
        }
      };

      $document.on('click touchstart', handler);
      scope.$on('$destroy', () => {
        $document.off('click touchstart', handler);
      });
    }
  };
}

          onOpen: function ($event) {
            if (scope.config.disabled) {
              $event.prevent();
              return;
            }

            if (hasBeenOpened === false) {
              hasBeenOpened = true;
            }
            filterOptions();

            $document.on('keyup', onEscPressed);

            domDropDownMenu.style.visibility = 'hidden';
            $timeout(function () {
              adjustHeight();
              domDropDownMenu.style.visibility = 'visible';

              if (scope.config.filter.active) {
                // use timeout to open dropdown first and then set the focus,
                // otherwise focus won't be set because iElement is not visible
                $timeout(function () {
                  iElement[0].querySelector('.dropdown-menu input').focus();
                });
              }
            });
            jqWindow.on('resize', adjustHeight);

            if (angular.isFunction(scope.config.dropdown.onOpen)) {
              (scope.config.dropdown.onOpen as any)();
            }
          },

 scope.$on('$destroy', () => {
   $document.off('click touchstart', handler);
 });