ngx-msg
Version:
Angular notification component
1 lines • 12.4 kB
JavaScript
!function(A,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],s):s(A["ngx-msg"]=A["ngx-msg"]||{},A.ng.core,A.ng.common)}(this,function(A,s,B){"use strict";var g=function(){function A(){}return A.TopRight=1,A.BottomRight=2,A.TopLeft=3,A.BottomLeft=4,A.TopFull=5,A.BottomFull=6,A}(),o=function(){function A(){this.newMessage=new s.EventEmitter}return A.prototype.message=function(A){this.newMessage.emit(A)},A.decorators=[{type:s.Injectable}],A.ctorParameters=[],A.propDecorators={newMessage:[{type:s.Output}]},A}(),t=function(){function A(){this.position=g.TopRight,this.visibleTime=5e3,this.closeOnClick=!0}return A.decorators=[{type:s.Injectable}],A.ctorParameters=[],A}(),i=function(){function A(A,s){this.msgService=A,this.config=s,this.messages=[],this.pos={top:0,right:0,bottom:0,left:0},this.opts=null,this.opts=Object.assign({},s),this.setPosition(this.opts.position)}return A.prototype.ngOnInit=function(){this.subscription=this.msgService.newMessage.subscribe(this.newMessage.bind(this))},A.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},A.prototype.ngOnChanges=function(A){A.hasOwnProperty("options")&&(this.parseOptions(A.options.currentValue),this.setPosition(this.opts.position))},A.prototype.parseOptions=function(A){var s=this;void 0!==A&&Object.keys(A).forEach(function(B){s.opts[B]=A[B]})},A.prototype.newMessage=function(A){var s=this;this.messages.push(A),setTimeout(function(){s.removeMessage(A)},A.visibleTime?A.visibleTime:this.opts.visibleTime)},A.prototype.onClickMsg=function(A){this.opts.closeOnClick&&this.removeMessage(A)},A.prototype.removeMessage=function(A){var s=this.messages.indexOf(A);-1!==s&&this.messages.splice(s,1)},A.prototype.setPosition=function(A){var s=null,B=null,o=null,t=null;A===g.TopRight?(s=0,B=0):A===g.BottomRight?(o=0,B=0):A===g.TopLeft?(s=0,t=0):A===g.BottomLeft?(o=0,t=0):A===g.TopFull?(s=0,t=0,B=0):A===g.BottomFull&&(o=0,t=0,B=0),this.pos={top:s,right:B,bottom:o,left:t}},A.decorators=[{type:s.Component,args:[{selector:"ngx-msg",styles:['.ngx-msg-container{position:fixed;z-index:100000}.ngx-msg{display:-webkit-flex;display:flex;align-items:center;border-radius:2px;-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;margin:2px;padding:4px}.ngx-msg-close-on-click{cursor:pointer}.ngx-msg-icon-container{width:30px;margin-right:2px;text-align:center}.ngx-msg-text-container{margin:0 2px;width:100%}.ngx-msg-text-container-not-full{width:270px}.ngx-msg-text{word-wrap:break-word;display:table;table-layout:fixed;width:100%}.ngx-msg-success{background-color:#CFEAC4;border:1px solid #2C763E;color:#2C763E}.ngx-msg-info{background-color:#CFE3ED;border:1px solid #3A87AD;color:#3A87AD}.ngx-msg-warning{background-color:#FFC;border:1px solid #8E6621;color:#8E6621}.ngx-msg-error{background-color:#F2DEDE;border:1px solid #A94444;color:#A94444}@font-face{font-family:ngx-msg-icon;font-weight:400;font-style:normal}@font-face{font-family:ngx-msg-icon;src:url(data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+JUhTAAABUAAAAFZjbWFwKJ7sxAAAAagAAAGaY3Z0IAbV/wQAAAnwAAAAIGZwZ22KkZBZAAAKEAAAC3BnYXNwAAAAEAAACegAAAAIZ2x5Zrv54iYAAANEAAACXmhlYWQOzN8RAAAFpAAAADZoaGVhBz0DVwAABdwAAAAkaG10eA2rAAAAAAYAAAAAFGxvY2EBHgGxAAAGFAAAAAxtYXhwANkLvwAABiAAAAAgbmFtZclNJHcAAAZAAAADOXBvc3QnxFunAAAJfAAAAGpwcmVw5UErvAAAFYAAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAECvAGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOgF6AgDUv9qAFoDUgCWAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFaAAEAAAAAAFQAAwABAAAALAADAAoAAAFaAAQAKAAAAAQABAABAADoCP//AADoBf//AAAAAQAEAAAAAQACAAMABAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAQAAAAAAAAAAEAADoBQAA6AUAAAABAADoBgAA6AYAAAACAADoBwAA6AcAAAADAADoCAAA6AgAAAAEAAAAAQAAAAADpQKYABUAHUAaDwEAAQFHAAIBAm8AAQABbwAAAGYUFxQDBRcrARQHAQYiJwEmND8BNjIfAQE2Mh8BFgOlEP4gECwQ/uoPD0wQLBCkAW4QLBBMEAIWFhD+IA8PARYQLBBMEBClAW8QEEwPAAEAAP/vAtQChgAkAB5AGyIZEAcEAAIBRwMBAgACbwEBAABmFBwUFAQFGCslFA8BBiIvAQcGIi8BJjQ/AScmND8BNjIfATc2Mh8BFhQPARcWAtQPTBAsEKSkECwQTBAQpKQQEEwQLBCkpBAsEEwPD6SkD3AWEEwPD6WlDw9MECwQpKQQLBBMEBCkpBAQTA8uD6SkDwACAAD/+QFmAwsAHgAuAD9APB8BBQYaEgICAwgAAgABA0cABgAFAwYFYAADAAIBAwJgBAEBAAABVAQBAQEAWAAAAQBMNSYjJiEWMwcFGyslFRQGByEiJic1NDY3MzUjIiYnNTQ2NzMyFhcRMzIWAxUUBgcjIiY9ATQ2OwEyFgFlFBD+4w8UARYOIyMPFAEWDtYPFAEjDxZIFg6PDhYWDo8PFGRHDxQBFg5HDxQB1hYORw8UARYO/r8WAnVrDxQBFg5rDhYWAAAAAAIAAP/5ATADCwAPAB8ALEApGREQAwIDAUcAAwIDbwACAQJvAAEAAAFUAAEBAFgAAAEATDUmJiQEBRgrJRUUBgcjIiY9ATQ2FzMyFhMDDgEnIyImJwMmNjsBMhYBHhYOjw4WFg6PDxQSEAEWDo8OFgEPARYNsw4Wmn0PFAEWDn0OFgEUAj7+Uw4WARQPAa0OFhYAAAABAAAAAQAAGyYCH18PPPUACwPoAAAAANXizZkAAAAA1eLNmQAA/+8D6AMLAAAACAACAAAAAAAAAAEAAANS/2oAAAPoAAD//wPoAAEAAAAAAAAAAAAAAAAAAAAFA+gAAAPoAAADEQAAAWUAAAFlAAAAAAAAADgAggDmAS8AAQAAAAUALwACAAAAAAACAA4AHgBzAAAAUAtwAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABABEANQABAAAAAAACAAcARgABAAAAAAADABEATQABAAAAAAAEABEAXgABAAAAAAAFAAsAbwABAAAAAAAGABEAegABAAAAAAAKACsAiwABAAAAAAALABMAtgADAAEECQAAAGoAyQADAAEECQABACIBMwADAAEECQACAA4BVQADAAEECQADACIBYwADAAEECQAEACIBhQADAAEECQAFABYBpwADAAEECQAGACIBvQADAAEECQAKAFYB3wADAAEECQALACYCNUNvcHlyaWdodCAoQykgMjAxNyBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29tbXlkYXRlcmFuZ2VwaWNrZXJSZWd1bGFybXlkYXRlcmFuZ2VwaWNrZXJteWRhdGVyYW5nZXBpY2tlclZlcnNpb24gMS4wbXlkYXRlcmFuZ2VwaWNrZXJHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEANwAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AbQB5AGQAYQB0AGUAcgBhAG4AZwBlAHAAaQBjAGsAZQByAFIAZQBnAHUAbABhAHIAbQB5AGQAYQB0AGUAcgBhAG4AZwBlAHAAaQBjAGsAZQByAG0AeQBkAGEAdABlAHIAYQBuAGcAZQBwAGkAYwBrAGUAcgBWAGUAcgBzAGkAbwBuACAAMQAuADAAbQB5AGQAYQB0AGUAcgBhAG4AZwBlAHAAaQBjAGsAZQByAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUBAgEDAQQBBQEGAA9uZ3gtbXNnLXN1Y2Nlc3MNbmd4LW1zZy1lcnJvcgxuZ3gtbXNnLWluZm8Pbmd4LW1zZy13YXJuaW5nAAAAAAABAAH//wAPAAAAAAAAAAAAAAAAAAAAAAAYABgAGAAYA1L/agNS/2qwACwgsABVWEVZICBLuAAOUUuwBlNaWLA0G7AoWWBmIIpVWLACJWG5CAAIAGNjI2IbISGwAFmwAEMjRLIAAQBDYEItsAEssCBgZi2wAiwgZCCwwFCwBCZasigBCkNFY0VSW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCxAQpDRWNFYWSwKFBYIbEBCkNFY0UgsDBQWCGwMFkbILDAUFggZiCKimEgsApQWGAbILAgUFghsApgGyCwNlBYIbA2YBtgWVlZG7ABK1lZI7AAUFhlWVktsAMsIEUgsAQlYWQgsAVDUFiwBSNCsAYjQhshIVmwAWAtsAQsIyEjISBksQViQiCwBiNCsQEKQ0VjsQEKQ7ABYEVjsAMqISCwBkMgiiCKsAErsTAFJbAEJlFYYFAbYVJZWCNZISCwQFNYsAErGyGwQFkjsABQWGVZLbAFLLAHQyuyAAIAQ2BCLbAGLLAHI0IjILAAI0JhsAJiZrABY7ABYLAFKi2wBywgIEUgsAtDY7gEAGIgsABQWLBAYFlmsAFjYESwAWAtsAgssgcLAENFQiohsgABAENgQi2wCSywAEMjRLIAAQBDYEItsAosICBFILABKyOwAEOwBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAssICBFILABKyOwAEOwBCVgIEWKI2EgZLAkUFiwABuwQFkjsABQWGVZsAMlI2FERLABYC2wDCwgsAAjQrILCgNFWCEbIyFZKiEtsA0ssQICRbBkYUQtsA4ssAFgICCwDENKsABQWCCwDCNCWbANQ0qwAFJYILANI0JZLbAPLCCwEGJmsAFjILgEAGOKI2GwDkNgIIpgILAOI0IjLbAQLEtUWLEEZERZJLANZSN4LbARLEtRWEtTWLEEZERZGyFZJLATZSN4LbASLLEAD0NVWLEPD0OwAWFCsA8rWbAAQ7ACJUKxDAIlQrENAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAOKiEjsAFhIIojYbAOKiEbsQEAQ2CwAiVCsAIlYbAOKiFZsAxDR7ANQ0dgsAJiILAAUFiwQGBZZrABYyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsQAAEyNEsAFDsAA+sgEBAUNgQi2wEywAsQACRVRYsA8jQiBFsAsjQrAKI7ABYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wFCyxABMrLbAVLLEBEystsBYssQITKy2wFyyxAxMrLbAYLLEEEystsBkssQUTKy2wGiyxBhMrLbAbLLEHEystsBwssQgTKy2wHSyxCRMrLbAeLACwDSuxAAJFVFiwDyNCIEWwCyNCsAojsAFgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAfLLEAHistsCAssQEeKy2wISyxAh4rLbAiLLEDHistsCMssQQeKy2wJCyxBR4rLbAlLLEGHistsCYssQceKy2wJyyxCB4rLbAoLLEJHistsCksIDywAWAtsCosIGCwEGAgQyOwAWBDsAIlYbABYLApKiEtsCsssCorsCoqLbAsLCAgRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOCMgilVYIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgbIVktsC0sALEAAkVUWLABFrAsKrABFTAbIlktsC4sALANK7EAAkVUWLABFrAsKrABFTAbIlktsC8sIDWwAWAtsDAsALABRWO4BABiILAAUFiwQGBZZrABY7ABK7ALQ2O4BABiILAAUFiwQGBZZrABY7ABK7AAFrQAAAAAAEQ+IzixLwEVKi2wMSwgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhOC2wMiwuFzwtsDMsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYbABQ2M4LbA0LLECABYlIC4gR7AAI0KwAiVJiopHI0cjYSBYYhshWbABI0KyMwEBFRQqLbA1LLAAFrAEJbAEJUcjRyNhsAlDK2WKLiMgIDyKOC2wNiywABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyCwCEMgiiNHI0cjYSNGYLAEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsAJiILAAUFiwQGBZZrABY2AjILABKyOwBENgsAErsAUlYbAFJbACYiCwAFBYsEBgWWawAWOwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbA3LLAAFiAgILAFJiAuRyNHI2EjPDgtsDgssAAWILAII0IgICBGI0ewASsjYTgtsDkssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbkIAAgAY2MjIFhiGyFZY7gEAGIgsABQWLBAYFlmsAFjYCMuIyAgPIo4IyFZLbA6LLAAFiCwCEMgLkcjRyNhIGCwIGBmsAJiILAAUFiwQGBZZrABYyMgIDyKOC2wOywjIC5GsAIlRlJYIDxZLrErARQrLbA8LCMgLkawAiVGUFggPFkusSsBFCstsD0sIyAuRrACJUZSWCA8WSMgLkawAiVGUFggPFkusSsBFCstsD4ssDUrIyAuRrACJUZSWCA8WS6xKwEUKy2wPyywNiuKICA8sAQjQoo4IyAuRrACJUZSWCA8WS6xKwEUK7AEQy6wKystsEAssAAWsAQlsAQmIC5HI0cjYbAJQysjIDwgLiM4sSsBFCstsEEssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyBHsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhsAIlRmE4IyA8IzgbISAgRiNHsAErI2E4IVmxKwEUKy2wQiywNSsusSsBFCstsEMssDYrISMgIDywBCNCIzixKwEUK7AEQy6wKystsEQssAAVIEewACNCsgABARUUEy6wMSotsEUssAAVIEewACNCsgABARUUEy6wMSotsEYssQABFBOwMiotsEcssDQqLbBILLAAFkUjIC4gRoojYTixKwEUKy2wSSywCCNCsEgrLbBKLLIAAEErLbBLLLIAAUErLbBMLLIBAEErLbBNLLIBAUErLbBOLLIAAEIrLbBPLLIAAUIrLbBQLLIBAEIrLbBRLLIBAUIrLbBSLLIAAD4rLbBTLLIAAT4rLbBULLIBAD4rLbBVLLIBAT4rLbBWLLIAAEArLbBXLLIAAUArLbBYLLIBAEArLbBZLLIBAUArLbBaLLIAAEMrLbBbLLIAAUMrLbBcLLIBAEMrLbBdLLIBAUMrLbBeLLIAAD8rLbBfLLIAAT8rLbBgLLIBAD8rLbBhLLIBAT8rLbBiLLA3Ky6xKwEUKy2wYyywNyuwOystsGQssDcrsDwrLbBlLLAAFrA3K7A9Ky2wZiywOCsusSsBFCstsGcssDgrsDsrLbBoLLA4K7A8Ky2waSywOCuwPSstsGossDkrLrErARQrLbBrLLA5K7A7Ky2wbCywOSuwPCstsG0ssDkrsD0rLbBuLLA6Ky6xKwEUKy2wbyywOiuwOystsHAssDorsDwrLbBxLLA6K7A9Ky2wciyzCQQCA0VYIRsjIVlCK7AIZbADJFB4sAEVMC0AS7gAyFJYsQEBjlmwAbkIAAgAY3CxAAVCsgABACqxAAVCswoCAQgqsQAFQrMOAAEIKrEABkK6AsAAAQAJKrEAB0K6AEAAAQAJKrEDAESxJAGIUViwQIhYsQNkRLEmAYhRWLoIgAABBECIY1RYsQMARFlZWVmzDAIBDCq4Af+FsASNsQIARAAA) format(\'truetype\')}.ngx-msg-icon{font-size:26px;font-family:ngx-msg-icon;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ngx-msg-success:before{content:"\\e805"}.icon-ngx-msg-error:before{content:"\\e806"}.icon-ngx-msg-info:before{content:"\\e807"}.icon-ngx-msg-warning:before{content:"\\e808"}'],template:"<div class=\"ngx-msg-container\" [ngStyle]=\"{'top': pos.top, 'left': pos.left, 'bottom': pos.bottom, 'right': pos.right}\"><div class=\"ngx-msg\" *ngFor=\"let m of messages; let i = index\" [ngClass]=\"{'ngx-msg-success': m.level === 1, 'ngx-msg-info': m.level === 2, 'ngx-msg-warning': m.level === 3, 'ngx-msg-error': m.level === 4, 'ngx-msg-close-on-click': opts.closeOnClick}\" (click)=\"onClickMsg(m)\"><div class=\"ngx-msg-icon-container\"><span class=\"ngx-msg-icon\" [ngClass]=\"{'icon-ngx-msg-success': m.level === 1, 'icon-ngx-msg-info': m.level === 2, 'icon-ngx-msg-warning': m.level === 3, 'icon-ngx-msg-error': m.level === 4}\"></span></div><div class=\"ngx-msg-text-container\" [ngClass]=\"{'ngx-msg-text-container-not-full': pos.left === null || pos.right === null}\"><div class=\"ngx-msg-text\">{{m.text}}</div></div></div></div>"}]}],A.ctorParameters=[{type:o},{type:t}],A.propDecorators={options:[{type:s.Input}]},A}(),e=function(){function A(){}return A.forRoot=function(){return{ngModule:A,providers:[t,o]}},A.decorators=[{type:s.NgModule,args:[{imports:[B.CommonModule],declarations:[i],exports:[i]}]}],A.ctorParameters=[],A}();A.NgxMsgComponent=i,A.NgxMsgModule=e,A.NgxMsgService=o,A.NgxMsgConfigService=t,Object.defineProperty(A,"__esModule",{value:!0})});