ngx-suspense/ngx-suspense.metadata.json

This library is an experimetnal implementation of React Suspense for Angular.

{"__symbolic":"module","version":4,"metadata":{"NgxSuspenseService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":5},"arguments":[{"__symbolic":"reference","name":"LOADING_CONFIG_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"ILoadingConfig"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"controller":[{"__symbolic":"method"}],"showLoadingStatus":[{"__symbolic":"method"}],"showingFor":[{"__symbolic":"method"}]}},"ILoadingConfig":{"__symbolic":"interface"},"LOADING_DEFUALT_CONFIG":{"busyMinDurationMs":0,"busyDelayMs":0},"LOADING_CONFIG_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":40},"arguments":["LOADING_CONFIG_TOKEN"]},"NgxSuspenseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"Suspense","styles":["\n      :host {\n        display: block;\n      }\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":16,"character":4},"arguments":["fadeIn",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":8},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":8},"arguments":["300ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":10},"arguments":[{"opacity":1}]}]}]]}]]}],"template":"<ng-template #content>\n  <!-- animation doesn't work with ng-template, ng-content or ng-container, have to add extra div for workaround-->\n  <div [@fadeIn]>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n\n<div\n  *ngIf=\"(loading$ | async) || isVisible; else content\"\n  role=\"alert\"\n  aria-busy=\"true\"\n  aria-hidden=\"false\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ng-container *ngTemplateOutlet=\"fallback\"></ng-container>\n</div>\n"}]}],"members":{"fallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"bind":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"isVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxSuspenseService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getService":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"NgxSuspenseListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"SuspenseList","exportAs":"list","template":"<ng-content></ng-content>\n"}]}],"members":{"revealOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"skeletons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxSuspenseComponent"}]}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxSuspenseListComponent"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"revealOrderOperator":[{"__symbolic":"method"}],"hideSkeletonListener":[{"__symbolic":"method"}],"showSkeletonListener":[{"__symbolic":"method"}],"togetherOperator":[{"__symbolic":"method"}],"domOrderOperator":[{"__symbolic":"method"}],"getFlushIndexes":[{"__symbolic":"method"}]}},"NgxSuspenseModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxSuspenseListComponent"},{"__symbolic":"reference","name":"NgxSuspenseComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":37}],"providers":[{"provide":{"__symbolic":"reference","name":"LOADING_CONFIG_TOKEN"},"useValue":{"__symbolic":"reference","name":"LOADING_DEFUALT_CONFIG"}}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":24,"character":12}],"exports":[{"__symbolic":"reference","name":"NgxSuspenseComponent"},{"__symbolic":"reference","name":"NgxSuspenseListComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxSuspenseModule"},"providers":[{"provide":{"__symbolic":"reference","name":"LOADING_CONFIG_TOKEN"},"useValue":{}}]}}}}},"origins":{"NgxSuspenseService":"./lib/ngx-suspense.service","ILoadingConfig":"./lib/ngx-suspense.config","LOADING_DEFUALT_CONFIG":"./lib/ngx-suspense.config","LOADING_CONFIG_TOKEN":"./lib/ngx-suspense.config","NgxSuspenseComponent":"./lib/ngx-suspense.component","NgxSuspenseListComponent":"./lib/ngx-suspense-list.component","NgxSuspenseModule":"./lib/ngx-suspense.module"},"importAs":"ngx-suspense"}