text: // IMPORTANT: this is a plugin which requires jQuery for initialisation and data manipulation
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
      return c > 3 && r && Object.defineProperty(target, key, r), r;
  };
  import { Component } from '@angular/core';
  var NotificationsComponent = /** @class */ (function () {
      function NotificationsComponent() {
      }
      NotificationsComponent.prototype.showNotification = function (from, align) {
          var type = ['', 'info', 'success', 'warning', 'danger', 'rose', 'primary'];
          var color = Math.floor((Math.random() * 6) + 1);
          $.notify({
              icon: 'notifications',
              message: 'Welcome to <b>Material Dashboard</b> - a beautiful dashboard for every web developer.'
          }, {
              type: type[color],
              timer: 30000,
              placement: {
                  from: from,
                  align: align
              },
              template: '<div data-notify="container" class="col-xs-11 col-sm-3 alert alert-{0} alert-with-icon" role="alert">' +
                  '<button mat-raised-button type="button" aria-hidden="true" class="close" data-notify="dismiss">  <i class="material-icons">close</i></button>' +
                  '<i class="material-icons" data-notify="icon">notifications</i> ' +
                  '<span data-notify="title">{1}</span> ' +
                  '<span data-notify="message">{2}</span>' +
                  '<div class="progress" data-notify="progressbar">' +
                  '<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
                  '</div>' +
                  '<a href="{3}" target="{4}" data-notify="url"></a>' +
                  '</div>'
          });
      };
      NotificationsComponent.prototype.ngOnInit = function () {
          var mainPanel = document.getElementsByClassName('main-panel')[0];
          $('.modal').on('shown.bs.modal', function () {
              mainPanel.classList.add('no-scroll');
          });
          $('.modal').on('hidden.bs.modal', function () {
              mainPanel.classList.remove('no-scroll');
          });
      };
      NotificationsComponent = __decorate([
          Component({
              selector: 'app-notifications-cmp',
              templateUrl: 'notifications.component.html'
          })
      ], NotificationsComponent);
      return NotificationsComponent;
  }());
  export { NotificationsComponent };
  //# sourceMappingURL=notifications.component.js.map