UNPKG

@addapptables/notifier

Version:
1 lines 17.3 kB
{"__symbolic":"module","version":4,"metadata":{"slideInDown":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":3,"character":4},"arguments":[{"transform":"translate3d(0,-100%, 0)","visibility":"visible","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":4},"arguments":[{"transform":"translate3d(0, 0, 0)","offset":1}]}],"zoomOut":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":4},"arguments":[{"opacity":1,"offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":4},"arguments":[{"transform":"scale3d(0.3, 0.3, 0.3)","offset":0.5}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":4},"arguments":[{"opacity":0,"offset":1}]}],"slideInUp":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":4},"arguments":[{"transform":"translate3d(0, 100%, 0)","visibility":"visible","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":4},"arguments":[{"transform":"translate3d(0, 0, 0)","offset":1}]}],"notifierAnimation":{"notifierAnimator":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"notifierTriggerAnimation"}}},"notifierTriggerAnimation":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":48,"character":11},"arguments":["notifierAnimator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":8},"arguments":["* => slideInUp",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":37},"arguments":[150,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":49,"character":50},"arguments":[{"__symbolic":"reference","name":"slideInUp"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":8},"arguments":["* => slideInDown",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":50,"character":39},"arguments":[150,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":50,"character":52},"arguments":[{"__symbolic":"reference","name":"slideInDown"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":51,"character":8},"arguments":["* => exit",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":51,"character":32},"arguments":[150,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":51,"character":45},"arguments":[{"__symbolic":"reference","name":"zoomOut"}]}]}]}]]}},"NOTIFIER":"addapptable-notifier-","NOTIFIER_CONTAINER":"addapptable-notifier-container","NotifierConfiguration":{"__symbolic":"class","members":{}},"NotifierPositionType":{"topRight":0,"topLeft":1,"bottomRight":2,"bottomLeft":3},"NotifierType":{"primary":"addapptable-notifier-primary","accent":"addapptable-notifier-accent","success":"addapptable-notifier-success","warning":"addapptable-notifier-warning","danger":"addapptable-notifier-danger","info":"addapptable-notifier-info"},"Notifier":{"__symbolic":"class","arity":2,"members":{}},"NotifierRef":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NotifierComponent"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"DomPortalOutlet","line":17,"character":16},{"__symbolic":"error","message":"Could not resolve type","line":18,"character":18,"context":{"typeName":"HTMLDocument"},"module":"./lib/notifier-ref"},{"__symbolic":"reference","name":"string"}]}],"afterClosed":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"changedStyle":[{"__symbolic":"method"}],"_destroyPortal":[{"__symbolic":"method"}]}},"NotifierComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"addapptable-notifier","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"Default"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"notifierAnimation"},"member":"notifierAnimator"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"},"template":"<div [class]=\"'addapptable-notifier '+ data.type\" [@notifierAnimator]=\"_state\" (@notifierAnimator.start)=\"_animationStateChanged.emit($event)\"\n (@notifierAnimator.done)=\"_animationStateChanged.emit($event)\" [ngStyle]=\"_style\">\n <i *ngIf=\"configuration.classIcon\" [class]=\"configuration.classIcon\">{{configuration.iconValue}}</i>\n <button type=\"button\" (click)=\"close()\">x</button>\n <span class=\"message\">\n <ng-template addapptablesDynamic></ng-template>\n <span *ngIf=\"!data.templateOrComponent\">{{data.message}}</span>\n </span>\n</div>","styles":[".addapptable-notifier{margin:1em;display:inline-block;position:fixed;z-index:1031;border-radius:3px;transition:.19s ease-in-out}.addapptable-notifier-success{background-color:#5cb85c;color:#5cb85c}.addapptable-notifier-info{background-color:#20a9d2;color:#20a9d2}.addapptable-notifier-warning{background-color:#e09d3d;color:#e09d3d}.addapptable-notifier-danger{background-color:#d43934;color:#d43934}.addapptable-notifier>i{display:block;left:15px;position:absolute;margin-top:-26px;font-size:20px;background-color:#fff!important;padding:9px;border-radius:50%;max-width:38px;box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.addapptable-notifier>button{float:right;min-width:auto;color:#fff!important;text-shadow:none;opacity:.9;box-sizing:border-box;position:relative;cursor:pointer;outline:0;border:none;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;background-color:transparent}.addapptable-notifier .message{display:block;color:#fff;min-width:376px;max-width:500px;padding:1.5em;text-align:justify}"]}]}],"members":{"appDynamic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":[{"__symbolic":"reference","module":"@addapptables/core","name":"DynamicDirective","line":58,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":62,"character":5},"arguments":[{"__symbolic":"reference","name":"ADDAPPTABLE_CONFIGURATION_NOTIFIER_DATA"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":5},"arguments":[{"__symbolic":"reference","name":"ADDAPPTABLE_NOTIFIER_DATA"}]}],null],"parameters":[{"__symbolic":"reference","name":"NotifierConfiguration"},{"__symbolic":"reference","name":"Notifier"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":64,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":85,"character":3},"arguments":["mouseover"]}]}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":91,"character":3},"arguments":["mouseleave"]}]}],"_timeOut":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"startExitAnimation":[{"__symbolic":"method"}],"resolveComponent":[{"__symbolic":"method"}],"createInjector":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NotifierModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NotifierComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@addapptables/core","name":"CoreModule","line":18,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"NotifierComponent"}],"providers":[{"__symbolic":"reference","name":"NotifierService"},{"__symbolic":"reference","name":"NotifierPortalService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"defaults":[{"position":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NotifierPositionType"},"member":"bottomRight"},"timeout":5000,"classIcon":"material-icons","iconValue":"notifications"}],"value":{"ngModule":{"__symbolic":"reference","name":"NotifierModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ADDAPPTABLE_CONFIGURATION_NOTIFIER_DATA"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NotifierContainerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":11,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"getContainerElement":[{"__symbolic":"method"}],"_createContainer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"NotifierPortalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":15,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"NotifierContainerService"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":17,"character":39}]}],"create":[{"__symbolic":"method"}],"_createPortalOutlet":[{"__symbolic":"method"}],"_createPaneElement":[{"__symbolic":"method"}]}},"NotifierService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":30,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":5},"arguments":[{"__symbolic":"reference","name":"ADDAPPTABLE_CONFIGURATION_NOTIFIER_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"NotifierPortalService"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":29,"character":23},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"NotifierConfiguration"}]}],"openSuccess":[{"__symbolic":"method"}],"openError":[{"__symbolic":"method"}],"openInfo":[{"__symbolic":"method"}],"openWarning":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"_factoryStrategy":[{"__symbolic":"method"}],"_createComponentPortal":[{"__symbolic":"method"}]}},"ADDAPPTABLE_CONFIGURATION_NOTIFIER_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":59},"arguments":["AddapptableConfigurationNotifierData"]},"ADDAPPTABLE_NOTIFIER_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":45},"arguments":["ADDAPPTABLE_NOTIFIER"]},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"getStyleNewNotifier":[{"__symbolic":"method"}],"getStyleNotifierPosition":[{"__symbolic":"method"}],"getStyleDeleteNotifier":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":13,"character":24}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":13,"character":53,"context":{"typeName":"HTMLDocument"},"module":"./lib/strategies/abstract-strategy"}]}],"newNotifier":[{"__symbolic":"method"}],"getStyleNewNotifier":[{"__symbolic":"method"}],"getStyleNotifierPosition":[{"__symbolic":"method"}],"deletePortal":[{"__symbolic":"method"}],"getStyleDeleteNotifier":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"getStyleNewNotifier":[{"__symbolic":"method"}],"getStyleNotifierPosition":[{"__symbolic":"method"}],"getStyleDeleteNotifier":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"getStyleNewNotifier":[{"__symbolic":"method"}],"getStyleNotifierPosition":[{"__symbolic":"method"}],"getStyleDeleteNotifier":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"getStyleNewNotifier":[{"__symbolic":"method"}],"getStyleNotifierPosition":[{"__symbolic":"method"}],"getStyleDeleteNotifier":[{"__symbolic":"method"}]}}},"origins":{"slideInDown":"./lib/animations/notifier.animation","zoomOut":"./lib/animations/notifier.animation","slideInUp":"./lib/animations/notifier.animation","notifierAnimation":"./lib/animations/notifier.animation","notifierTriggerAnimation":"./lib/animations/notifier.animation","NOTIFIER":"./lib/constants","NOTIFIER_CONTAINER":"./lib/constants","NotifierConfiguration":"./lib/models/notifier-configuration.model","NotifierPositionType":"./lib/models/notifier-position-enum.model","NotifierType":"./lib/models/notifier-type.model","Notifier":"./lib/models/notifier.model","NotifierRef":"./lib/notifier-ref","NotifierComponent":"./lib/notifier.component","NotifierModule":"./lib/notifier.module","NotifierContainerService":"./lib/services/notifier-container.service","NotifierPortalService":"./lib/services/notifier-portal.service","NotifierService":"./lib/services/notifier.service","ADDAPPTABLE_CONFIGURATION_NOTIFIER_DATA":"./lib/tokens","ADDAPPTABLE_NOTIFIER_DATA":"./lib/tokens","ɵa":"./lib/strategies/bottom-right.strategy","ɵb":"./lib/strategies/abstract-strategy","ɵc":"./lib/strategies/top-right.strategy","ɵd":"./lib/strategies/top-left.strategy","ɵe":"./lib/strategies/bottom-left.strategy"},"importAs":"@addapptables/notifier"}