retry() {
    // This fake async request will fail the first time
    let fails = 0;
    const fakeAsync = async(new Date().toLocaleTimeString(), () => ++fails <= 1);

    // Add a retry routine using an alert
    const fakeAsyncWithRetries = fakeAsync.pipe(retryWhen(errors => {
      return errors.pipe(switchMap(err => {
        return this.alert.open({
          text: 'Retry?',
          type: AlertType.Warning,
          showCancelButton: true,
        });
      }));
    }));

    this.alert.open({
      text: 'Show current time? (will fail the first time)',
      showCancelButton: true,
      confirmAction: fakeAsyncWithRetries
    }).subscribe(result => {
      this.alert.info(result.value, { title: 'Time' });
    }, err => {
      console.log(err);
      this.alert.error(String(err ? err.reason : err), { title: 'Error' });
    });
  }

 return errors.pipe(switchMap(err => {
   return this.alert.open({
     text: 'Retry?',
     type: AlertType.Warning,
     showCancelButton: true,
   });
 }));

 loader() {
   this.alert.open({
     title: 'Loading',
     text: 'Hit esc to close loader',
     loader: true,
     showConfirmButton: false
   });
 }

 async() {
   this.alert.open({
     text: 'Determine your user agent?',
     confirmAction: async(window.navigator.userAgent),
     showCancelButton: true
   }).subscribe(result => {
     this.alert.info(result.value, {
       title: 'Your user agent'
     });
   }, err => {
     this.alert.error('Could not determine user agent');
   });
 }

 inputText() {
   this.alert.open({
     text: 'What is your name?',
     input: AlertInput.Text,
     confirmButtonLabel: 'Next',
     inputValidator: (value) => {
       if (typeof value !== 'string' || value.length < 2) {
         throw new Error('This is not your name!');
       }
       return true;
     }
   }).subscribe(result => {
     this.alert.info('Hello ' + result.value);
   }, this.alert.noop);
 }

 question() {
   this.alert.open({
     text: 'Do you really want to delete the file?',
     title: 'Delete file?',
     type: AlertType.Question,
     showCloseButton: true,
     showCancelButton: true,
     cancelButtonLabel: 'No',
     confirmButtonLabel: 'Yes'
   }).subscribe((result) => {
     this.alert.success('File deleted');
   }, err => {
     this.alert.error('Reason: ' + err.reason , { title: 'File not deleted' });
   });
 }

 custom() {
   this.alert.open({
     text: 'This is a bit customized...',
     title: 'Information',
     type: AlertType.Info,
     showCloseButton: true,
     showCancelButton: true,
     confirmButtonClass: 'vclSuggestive',
     confirmButtonPrepIcon: 'fas:bolt',
     cancelButtonColor: 'orange',
     customClass: 'vclScale130p',
     titleAlignment: AlertAlignment.Center,
     contentAlignment: AlertAlignment.Center,
     buttonAlignment: AlertAlignment.Center,
   });
 }

 error() {
   this.alert.error('This is an error', {
     title: 'An error'
   });
 }

 success() {
   this.alert.success('You are successful', {
     title: 'A success'
   });
 }

 warning() {
   this.alert.warning('This is a warning', {
     title: 'A warning'
   });
 }