{"__symbolic":"module","version":4,"metadata":{"MsComplexService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"MsComplexComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-ms-complex","template":"\n    <p>\n      ms-complex works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"MsComplexModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"ms-formelements","name":"FormelementsModule","line":20,"character":4},{"__symbolic":"reference","module":"ms-htmlcommandbutton","name":"MsHtmlcommandbuttonModule","line":21,"character":4},{"__symbolic":"reference","module":"ms-htmloutputlabel","name":"MsHtmloutputlabelModule","line":22,"character":4},{"__symbolic":"reference","module":"ms-datepicker","name":"MsDatepickerModule","line":23,"character":4},{"__symbolic":"reference","module":"ms-checkbox","name":"MsCheckboxModule","line":24,"character":4},{"__symbolic":"reference","module":"ms-htmlselectonemenu","name":"MsHtmlselectonemenuModule","line":25,"character":4},{"__symbolic":"reference","module":"ms-htmlinputtext","name":"MsHtmlinputtextModule","line":27,"character":4},{"__symbolic":"reference","module":"ms-htmloutputtext","name":"MsHtmloutputtextModule","line":28,"character":4},{"__symbolic":"reference","module":"radio-button","name":"RadioButtonModule","line":29,"character":4}],"declarations":[{"__symbolic":"reference","name":"MsComplexComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"MsComplexComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-complex-element","template":"<div *ngIf=\"!isHeader && !isHeaderChild\" class=\"{{jsonObject['styleClass']}}\" [ngClass]=\"jsonObject['type'] != 'DateAndTimeRange' ? 'panel_dashboard panel-primary_dashboard': ''\"\n  [class.disp_none]=\"jsonObject['hidden']\">\n\n  <div *ngIf=\"jsonObject['displayName']\" class=\"panel-heading_dashboard {{jsonObject['displayNameCss']}}\" style=\"cursor: pointer;\">\n    <h3 class=\"panel-title_dashboard\" style=\"display:inline;\">{{jsonObject['displayName']}}</h3>\n    <span *ngIf=\"isComplexOpen\" title=\"Toggle\" class=\"glyphicon glyphicon-chevron-up\" (click)=\"isComplexOpen=!isComplexOpen\"></span>\n    <span *ngIf=\"!isComplexOpen\" title=\"Toggle\" class=\"glyphicon glyphicon-chevron-down\" (click)=\"isComplexOpen=!isComplexOpen\"></span>\n    <!-- <span *ngIf=\"enableReload\" title=\"Reload\" class=\"glyphicon glyphicon-refresh section_refresh\" (click)=\"reloadSection()\"></span> -->\n  </div>\n  <!-- <div class=\"bgloading\" *ngIf=\"complexLoading\"><div class=\"bar\"></div></div> -->\n  <div class=\"service-unavailable\" *ngIf=\"serviceUnavailable\">Service is unavailable, try after some time!</div>\n\n  <ng-container *ngIf=\"jsonObject['displayName'] && !complexLoading\">\n    <div [class.opened]=\"isComplexOpen\" class=\"complexbox panel-body_dashboard showContentfadein\" style=\"padding: 0px !important ;\">\n      <ng-template ngFor let-item [ngForOf]=\"jsonObject.elements\" let-i=\"index\">\n\n        <lib-form-ele (clickEvent)='eventReceive($event)' [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'simple' && item.type !== 'header'\">\n        </lib-form-ele>\n\n        <lib-complex-element (clickEvent)='eventReceive($event)' [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'complex' && item.type !== 'header' && item.type != 'overflowTabs'\">\n        </lib-complex-element>\n\n        <!-- <app-html-overflow-tabs [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\"\n          *ngIf=\"item.elementType === 'complex' && item.type == 'overflowTabs'\">\n        </app-html-overflow-tabs> -->\n\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!jsonObject['displayName'] && !complexLoading\">\n    <ng-template ngFor let-item [ngForOf]=\"jsonObject.elements\" let-i=\"index\">\n\n      <lib-form-ele (clickEvent)='eventReceive($event)' [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'simple' && item.type !== 'header'\">\n      </lib-form-ele>\n\n      <lib-complex-element (clickEvent)='eventReceive($event)' [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'complex' && item.type !== 'header' && item.type != 'overflowTabs'\">\n      </lib-complex-element>\n\n      <!-- <app-html-overflow-tabs [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [commonProp]=\"commonProp\" [complexElementBeanClass]=\"complexElementBeanClass\"\n          *ngIf=\"item.elementType === 'complex' && item.type == 'overflowTabs'\">\n        </app-html-overflow-tabs> -->\n\n    </ng-template>\n  </ng-container>\n</div>\n\n<ul *ngIf=\"isHeader\" class=\"{{jsonObject.styleClass}}\">\n\n  <ng-template ngFor let-item [ngForOf]=\"jsonObject.elements\" let-i=\"index\">\n\n    <lib-form-ele [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'simple'\">\n\n    </lib-form-ele>\n\n    <lib-complex-element [isHeaderChild]=\"true\" [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\"\n      *ngIf=\"item.elementType === 'complex'\">\n\n    </lib-complex-element>\n\n  </ng-template>\n\n</ul>\n\n<ng-container *ngIf=\"isHeaderChild\">\n  <ng-template ngFor let-item [ngForOf]=\"jsonObject.elements\" let-i=\"index\">\n\n    <lib-form-ele [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\" *ngIf=\"item.elementType === 'simple'\">\n    </lib-form-ele>\n\n    <lib-complex-element [isHeaderChild]=\"true\" [jsonObject]=\"item\" [layoutObject]=\"layoutObject\" [complexElementBeanClass]=\"complexElementBeanClass\"\n      *ngIf=\"item.elementType === 'complex'\">\n    </lib-complex-element>\n\n  </ng-template>\n</ng-container>","styles":[".complexbox{max-height:0;overflow-y:hidden;transition:max-height .4s ease-in-out}.complexbox.opened{max-height:500px;transition:max-height .6s ease-in-out}"]}]}],"members":{"isHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"isHeaderChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"jsonObject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"layoutObject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"complexElementBeanClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"clickEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"eventReceive":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":11,"character":28}]}],"getData":[{"__symbolic":"method"}],"getHeaderData":[{"__symbolic":"method"}],"getFooterData":[{"__symbolic":"method"}],"getSectionData":[{"__symbolic":"method"}],"getComponentDetails":[{"__symbolic":"method"}],"generateScreenResponse":[{"__symbolic":"method"}],"updateLayoutObject":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"triggerAction":[{"__symbolic":"method"}],"triggerValueJSONUpdate":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"MsComplexService":"./lib/ms-complex.service","MsComplexComponent":"./lib/ms-complex.component","MsComplexModule":"./lib/ms-complex.module","ɵa":"./lib/complex-element/complex-element.component","ɵb":"./lib/services/get-data.service","ɵc":"./lib/services/commonproperties.service","ɵd":"./lib/services/action.service"},"importAs":"ms-complex"}