text: import { Component, HostListener, HostBinding, ViewEncapsulation, EventEmitter, NgZone } from '@angular/core';
  var MdlBackdropOverlayComponent = /** @class */ (function () {
      function MdlBackdropOverlayComponent(ngZone) {
          this.ngZone = ngZone;
          this.clickEmitter = new EventEmitter();
          this.visible = false;
          this.zIndex = 0;
      }
      Object.defineProperty(MdlBackdropOverlayComponent.prototype, "display", {
          get: function () {
              return this.visible ? null : 'none';
          },
          enumerable: true,
          configurable: true
      });
      MdlBackdropOverlayComponent.prototype.onBackdropClick = function (e) {
          var _this = this;
          // this event runs not in angular zone of the main app. make sure it runs in the main angular zone
          // and change detection works
          this.ngZone.run(function () {
              _this.clickEmitter.emit();
          });
          e.stopPropagation();
      };
      MdlBackdropOverlayComponent.prototype.hide = function () {
          this.visible = false;
      };
      MdlBackdropOverlayComponent.prototype.showWithZIndex = function (zIndex) {
          this.zIndex = zIndex;
          this.visible = true;
      };
      MdlBackdropOverlayComponent.decorators = [
          { type: Component, args: [{
                      selector: 'mdl-backdrop-overlay',
                      host: {
                          '[class.dialog-backdrop]': 'true',
                      },
                      template: "",
                      styles: [
                          "    \n      .dialog-backdrop {\n        position: fixed;\n        top: 0; right: 0; bottom: 0; left: 0;\n        background: rgba(0,0,0,0.1);\n      }\n    "
                      ],
                      encapsulation: ViewEncapsulation.None
                  },] },
      ];
      /** @nocollapse */
      MdlBackdropOverlayComponent.ctorParameters = function () { return [
          { type: NgZone }
      ]; };
      MdlBackdropOverlayComponent.propDecorators = {
          display: [{ type: HostBinding, args: ['style.display',] }],
          zIndex: [{ type: HostBinding, args: ['style.zIndex',] }],
          onBackdropClick: [{ type: HostListener, args: ['click', ['$event'],] }]
      };
      return MdlBackdropOverlayComponent;
  }());
  export { MdlBackdropOverlayComponent };
  //# sourceMappingURL=mdl-backdrop-overlay.component.js.map