[{"__symbolic":"module","version":4,"metadata":{"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-modal","template":"\n    <div class=\"dc-modal-backdrop\"></div>\n    <div class=\"dc-modal-click\" (click)=\"onModalClick($event)\">\n      <div #mdalOuter class=\"dc-modal-box\" tabindex=\"1\" [style.width]=\"width\">\n        <div *ngIf=\"title && !hideTitle\" class=\"dc-modal-header\" [ngStyle]=\"setHeaderShadow(noHeaderShadow)\">\n          <div class=\"dc-modal-title\">\n            <img *ngIf=\"iconCls\" src=\"{{iconCls}}\">\n            {{title}}\n          </div>\n          <div *ngIf=\"!hideClose\" class=\"dc-modal-close\" (click)=\"onHidden()\"></div>\n        </div>\n        <div class=\"dc-modal-content\">\n          <template dcModalContainerHost></template>\n        </div>\n      </div>\n    </div>\n  ","styles":[".dc-modal-backdrop,\n    .dc-modal-click {\n      position: fixed;\n      width: 100%;\n      height: 100%;\n      opacity: 0.2;\n      background: #000;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 1004;\n    }\n\n    .dc-modal-click {\n      opacity: 1;\n      background: transparent;\n      z-index: 1010;\n      overflow-y: auto;\n      display: block;\n      display: -ms-flexbox;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center\n    }\n\n    .dc-modal-box {\n      width: 60%;\n      box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);\n      margin: 0 auto;\n      background: #fff;\n    }\n\n    .dc-modal-header {\n      /*box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);*/\n      padding: 0 20px;\n      font-size: 18px;\n      font-weight: bold;\n      height: 50px;\n      line-height: 50px;\n      position: relative;\n    }\n\n    .dc-modal-title {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      width: calc(100% - 46px);\n      display: flex;\n      align-items: center;\n    }\n\n    .dc-modal-title img {\n      margin-right: 5px;\n    }\n\n    .dc-modal-close {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAATlBMVEUAAAAAAAAAAAAAAAAAAACcnJzw8PDk5OT+/v7W1tb+/v78/Pz4+Pj29vb09PTm5ub9/f3R0dGVlZX////x8fF9fX1mZmZ/f3/5+fmJiYmRqov8AAAAE3RSTlMABgkOES6kevRd+ufSw7+F8lgpV5JIPgAAAOBJREFUKM+lk+kSgyAMhAsRj3obz/d/0UYUVoszdKb7Qxm+TSaE8PpdSiktkt8z1USJiEgsT9RkTcVcNZkJHEKHlL3SQRx33Od8Ud5bA3DGX8ouBkUFBypI+XDTycY6OjSu8umMVi483fG2jCdett2QknLhdneaxWDxPNnFmUBRyzAAc0sHT2qGAZjrg+ukZG+YJo+5TPTB3wwDML/jHPld5bZI5Ed9Z+UjDDW58wGjDzifNsDumOgP+muxNaC/Z4I8vJ9cwiP3G58PGIr7fBXBAJrrfBrgyHxH3kfkff2vD54SI6E1SleBAAAAAElFTkSuQmCC) no-repeat center;\n      width: 31px;\n      height: 31px;\n      position: absolute;\n      right: 15px;\n      top: 10px;\n      cursor: pointer;\n    }\n\n    .dc-modal-content {\n      min-height: 100px;\n    }"]}]}],"members":{"modalContainerHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./modal.directive","name":"ModalContainerDirective"}]}]}],"mdalOuter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["mdalOuter"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"backdropCloseable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"beforeHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"noHeaderShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../document-ref/document-ref.service","name":"DocumentRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/router","name":"Router"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onHidden":[{"__symbolic":"method"}],"canHideModel":[{"__symbolic":"method"}],"setHeaderShadow":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}]}}}}]