{"__symbolic":"module","version":4,"metadata":{"AmexioWidgetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":45,"character":4},{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","name":"AmexioNavModule"},{"__symbolic":"reference","name":"AmexioDataModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","name":"AmexioMediaModule"},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":52,"character":4},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵdy"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":56,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"AmexioTabPillComponent"}],"exports":[{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","name":"AmexioNavModule"},{"__symbolic":"reference","name":"AmexioDataModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","name":"AmexioMediaModule"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵdy"},{"__symbolic":"reference","name":"ɵew"},{"__symbolic":"reference","name":"ɵey"},{"__symbolic":"reference","name":"ɵez"},{"__symbolic":"reference","name":"RoutedirDirective"},{"__symbolic":"reference","name":"ɵfa"}],"declarations":[{"__symbolic":"reference","name":"RoutedirDirective"},{"__symbolic":"reference","name":"ɵfa"},{"__symbolic":"reference","name":"ɵey"},{"__symbolic":"reference","name":"ɵez"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"RouterService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioWidgetModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"RouterService"}]}}}},"CommonDataService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":26,"character":29}]}],"fetchData":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}]}},"DeviceQueryService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":16},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":22,"character":23}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"IsPhone":[{"__symbolic":"method"}],"OnPhone":[{"__symbolic":"method"}],"OnTablet":[{"__symbolic":"method"}],"OnDesktop":[{"__symbolic":"method"}],"OnPortrait":[{"__symbolic":"method"}],"OnLandscape":[{"__symbolic":"method"}],"mqlMethod":[{"__symbolic":"method"}]}},"IconLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":341,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"modifyIconClass":[{"__symbolic":"method"}],"getIconObject":[{"__symbolic":"method"}]}},"AmexioCreditCardModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"GridConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"addlayout":[{"__symbolic":"method"}],"getLayout":[{"__symbolic":"method"}]}},"GridConstants":{"Tablet":"tab","Desktop":"desktop","Mobile":"mobile"},"GoogleMapOverlays":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}]}},"AvailableSlotsModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Date"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"number"}]}]}]}},"DayModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Date"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"AvailableSlotsModel"}]}]}],"setTimeSlots":[{"__symbolic":"method"}],"markTimeSlots":[{"__symbolic":"method"}],"checkTimeSlots":[{"__symbolic":"method"}]}},"TimeModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"string"}]}]}},"TimeUtil":{"__symbolic":"class","members":{"timeData":[{"__symbolic":"method"}],"twentfourhourformatdata":[{"__symbolic":"method"}],"ampmdata":[{"__symbolic":"method"}],"data":[{"__symbolic":"method"}],"workingslot1":[{"__symbolic":"method"}]}},"PropertyGridModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"}]}]}},"RoutedirDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[amexio-route-animation]"}]}],"members":{"routeAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["style-type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RouterService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":67},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":22,"character":97}]}],"addBottomCss":[{"__symbolic":"method"}],"addTopCss":[{"__symbolic":"method"}],"addRightCss":[{"__symbolic":"method"}],"addLeftCss":[{"__symbolic":"method"}],"addDynamicClass":[{"__symbolic":"method"}],"navigationMethod":[{"__symbolic":"method"}]}},"RouterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"initializeRouter":[{"__symbolic":"method"}]}},"AmexioFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":134,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":136,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":137,"character":4},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":139,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"AmexioButtonComponent"},{"__symbolic":"reference","name":"AmexioButtonGroupComponent"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"ɵcq"}],"declarations":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"AmexioButtonComponent"},{"__symbolic":"reference","name":"AmexioButtonGroupComponent"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"ɵcq"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ScriptLoadService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioFormsModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"LoadRecaptchaService"},{"__symbolic":"reference","name":"ScriptLoadService"}]}}}},"LoadRecaptchaService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"loadScript":[{"__symbolic":"method"}]}},"COMPONENT_CLASS_MAP":{"primary":"btn-primary-badge","secondary":"btn-secondary-badge"},"AmexioButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-button","template":"\n    <button #button class=\"button {{roundedgeclass}}\" role=\"button\" tabindex=\"1\" [attr.aria-pressed]=\"ispressed\"\n      [ngStyle]=\"{'cursor': disabled ? 'not-allowed':'pointer','background-color':bgcolor,'color':color,'box-shadow':bgBorderColor}\"\n      ng-disabled=\"disabled ? true: null\" [attr.title]=\"tooltip\" [ngClass]=\"{'button-default': size=='default'\n            || size ==null,\n            'button-small': size=='small',\n            'button-large' : size=='large',\n            'button-block': block==true ,\n            'button-primary' : (type == 'primary' || type == 'theme-color') && disabled == false,\n            'button-secondary' : type == 'secondary' || type == 'theme-backgroundcolor' && disabled == false,\n            'button-success' : type == 'success' || type == 'green' && disabled == false,\n            'button-danger' : type=='danger' || type == 'red' && disabled == false,\n            'button-warning' : type=='warning' || type == 'yellow' && disabled == false,\n            'button-transparent' : type=='transparent' && disabled == false,\n            'disabled' : (type =='transparent' && disabled) || (type == 'secondary' || type == 'theme-backgroundcolor') && disabled,\n            'button-primary-disabled' : (type == 'primary' || type == 'theme-color') && disabled,\n            'button-success-disabled' : (type == 'success' || type == 'green') && disabled,\n            'button-danger-disabled' : (type == 'danger' || type == 'red') && disabled,\n            'button-warning-disabled' : (type == 'warning' || type == 'yellow') && disabled}\"\n      (click)=\"buttonClick($event)\">\n\n\n      <ng-container *ngIf=\"icon\">\n        <span style=\"padding-right: 5px;\" (click)=\"buttonClick($event)\">\n          <amexio-c-icon [customclass]=\"icon\">\n          </amexio-c-icon>\n        </span>\n      </ng-container>\n      <span class=\"button-text\">\n        <ng-container *ngIf=\"icon && label\">\n        <span style=\"padding-right: 5px;\" >\n          {{label}}\n        </span>\n      </ng-container>\n        <span style=\"padding-right: 5px;\" *ngIf=\"loading\">\n          <amexio-c-icon key=\"button-loading-icon\" [label]=\"label\"></amexio-c-icon>\n        </span>\n        <ng-container *ngIf=\"!icon\">{{label}}</ng-container>\n\n        <ng-container *ngIf=\"badge\">\n          <span [ngClass]=\"badgeCssClass\">{{badge}}</span>\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"rightIcon\">\n        <span style=\"padding-left: 5px;\" *ngIf=\"rightIcon\" (click)=\"buttonClick($event)\">\n          <amexio-c-icon [customclass]=\"rightIcon\">\n          </amexio-c-icon>\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"closableIcon\">\n        <span style=\"padding-left: 5px;\" *ngIf=\"closableIcon\" (click)=\"IconClick($event)\">\n          <amexio-c-icon [customclass]=\"'fa fa-close'\">\n          </amexio-c-icon>\n        </span>\n      </ng-container>\n\n\n    </button>\n  ","styles":["\n\n  "]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["badge"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"formbind":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3},"arguments":["form-bind"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":3}}]}],"onIconClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":193,"character":3}}]}],"block":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}}]}],"bgcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3},"arguments":["bg-color"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":223,"character":3},"arguments":["color"]}]}],"rightIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":3},"arguments":["right-icon"]}]}],"closableIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":3},"arguments":["closable-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"buttonClick":[{"__symbolic":"method"}],"IconClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"badgeClass":[{"__symbolic":"method"}],"setDisabled":[{"__symbolic":"method"}],"getBGStyle":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"AmexioButtonGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-btn-group","template":"\n    <div class=\"btn-group\">\n      <ng-container *ngFor=\"let button of buttons\">\n          <button [ngStyle]=\"{'cursor': disabled ? 'not-allowed':'pointer','background-color':button.bgcolor,'color':button.color,'box-shadow':button.bgBorderColor}\" \n          role=\"button\" tabindex=\"1\" [attr.aria-pressed]=\"ispressed\" [attr.disabled]=\"button.disabled ? true: null\" [attr.title]=\"button.tooltip\" \n          (click)=\"buttonGroupClick($event,button)\" \n      [ngClass]=\"{'button-default': button.size=='default'\n      || size ==null,\n      'button-small': button.size=='small',\n      'button-large' : button.size=='large',\n      'button-block': button.block==true ,\n      'button-primary' : (button.type == 'primary' || button.type == 'theme-color') && button.disabled == false,\n      'button-secondary' : button.type == 'secondary' || button.type == 'theme-backgroundcolor' && button.disabled == false,\n      'button-success' : button.type == 'success' || button.type == 'green' && button.disabled == false,\n      'button-danger' : button.type =='danger' || button.type == 'red' && button.disabled == false,\n      'button-warning' : button.type =='warning' || button.type == 'yellow' && button.disabled == false,\n      'button-transparent' : button.type=='transparent' && button.disabled == false,\n      'disabled' : (button.type =='transparent' && button.disabled) || (button.type == 'secondary' || button.type == 'theme-backgroundcolor') && disabled,\n      'button-primary-disabled' : (button.type == 'primary' || button.type == 'theme-color') && button.disabled,\n      'button-success-disabled' : (button.type == 'success' || button.type == 'green') && button.disabled,\n      'button-danger-disabled' : (button.type == 'danger' || button.type == 'red') && button.disabled,\n      'button-warning-disabled' : (button.type == 'warning' || button.type == 'yellow') && button.disabled}\">\n        <ng-container *ngIf=\"button.icon!=null\">\n          <amexio-c-icon style=\"padding-right: 5px;\" [customclass]=\"button.icon\"></amexio-c-icon>\n        </ng-container>\n\n        {{button.label}}\n        <ng-container *ngIf=\"button.badge\">\n          <span [ngClass]=\"button.badgeCssClass\" >{{button.badge}}</span>\n       </ng-container>\n      </button>\n      </ng-container>\n    </div>\n  "}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":1}}]}],"buttonGroupLocalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["buttonGroupLocalData"]}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["badge"]}]}],"getButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"btns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":114,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateComponent":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"buttonGroupClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"addBadgeCssClass":[{"__symbolic":"method"}],"badgeClass":[{"__symbolic":"method"}],"setButtonSizes":[{"__symbolic":"method"}],"badgeMoreClass":[{"__symbolic":"method"}],"updateButtonSizes":[{"__symbolic":"method"}]}},"ScriptLoadService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"loadScript":[{"__symbolic":"method"}],"isScriptAlreadyPresent":[{"__symbolic":"method"}]}},"AmexioNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":71,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":74,"character":4},{"__symbolic":"reference","name":"AmexioMediaModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":79,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"AmexioSideNavComponent"},{"__symbolic":"reference","name":"SideNavNodeComponent"},{"__symbolic":"reference","name":"AmexioNavBarComponent"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"AmexioNotificationComponent"},{"__symbolic":"reference","name":"ɵdc"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵde"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵdg"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdi"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdk"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"AmexioTaskbarComponent"},{"__symbolic":"reference","name":"AmexioTaskbarItemComponent"}],"declarations":[{"__symbolic":"reference","name":"AmexioSideNavComponent"},{"__symbolic":"reference","name":"SideNavNodeComponent"},{"__symbolic":"reference","name":"AmexioNavBarComponent"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"AmexioNotificationComponent"},{"__symbolic":"reference","name":"ɵdc"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵde"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵdg"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdi"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdk"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"AmexioTaskbarComponent"},{"__symbolic":"reference","name":"AmexioTaskbarItemComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioNavModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"}]}}}},"AmexioSideNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-side-nav","template":"\n    <div *ngIf=\"handleMobileDevice && (position !='relative' && smalldevice )\" [ngClass]=\"{'sidenav-mobile-bar-left':(position=='left' && position!='relative'),'sidenav-mobile-bar-right':(position=='right' && position!='relative')}\" class=\"sidenav-mobile-bar\"\n        (click)=\"toggleSideNav()\">\n        <amexio-c-icon class=\"homepage3-bar\" key=\"sidenav_bar\" [color]=\"\"></amexio-c-icon>\n    </div>\n    <div *ngIf=\"isSideNavEnable\" style=\"height: 100%\" [style.width]=\"width\" [ngStyle]=\"{'background': bgimage ? 'url(' + bgimage + ') center/cover no-repeat' : null}\" [ngClass]=\"{'left':(position=='left' && position!='relative'),'right':(position=='right' && position!='relative')}\">\n        <div class=\"sidenav\" [ngClass]=\"{'sidenav-color': !background}\" [style.color]=\"color\" [style.background]=\"background\" [style.height]=\"height\">\n            <ul>\n                <li>\n                    <div *ngIf=\"sidenavtitle\" class=\"title\">\n                        <ng-container *ngIf=\"titleimage\">\n                            <p>\n                                <img [attr.src]=\"titleimage\" alt=\" Title image\" style=\"width: 60px;height: 60px;padding-left: 80px;\" />\n                            </p>\n                        </ng-container>\n                        <ng-container *ngIf=\"sidenavtitle\">\n                            <p>{{sidenavtitle}}</p>\n                        </ng-container>\n                        <span *ngIf=\"sidenavexpandedinsmalldevice\" style=\"padding-right: 10px; float: right\" (click)=\"close()\">\n                        <amexio-c-icon key=\"sidenav_close\"></amexio-c-icon>\n                    </span>\n                    </div>\n                </li>\n                 <div #currentdivref role=\"option\" *ngFor=\"let node of data\" id=\"{{node.index}}\">\n                    <amexio-sidenav-node [show-only-icon]=\"isShowOnlyIcon\"\n                    [display-key]=\"displaykey\"\n                    [child-array-key]=\"childarraykey\" \n                \n                    [enable-border]=\"enableborder && (node && node[childarraykey] && (node[childarraykey].length>0))\" [currentdivref]=\"currentdivref\" [active]=\"(node && node.active)\" [icon]=\"node.icon\" [badge]=\"node.badge\"\n                        [enable-drag]=\"enabledrag\" (nodeClick)=\"onClick($event)\" (onDrag)=\"getNodeDragEvent($event)\" [expand]=\"node?.expand\" [label]=\"node[displaykey]\" [node]=\"node\" [icon-color]=\"node.iconcolor\" [data]=\"node[childarraykey]\">\n                    </amexio-sidenav-node>\n                </div>\n\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["data-reader"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"titleimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3}}]}],"onDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"sidenavtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["title"]}]}],"enabledrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["enable-drag"]}]}],"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3},"arguments":["display-key"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3},"arguments":["child-array-key"]}]}],"enableborder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":3},"arguments":["enable-border"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":3},"arguments":["background"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":230,"character":3},"arguments":["color"]}]}],"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":239,"character":3},"arguments":["bg-image"]}]}],"onMouseLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":241,"character":3}}]}],"onMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":242,"character":3}}]}],"sidennavnodearray":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":243,"character":3},"arguments":[{"__symbolic":"reference","name":"SideNavNodeComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":257,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":257,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"findObj":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"collapseSidenav":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"activateNode":[{"__symbolic":"method"}],"toggleSideNav":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"handleDeviceSettings":[{"__symbolic":"method"}],"getNodeDragEvent":[{"__symbolic":"method"}],"setHomePageType":[{"__symbolic":"method"}]}},"SideNavNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-sidenav-node","template":"\n     <ul>\n     <li>\n        <div *ngIf=\"enableborder\" class=\"border\"></div>\n        <div tabindex=\"1\" (keyup.enter)=\"onenterClick(currentdivref,nodedata)\" *ngIf=\"label || badge || icon\"\n            [attr.draggable]=\"enabledrag\" (dragstart)=\"dragStartEvent({event:$event,data:node})\" class=\"headernode\"\n            [ngClass]=\"{'activenode':active}\" (click)=\"onClick(nodedata)\">\n\n            <ng-container *ngIf=\"icon\">\n                <amexio-c-icon class=\"node-icon\" [customclass]=\"icon\" [color]=\"iconcolor\"></amexio-c-icon>\n                <ng-container *ngIf=\"!isShowOnlyIcon || isMobile\">\n                    <span class=\"sideInnerNodeFlex\"><span style=\"padding-right: 10px\">{{label}}</span>\n                        <span *ngIf=\"badge\" class=\"nav-badge\">{{badge}}</span>\n                    </span>\n\n                </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"!icon\">\n                <amexio-c-icon class=\"node-icon\" [customclass]=\"icon\" [color]=\"iconcolor\"></amexio-c-icon>\n                <ng-container *ngIf=\"!isShowOnlyIcon || isMobile\">\n                  <span class=\"sideInnerNodeFlex\"><span style=\"padding-right: 10px\">{{label}}</span>\n                        <span *ngIf=\"badge\" class=\"nav-badge\">{{badge}}</span>\n                    </span>\n\n                </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"(node && (node.length>0)) || collapsable\">\n                <span style=\"padding-right: 10px; float: right\" *ngIf=\"expand\">\n                    <amexio-c-icon key=\"sidenav-angle-up\"></amexio-c-icon>\n                </span>\n                <span style=\"padding-right: 10px;float: right\" *ngIf=\"!expand\">\n                    <amexio-c-icon key=\"sidenav-angle-down\"></amexio-c-icon>\n                </span>\n            </ng-container>\n        </div>\n \n        <div *ngIf=\"node && !isShowOnlyIcon\" class=\"sidenav-submenu-details sidenav-submenu-expanded\" [ngClass]=\"{'sidenav-submenu-expanded':expand}\">\n            <amexio-sidenav-innernode *ngIf=\"node && (node.length>0)\" (onClick)=\"onNodeClick($event)\" [display-key]=\"displaykey\"\n                [child-array-key]=\"childarraykey\" [enable-drag]=\"enabledrag\" (emitNode)=\"emittednodedata($event)\" (onDrag)=\"dragStartEvent($event)\"\n                [data]=\"node\">\n            </amexio-sidenav-innernode>\n        </div>\n        <!-- ng content block-->\n        <div class=\"sidenav-submenu-details\" style=\"width: 100%\" [ngClass]=\"{'sidenav-submenu-expanded':expand}\">\n            <ng-content *ngIf=\"!isShowOnlyIcon\"></ng-content>\n        </div>\n    </li>\n    </ul>\n  "}]}],"members":{"nodedata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["node"]}]}],"currentdivref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3},"arguments":["currentdivref"]}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["badge"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["icon"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["label"]}]}],"enableborder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3},"arguments":["enable-border"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3},"arguments":["active"]}]}],"collapsable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3},"arguments":["collapsable"]}]}],"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3},"arguments":["data"]}]}],"enabledrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3},"arguments":["enable-drag"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":171,"character":3}}]}],"onDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":180,"character":3}}]}],"nodeEmitToSideNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":181,"character":3}}]}],"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["display-key"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3},"arguments":["child-array-key"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":3}}]}],"iconcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3},"arguments":["icon-color"]}]}],"isShowOnlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3},"arguments":["show-only-icon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onNodeClick":[{"__symbolic":"method"}],"dragStartEvent":[{"__symbolic":"method"}],"emittednodedata":[{"__symbolic":"method"}],"onenterClick":[{"__symbolic":"method"}],"setShowOnlyIconFlag":[{"__symbolic":"method"}]}},"AmexioNavBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-nav","template":"\n    <nav #navbar style=\"flex-direction: column\" class=\"topnav {{themeCss}}\" [ngStyle]=\"{'color': color, 'top': top, 'opacity': opacity}\"\n        [ngClass]=\"{'topnav-mobile':mobilemode, 'transparentNav':transparent}\" (window:resize)=\"resize($event)\">\n        <div [style.display]=\"showBanner ? 'block': 'none'\">\n            <ng-content select=\"amexio-banner\"></ng-content>\n        </div>\n        <div [ngClass]=\"{'flex-col': mobilemode, 'flex-inline': !mobilemode}\">\n\n            <div #navbarfixed [ngClass]=\"{'lhs-mobile':mobilemode}\" [ngStyle]=\"{'flex': !title || !logo ? 'none':''}\" style=\"padding-bottom:0.2%\">\n                <div class=\"topnav-lhs-inner\" [ngClass]=\"{'topnav-lhs-inner-mobile':mobilemode, 'topnav-lhs-nologo': logo==''}\">\n                    <span style=\"white-space:nowrap\">\n\n                        <span *ngIf=\"((sidenav && homepageType ==='1') || (mobilemode && homepageType ==='2'))\" class=\"homepage-bar-collapse\" (click)=\"onArrowClick($event)\">\n                            <amexio-image [icon-class]=\" 'fa fa-bars' \"></amexio-image> &nbsp;\n                        </span>\n\n                        <img alt=\"title \" style=\"cursor: pointer \" (click)=\"onNavLogoClick.emit($event) \" (load)=\"onImageLoad() \" *ngIf=\"logo \" [attr.src]=\"logo \"\n                            class=\"navbar-logo \">\n                        <a (click)=\"onNavTitleClick.emit($event)\" [ngStyle]=\"{'color': color}\">{{title}}</a>\n\n\n                        <ng-container *ngIf=\"homepageType=='2' && !mobilemode\">\n                            <ng-container *ngIf=\"!isIconLeft\">\n                                <span class=\"collaspe-icon-style\" (click)=\"onArrowClick($event)\">\n                                    <amexio-image [icon-class]=\" 'fa fa-chevron-right' \"></amexio-image>\n                                </span>\n                            </ng-container>\n                            <ng-container *ngIf=\"isIconLeft\">\n                                <span class=\"collaspe-icon-style\" (click)=\"onArrowClick($event)\">\n                                    <amexio-image [icon-class]=\" 'fa fa-chevron-left' \"></amexio-image>\n                                </span>\n                            </ng-container>\n                        </ng-container>\n\n                    </span>\n\n                    <span *ngIf=\"mobilemode && navItemPresent\" class=\"float-right mobilebar\" (click)=\"toggleDrawerPanel($event)\">\n                        <em *ngIf=\"!toggle\" class=\"fa fa-caret-down fa-2x\"></em>\n                        <em *ngIf=\"toggle\" class=\"fa fa-caret-up fa-2x\"></em>\n                    </span>\n                </div>\n            </div>\n\n\n        <div #navbaritems *ngIf=\"toggle\" class=\"topnav-rhs\" [ngClass]=\"{'rhs-mobile':mobilemode, 'transparentNav1':transparent && mobilemode}\">\n            <div class=\"topnavmainbar\" [ngClass]=\"{'topnavmainbar-mobile':mobilemode}\">\n                <div #navbaritems1 class=\"topnavmainbaritems\" [ngClass]=\"{'topnavmainbaritems-mobile':mobilemode}\">\n                    <ng-content select=\"[position-left]\"></ng-content>\n                </div>\n                <div #navbaritems2 class=\"topnavmainbaritems\" [ngClass]=\"{'topnavmainbaritems-mobile':mobilemode}\">\n                    <ng-content select=\"[position-center]\"></ng-content>\n                </div>\n              <div #navbaritems3 class=\"topnavmainbaritems\" [ngClass]=\"{'topnavmainbaritems-mobile':mobilemode}\">\n                <ng-content select=\"[position-right]\"></ng-content>\n                <amexio-nav-item  *ngFor=\"let node of resizeItemCollection\" [type]=\"node.type\" (onNavItemClick)=\"externalLink($event)\"\n                                 [sub-menu-height-padding]=\"node.subMenuPadding\" [title]=\"node.title\" [mobilemode]=\"mobilemode\"  [data]=\"node.data\" [icon]=\"node.icon\">\n                </amexio-nav-item>\n\n                <ng-container *ngIf=\"enableMoreMode && moreBucket.length > 0\">\n                         <span class=\"testClass\">\n                            <amexio-nav-item [sub-menu-height-padding]=\"moreBucket[0].subMenuPadding\"\n                             [type]=\"'menu'\"\n                             [submenupos]=\"true\"\n                                              [mobilemode]=\"mobilemode\"\n                                              (onNavItemClick)=\"externalLink($event)\"\n                                              [data]=\"moreBucket\"\n                                              [title]=\"'More'\">\n                          </amexio-nav-item>\n                         </span>\n                </ng-container>\n              </div>\n            </div>\n        </div>\n    </div>\n    </nav>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["enable-side-nav-position"]}]}],"transparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3},"arguments":["transparent"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["color"]}]}],"enableMoreMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3},"arguments":["enable-more-mode"]}]}],"homepageType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3},"arguments":["home-page-type"]}]}],"onNavLogoClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":166,"character":3}}]}],"onNavTitleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":3}}]}],"onIconArrowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":170,"character":3}}]}],"onIconClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":172,"character":3}}]}],"navSubmenuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":3}}]}],"navitems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":176,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcz"}]}]}],"bannerItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":178,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdb"}]}]}],"onNavLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3}}]}],"navbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":184,"character":3},"arguments":["navbar",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":184,"character":31}}]}]}],"navbarfixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":185,"character":3},"arguments":["navbarfixed",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":185,"character":36}}]}]}],"navbaritems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":186,"character":3},"arguments":["navbaritems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":186,"character":36}}]}]}],"navbaritems1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":187,"character":3},"arguments":["navbaritems1",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":187,"character":37}}]}]}],"navbaritems2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":188,"character":3},"arguments":["navbaritems2",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":188,"character":37}}]}]}],"navbaritems3":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":189,"character":3},"arguments":["navbaritems3",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":189,"character":37}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onImageLoad":[{"__symbolic":"method"}],"loadNavItems":[{"__symbolic":"method"}],"checkMobileMode":[{"__symbolic":"method"}],"toggleDrawerPanel":[{"__symbolic":"method"}],"handleNavItems":[{"__symbolic":"method"}],"handleNavItemEvent":[{"__symbolic":"method"}],"notifyNavItems":[{"__symbolic":"method"}],"handleDeviceSetting":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"resizeAfterBannerClose":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onExpandIconClick":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"createMoreContent":[{"__symbolic":"method"}],"mobileModePresent":[{"__symbolic":"method"}],"createMoreData":[{"__symbolic":"method"}],"removeNodeFromDom":[{"__symbolic":"method"}],"externalLink":[{"__symbolic":"method"}],"navOnLoad":[{"__symbolic":"method"}]}},"KEY_CODE_notify":{"esc":27},"AmexioNotificationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-notification","template":"\n    <div class=\"notification-content {{roundedgeclass}}\" [ngClass]=\"positionclass\">\n\n        <ng-container *ngIf=\"!notificationTemplate\">\n            <div id=\"{{componentID}}\" role=\"alert\" [attr.aria-label]=\"'notification is'+ messageData\" class=\"notification\" *ngFor=\"let msg of messageData\"\n                [style.color]=\"foregroundColor\" [style.background-color]=\"backgroundColor\">\n                <span class=\"float-right\" (click)=\"closeNotification(msg)\">\n                    <ng-container *ngIf=\"closable\">\n                        <amexio-c-icon style=\"cursor: pointer\" key=\"notify_close\"></amexio-c-icon>\n                    </ng-container>\n                </span>\n\n                <table aria-describedby=\"table\">\n                    <ng-container *ngIf=\"icon\">\n                        <th scope=\"col\">\n                            <amexio-c-icon style=\" padding-right: 18px;\" [ngClass]=\"icon\">\n                            </amexio-c-icon>\n                        </th>\n                    </ng-container>\n\n                    <th scope=\"col\" style=\" text-align: left;\">\n\n                        <span>{{msg}}</span>&nbsp;&nbsp;&nbsp;&nbsp;\n                    </th>\n\n                </table>\n\n            </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"notificationTemplate\">\n            <div id=\"{{componentID}}\" role=\"alert\" [attr.aria-label]=\"'notification is'+ messageData\" class=\"notification\" *ngFor=\"let msg of messageData\"\n                [style.color]=\"foregroundColor\" [style.background-color]=\"backgroundColor\">\n\n                <span class=\"float-right\" (click)=\"closeNotification(msg)\">\n                    <ng-container *ngIf=\"closable\">\n                        <amexio-c-icon style=\"cursor: pointer\" key=\"notify_close\"></amexio-c-icon>\n                    </ng-container>\n                </span>\n\n                <table aria-describedby=\"table\">\n                    <ng-container *ngIf=\"icon\">\n                        <th scope=\"col\">\n                            <amexio-c-icon style=\" padding-right: 18px;\" [ngClass]=\"icon\">\n                            </amexio-c-icon>\n                        </th>\n                    </ng-container>\n                    <th scope=\"col\" style=\" text-align: left;\">\n                        <ng-template [ngTemplateOutlet]=\"notificationTemplate\" [ngTemplateOutletContext]=\"{data:msg}\">\n                        </ng-template>\n                    </th>\n                </table>\n            </div>\n        </ng-container>\n    </div>\n  "}]}],"members":{"messageData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["data"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["icon"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3},"arguments":["horizontal-position"]}]}],"autodismissmsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3},"arguments":["auto-dismiss-msg"]}]}],"autodismissmsginterval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["auto-dismiss-msg-interval"]}]}],"closeonescape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3},"arguments":["close-on-escape"]}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3},"arguments":["background-color"]}]}],"foregroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["foreground-color"]}]}],"notificationTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":199,"character":3},"arguments":["amexioNotificationTemp"]}]}],"keyEvent":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":202,"character":3},"arguments":["window:keyup.esc",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":207,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"closeNotification":[{"__symbolic":"method"}]}},"AmexioTaskbarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-task-bar-item","template":"\n    <div #taskbarItemId>\n\n      <div *ngIf=\"!iconClose\">\n        <amexio-button  *ngIf=\"close\" \n          [label]=\"title\"\n          [type]=\"'theme-color'\"\n          [closable-icon]=\"true\"\n          (onIconClick)=\"iconClick(taskbarItemId)\"\n          (onClick)=\"taskbarItemClick()\">\n      </amexio-button>\n      <amexio-button  *ngIf=\"!close\"\n          [label]=\"title\"\n          [type]=\"'theme-color'\"\n          (onClick)=\"taskbarItemClick()\">\n      </amexio-button>\n  \n      </div>\n  \n      <ng-container *ngIf=\"displayFlag\">\n        <div [ngStyle]=\"{'width.px': relativePosition ? widthOfItem: ''}\" \n        (onClick)=\"taskbarItemClick()\"\n          [ngClass]=\"{'taskbar-item-display-relative': relativePosition , 'taskbar-item-display-fixed': !relativePosition }\">\n          <amexio-panel [ngStyle]=\"{'width.px': !relativePosition ? widthOfItem: ''}\" \n          amexioColorPalette\n            (onClick)=\"taskbarItemClick()\" \n            [title]=\"title\" [color-palette]=\"'vibrant'\" \n            [gradient]=\"true\" [border]=\"true\"\n            [height]=\"heightOfItem\" [header]=\"true\"\n             [expanded]=\"false\">\n             <amexio-panel-header>\n              <amexio-image \n              style=\"margin-top : auto;\" \n              [icon-class]=\"taskbarIcon\"\n              [tooltip]=\"'Information'\">\n              </amexio-image>\n          </amexio-panel-header>\n            <ng-content></ng-content>\n          </amexio-panel>\n        </div>\n      </ng-container>\n  \n      </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["title"]}]}],"widthOfItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["width"]}]}],"heightOfItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["height"]}]}],"relativePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["relative"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["close"]}]}],"taskbarIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["taskbar-Icon"]}]}],"taskbarItemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["taskbarItemId"]}]}],"onCloseEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3},"arguments":["onCloseEvent"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"taskbarItemClick":[{"__symbolic":"method"}],"iconClick":[{"__symbolic":"method"}]}},"AmexioTaskbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-task-bar","template":"\n\n    <div class=\"taskbar\" [style.justify-content]=\"align\">\n\n      <ng-content></ng-content>\n  \n    </div>\n  "}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["align"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":80,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":84,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"AmexioRowComponent"},{"__symbolic":"reference","name":"AmexioColumnComponent"},{"__symbolic":"reference","name":"AmexioGridComponent"},{"__symbolic":"reference","name":"AmexioGridItemComponent"},{"__symbolic":"reference","name":"AmexioBorderLayoutItemComponent"},{"__symbolic":"reference","name":"AmexioBorderLayoutComponent"},{"__symbolic":"reference","name":"AmexioCardComponent"},{"__symbolic":"reference","name":"AmexioBoxComponent"},{"__symbolic":"reference","name":"AmexioAccordionTabComponent"},{"__symbolic":"reference","name":"AmexioAccordionComponent"},{"__symbolic":"reference","name":"AmexioAccordionHeaderComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}],"declarations":[{"__symbolic":"reference","name":"AmexioRowComponent"},{"__symbolic":"reference","name":"AmexioColumnComponent"},{"__symbolic":"reference","name":"AmexioGridComponent"},{"__symbolic":"reference","name":"AmexioGridItemComponent"},{"__symbolic":"reference","name":"AmexioBorderLayoutItemComponent"},{"__symbolic":"reference","name":"AmexioBorderLayoutComponent"},{"__symbolic":"reference","name":"AmexioCardComponent"},{"__symbolic":"reference","name":"AmexioBoxComponent"},{"__symbolic":"reference","name":"AmexioAccordionTabComponent"},{"__symbolic":"reference","name":"AmexioAccordionComponent"},{"__symbolic":"reference","name":"AmexioAccordionHeaderComponent"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"AmexioGridLayoutService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioLayoutModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"AmexioGridLayoutService"}]}}}},"AmexioAccordionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"amexio-accordion-header","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioAccordionTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-accordion-tab","template":"\n    <button #btn [ngClass]=\"themeCss\" role=\"button\" id=\"{{componentId}}\" tabindex=\"0\" (click)=\"emitEvent()\" [attr.aria-expanded]=\"active\"\n      (keyup.enter)=\"onEnterClick()\" (keyup.arrowdown)=\"onArrowDown()\" (keyup.arrowup)=\"onArrowUp()\" class=\"{{isTransparent ? 'accordion-transparent' : 'accordion'}} {{active ? 'active-accordion' : ''}} {{disabled ? 'accordion-disable' : ''}}\"\n      (mouseover)=\"hover=true\" (mouseleave)=\"hover=false\" [ngStyle]=\"{color: hover==true ? bgColor : color, backgroundColor: hover==true  ? color : bgColor}\">\n      <div style=\"float: left; padding-right:5px;\" *ngIf=\"leftIcon\">\n        <em class=\"fa {{leftIcon}}\"></em>\n      </div>\n      <ng-container>\n       <span [ngStyle]=\"{'color': gradientFlag ? 'white':''}\">{{header}}</span> \n        <div [ngStyle]=\"{'color': gradientFlag ? 'black':''}\" style=\"float: right\" role=\"img\" aria-label=\"close push button\" tabindex=\"0\">\n          <ng-content select=\"amexio-accordion-header\">&nbsp;</ng-content> &nbsp;\n          <em *ngIf=\"!angleIcon\" class=\"fa\" [ngClass]=\"{'fa-plus' : !active,'fa-minus' : active}\" aria-hidden=\"true\"></em>\n          <em *ngIf=\"angleIcon\" class=\"fa\" [ngClass]=\"{'fa-angle-down' : !active,'fa-angle-up' : active}\" aria-hidden=\"true\"></em>\n        </div>\n      </ng-container>\n    </button>\n    <div role=\"region\" attr.aria-labelledby=\"{{componentId}}\" tabindex=\"0\" [@accordionState]=\"active ? 'visible':'hidden'\"\n      class=\"panel\">\n      <ng-content></ng-content>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":48,"character":4},"arguments":["accordionState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":49,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":22},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":53,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":23},"arguments":[{"display":"block","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":57,"character":6},"arguments":["*=>hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":57,"character":30},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":58,"character":6},"arguments":["*=>visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":58,"character":31},"arguments":["200ms"]}]}]]}]}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"emittedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"leftIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["left-icon"]}]}],"angleIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["angle-icon"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["disabled"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3},"arguments":["data"]}]}],"btn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["btn"]}]}],"amexioAccHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":131,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioAccordionHeaderComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"onEnterClick":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"changeHeaderColor":[{"__symbolic":"method"}]}},"AmexioAccordionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-accordion","template":"\n\n  <div class=\"{{roundedgeclass}}\">\n      <ng-content  select=\"amexio-accordion-tab\"></ng-content>\n  </div>\n"}]}],"members":{"expandAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["expand-all"]}]}],"isTransparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["transparent"]}]}],"angleIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["angle-icon"]}]}],"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["background"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["color"]}]}],"multiopen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["multi-open"]}]}],"queryTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":81,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioAccordionTabComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"activateAccordionPane":[{"__symbolic":"method"}],"onkeyDown":[{"__symbolic":"method"}],"onkeyUp":[{"__symbolic":"method"}],"onPreAccIndex":[{"__symbolic":"method"}],"setAccoordionActive":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AccordionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1}}],"members":{"onClickEvent":[{"__symbolic":"method"}],"clearEvents":[{"__symbolic":"method"}],"getEvents":[{"__symbolic":"method"}]}},"AmexioBorderLayoutItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-borderlayout-item","template":"\n    <div tabindex=\"0\" attr.aria-label=\"borderlayoutitem{{position}}\">\n        <aside style=\"height:100%;\">\n            <ng-content></ng-content>\n        </aside>\n    </div>\n  "}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["attr.class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getClassType":[{"__symbolic":"method"}]}},"AmexioBorderLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-borderlayout","template":"\n    <span tabindex=\"0\" aria-label=\"borderlayout\">\n      <section [ngClass]=\"borderclass\">\n        <ng-content></ng-content>\n      </section>\n    </span>\n  "}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":1},"arguments":[{"__symbolic":"reference","name":"AmexioBorderLayoutItemComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"AmexioBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-box","template":"\n    <div class=\"{{roundedgeclass}}\">\n    <div for=\"boxText\" id=\"{{componentId}}\" class=\"box-content {{themeCss}}\"  *ngIf=\"close\" [style.height]=\"height ? height:'none'\" [style.width]=\"width ? width:'none'\" [style.align]=\"align ? align:'none'\" [ngClass]=\"{\n    'box-default': borderColor=='default' || borderColor ==null,\n    'border-topbar': border=='top',\n    'border-bottombar': border =='bottom',\n    'border-rightbar': border =='right',\n    'border-leftbar': border =='left',\n    'border-all' : border =='all',\n    'border-top-bottom' : border =='top-bottom' || border =='bottom-top',\n    'border-right-left' : border =='right-left' || border =='left-right',\n\n    'bg-brown': bgColor=='brown', \n    'bg-red': bgColor=='red',\n    'bg-green': bgColor=='green',\n    'bg-yellow': bgColor=='yellow',\n    'bg-blue': bgColor=='blue',\n    'bg-purple': bgColor=='purple',\n    'bg-theme-color' : bgColor =='theme-color',\n    'box-transparent' : bgColor =='transparent',\n\n    'border-theme-color' : borderColor =='theme-color',\n    'border-red' : borderColor =='red',\n    'border-yellow' : borderColor =='yellow',\n    'border-green' : borderColor =='green',\n    'border-blue' : borderColor =='blue',\n    'border-brown' : borderColor =='brown',\n    'border-purple' : borderColor =='purple',\n    'border-transparent' : borderColor =='transparent',\n    'padding' : padding,\n    'border-dotted' : borderDotted\n     }\">\n        <span *ngIf=\"closable\" class=\"box-close\">\n     <amexio-c-icon key=\"tab_close\" (onClick)=\"closeBox($event)\"></amexio-c-icon>\n     </span>\n        <span role=\"tooltip\" tabindex=\"0\" id=\"boxText\" name=\"boxText\" attr.aria-labelledby=\"{{componentId}}\">\n      <ng-content ></ng-content>\n    </span>\n    </div>\n    </div>\n  "}]}],"members":{"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["border"]}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["border-color"]}]}],"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["background-color"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3},"arguments":["padding"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["box-height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3},"arguments":["box-width"]}]}],"borderDotted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["border-dotted"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3},"arguments":["align"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3},"arguments":["closable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"closeBox":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"AmexioCardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"amexio-card","template":"\n    <div #id class=\"card-container {{roundedgeclass}} {{tempPolaride}}\" *ngIf=\"show\" (window:resize)=\"onResize()\" \n    (contextmenu)=\"loadContextMenu({event:$event,ref:id})\" [ngClass]=\"{'full-screen-card': maximizeflagchanged}\">\n        <header #cardHeader [ngClass]=\"themeCss\" [style.padding]=\"headerPadding\" class=\"card-header\" *ngIf=\"header\"\n         [ngClass]=\"{'flex-start':(headeralign=='left'),'flex-end':(headeralign=='right'),'flex-center':(headeralign=='center')}\">\n            <ng-content select=\"amexio-header\"></ng-content>\n        </header>\n        <div class=\"card-body cardbody\" [style.padding]=\"bodyPadding\"\n         [ngStyle]=\"{'height.px' : height,'overflow-y' : height!= null ? 'auto' : '','min-height.px' : minHeight}\">\n            <ng-content select=\"amexio-body\"></ng-content>\n        </div>\n        <footer #cardFooter [style.padding]=\"footerPadding\" class=\"card-footer {{roundedgeclass}}\" *ngIf=\"footer\"\n         [ngClass]=\"{'flex-start':(footeralign=='left'),'flex-end':(footeralign=='right'),'flex-center':(footeralign=='center')}\">\n            <ng-content select=\"amexio-action\"></ng-content>\n        </footer>\n    </div>\n\n    <ng-container *ngIf=\"flag\">\n        <base-contextmenu \n        [base-context-menu]=\"contextmenu\" \n        [mouse-location-top]=\"mouseLocation.top\"\n        [mouse-location-left]=\"mouseLocation.left\" \n        [is-FlagShow]=\"flag\" \n        [right-click-data]=\"nodeRightClick\"\n        (onRightClick) =\"rightClickDataEmit($event)\"\n        [position-up]=\"posixUp\">\n        </base-contextmenu>\n    </ng-container>\n  "}]}],"members":{"headeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["header-align"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"footeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3},"arguments":["footer-align"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3},"arguments":["min-height"]}]}],"bodyheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["body-height"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["context-menu"]}]}],"styletype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3},"arguments":["polaroid-type"]}]}],"parentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"nodeRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"cardHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":159,"character":3},"arguments":["cardHeader",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":159,"character":35}}]}]}],"cardFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":161,"character":3},"arguments":["cardFooter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":161,"character":35}}]}]}],"amexioHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":186,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioHeaderComponent"}]}]}],"amexioBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":188,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioBodyComponent"}]}]}],"amexioFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":190,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFooterComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":193,"character":44},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":193,"character":51}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":193,"character":32},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"adjustHeight":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}]}},"AmexioColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-column","template":"\n\n    <div [ngStyle]=\"{'height':fit ? '100%':''}\">\n        <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["attr.class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":1},"arguments":["fit"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-layout-grid","template":"\n    <div [ngClass]=\"className\" [ngStyle]=\"{'grid-template-columns': gridtemplatecolumnconfig}\">\n          <ng-content select=\"amexio-grid-item\"></ng-content>\n    </div>\n  "}]}],"members":{"queryItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioGridItemComponent"}]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["layout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AmexioGridLayoutService"}]}],"ngOnInit":[{"__symbolic":"method"}],"gridInit":[{"__symbolic":"method"}],"getCssAttribute":[{"__symbolic":"method"}],"insertStyleSheetRuleParent":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"subscribeToGridItemEvents":[{"__symbolic":"method"}],"layoutMethod":[{"__symbolic":"method"}],"preConfigDataMethod":[{"__symbolic":"method"}],"subItemCollectionMap":[{"__symbolic":"method"}],"dataCreation":[{"__symbolic":"method"}],"cssGenreration":[{"__symbolic":"method"}],"cssGenerationNoDesktop":[{"__symbolic":"method"}],"cssGenerationCommonMethod":[{"__symbolic":"method"}]}},"AmexioGridItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"amexio-grid-item","template":"\n    <div style=\"height: 100%; width: 100%; position: relative;\" [class]=\"cPosition\">\n\n        <div *ngIf=\"(hcEnabled)\" [class]=\"hcPosition\" [ngStyle]=\"{transform: iconDegree}\" (click)=\"toggle()\">\n            <i class=\"fa fa-caret-right\" aria-hidden=\"true\"></i>\n        </div>\n        <div *ngIf=\"(vcEnabled)\" [class]=\"vcPosition\" (click)=\"toggle()\">\n            <i class=\"fa fa-caret-right\" aria-hidden=\"true\" [ngStyle]=\"{transform: iconDegree}\"></i>\n        </div>\n\n        <div class=\"griditemcontainer\" [ngStyle]=\"{'flex-direction': containerDirection}\">\n            <div *ngIf=\"title\" class=\"griditemcontainer-header\"\n                [ngClass]=\"{'griditemcontainer-header-collapsed': (!showContent && hcEnabled)}\">\n                <label>{{title}}</label>\n            </div>\n            <div class=\"griditemcontainer-body\" [ngStyle]=\"{display: showContent ? 'block':'none'}\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n\n    </div>\n  "}]}],"members":{"hostname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["name"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["title"]}]}],"hcEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["hc-enabled"]}]}],"hcDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["hc-direction"]}]}],"vcEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["vc-enabled"]}]}],"vcDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["vc-direction"]}]}],"onToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3},"arguments":["onToggle"]}]}],"mincontent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["min-content"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"insertStyleSheetRule":[{"__symbolic":"method"}],"setClassDefinition":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"AmexioRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-row","template":"\n    <div class=\"flex-row\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"AmexioGridLayoutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"createLayout":[{"__symbolic":"method"}],"getLayoutData":[{"__symbolic":"method"}]}},"AmexioDataModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":69,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":72,"character":4},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":75,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"AmexioTreeViewComponent"},{"__symbolic":"reference","name":"AmexioListBoxComponent"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdo"},{"__symbolic":"reference","name":"AmexioGoogleMapComponent"},{"__symbolic":"reference","name":"ɵdm"},{"__symbolic":"reference","name":"AmexioPaginatorComponent"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdq"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵds"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdu"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"TreeDataTableComponent"},{"__symbolic":"reference","name":"ɵdw"},{"__symbolic":"reference","name":"ɵdx"},{"__symbolic":"reference","name":"ɵcv"}],"declarations":[{"__symbolic":"reference","name":"AmexioTreeViewComponent"},{"__symbolic":"reference","name":"AmexioListBoxComponent"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdo"},{"__symbolic":"reference","name":"AmexioGoogleMapComponent"},{"__symbolic":"reference","name":"ɵdm"},{"__symbolic":"reference","name":"AmexioPaginatorComponent"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdq"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵds"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdu"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"TreeDataTableComponent"},{"__symbolic":"reference","name":"ɵdw"},{"__symbolic":"reference","name":"ɵdx"},{"__symbolic":"reference","name":"ɵcv"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"GoogleMapScriptService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioDataModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"GoogleMapScriptService"}]}}}},"GoogleMapScriptService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"loadScript":[{"__symbolic":"method"}],"isScriptAlreadyPresent":[{"__symbolic":"method"}]}},"AmexioListBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-listbox","template":"\n    <div class=\"listbox {{roundedgeclass}}\" [style.border]=\"border\">\n      <div *ngIf=\"enableHeader\" class=\"header\" style=\"display: flex; justify-content: space-between\">\n        <div style=\"display: flex;justify-content: flex-start;\">\n          <div role=\"checkbox\" tabindex=\"0\" *ngIf=\"enablecheckbox\" (keyup.enter)=\"selectAllRecord()\" class=\"input-box\">\n            <div *ngIf=\"!selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox default\"></div>\n            <div *ngIf=\"selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox active\">&#10004;</div>\n          </div>\n          <div tabindex=\"0\" attr.aria-label=\"{{header}} list\" class=\"title\">&nbsp;&nbsp;{{header}}</div>\n        </div>\n\n        <div *ngIf=\"(filter == true)\">\n          <input type=\"text\" [(ngModel)]=\"filterText\" [placeholder]=\"searchplaceholder\" (keyup)=\"filterData()\" class=\"search \" />\n        </div>\n      </div>\n      <div class=\"listbox-height\" tabindex=\"0\" (keyup.arrowdown)=\"onArrowdown()\" (keyup.arrowup)=\"onArrowUp()\"\n        (keyup.enter)=\"onEnterPress()\" [style.height.px]=\"height\">\n        <ul id=\"{{componentId}}\" tabindex=\"0\" role=\"listbox\" class=\"list\" [ngClass]=\"{'loading-mask' : maskloader}\">\n          <li #id role=\"option\" [attr.aria-selected]=\"row.isSelected\"\n           class=\"list-items\" *ngFor=\"let row of viewData let rowno = index \"\n            [ngClass]=\"{'tree-node-label-selected':row.isSelected ,\n            'list-box-items':row.ishoverselected, 'list-items-click': row.onClickFlag,\n            'tree-node-label-not-selected':row.isSelected==false}\"\n            id=\"{{row.index}}\">\n            <div (click)=\"onClick(row)\" (contextmenu)=\"loadContextMenu($event,row, id)\">\n              <ng-container *ngIf=\"enablecheckbox\">\n                <div class=\"inputgroup\" style=\"float: left; height: 100%;\">\n                  <div class=\"input-box\">\n                    <div role=\"checkbox\" [attr.checked]=\"row.isSelected\" (click)=\"selectedCheckBox(row)\" [class]=\"row.isSelected ?'checkbox active':'checkbox default'\">\n                      {{row.isSelected ? '&#10004;' : ''}}\n                    </div>\n                  </div>\n                </div>&nbsp;\n              </ng-container>\n              <ng-container *ngIf=\"!bodyTemplate\"> {{row[displayfield]}}</ng-container>\n              <ng-template *ngIf=\"bodyTemplate\" [ngTemplateOutlet]=\"bodyTemplate\" [ngTemplateOutletContext]=\"{ row: row }\"></ng-template>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <ng-container *ngIf=\"contextMenuFlag\">\n      <base-contextmenu [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\" [mouse-location-left]=\"mouseLocation.left\"\n        [is-FlagShow]=\"contextMenuFlag\" [right-click-data]=\"rightClickRowData\" (onRightClick)=\"rightClickDataEmit($event)\"\n        [position-up]=\"posixUp\">\n      </base-contextmenu>\n    </ng-container>\n  "}]}],"members":{"enablecheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["enable-checkbox"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"enableHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3},"arguments":["enable-header"]}]}],"searchplaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3},"arguments":["search-placeholder"]}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3},"arguments":["data"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3},"arguments":["http-url"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["http-method"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3},"arguments":["display-field"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"selectedRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":202,"character":3}}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":212,"character":3}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":3}}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3},"arguments":["context-menu"]}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":242,"character":3}}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":244,"character":3},"arguments":["amexioBodyTmpl"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":292,"character":71}]}],"ngOnInit":[{"__symbolic":"method"}],"listenListboxOutClick":[{"__symbolic":"method"}],"onArrowdown":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onEnterPress":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"onSelectClick":[{"__symbolic":"method"}],"setSelectedFlag":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"searchTree":[{"__symbolic":"method"}],"selectedCheckBox":[{"__symbolic":"method"}],"selectAllRecord":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"tempSelectedFlag":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AmexioTreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"amexio-treeview","template":"\n      <div *ngIf=\"data == null\" style=\"height: 300px;width: 300px;\">\n        <div class=\"spinner\"></div>\n      </div>\n\n      <div class=\"treenode\" *ngFor=\"let node of data let rowindex = index\">\n        <div #id class=\"treenode-content\" (click)=\"onClick(node)\" (keyup.enter)=\"onClick(node)\">\n          <div style=\"white-space:nowrap\">\n            <div  aria-label=\"Dropdown button clickable\" class=\"tree-node-label\" *ngIf=\"node[childarraykey] && (node[childarraykey].length>0)\">\n              <em class=\"fa\" [ngClass]=\"{'fa-angle-down':node.expand,'fa-angle-right':!node.expand}\"></em>\n            </div> &nbsp;\n            <div tabindex=\"1\" id={{node.elementId}} role=\"treeitem\" (keyup.arrowup)=\"onArrowUp(data,node,rowindex)\"\n              (keyup.arrowdown)=\"onArrowDown($event,data,node,rowindex)\" class=\"tree-node-label tree-node-label-hover\"\n              [attr.aria-expanded]=\"node.expand\" [ngClass]=\"{'tree-node-label-selected':node.isSelected ,'tree-node-label-not-selected':node.isSelected==false}\"\n              [attr.draggable]=\"enabledrag\" (dragleave)=\"dragleave($event)\" (drop)=\"drop({event:$event,data:node})\"\n              (dragover)=\"allowDrop({event:$event,data:node})\" (dragstart)=\"onDragStart({event:$event,data:node})\"\n              (contextmenu)=\"loadContextMenu({event:$event,data:node,ref:id})\">\n              <div class=\"tree-node-label\" *ngIf=\"enablecheckbox\">\n                <input type=\"checkbox\" [checked]=\"'checked'?node.checked:null\" (click)=\"emitCheckedData(node)\" />\n              </div>\n              <div class=\"tree-node-label\" (click)=\"onNodeClick(node)\">\n                <div class=\"tree-node-label\" *ngIf=\"templates == null\">\n                  <div class=\"tree-node-label\" *ngIf=\"node.icon\" [ngClass]=\"node.icon\" aria-hidden=\"true\" style=\"padding-right: 5px;\">\n                  </div>\n                  <div class=\"tree-node-label\" [ngClass]=\"{'a':!wordwrap}\">\n                    {{node[displaykey]}}\n                    <ng-container *ngIf=\"badge && node.badge\">\n                      <span class=\"tree-badge\">{{node.badge}}</span>\n                    </ng-container>\n                  </div>\n                </div>\n                <div class=\"tree-node-label\" [ngClass]=\"{'a':!wordwrap}\" *ngIf=\"templates != null\">\n                  <ng-template [ngTemplateOutlet]=\"templates.treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { text: node.text } , icon: node.icon,node : node }\">\n                  </ng-template>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"treenode-children\" style=\"display: block;\" *ngIf=\"node.expand && node[childarraykey] && (node[childarraykey].length>0)\">\n          <amexio-treeview [child-array-key]=\"childarraykey\" [display-key]=\"displaykey\" [enable-drag]=\"enabledrag\"\n            [enable-drop]=\"enabledrop\" [word-wrap]=\"wordwrap\" [data]=\"node[childarraykey]\"  [dragData]=\"dragData\" [parentRef]=\"parentRef\" (onDrag)=onDragStart($event)\n            (onDrop)=drop($event) (nodeClick)=\"onNodeClick($event)\" (dragleave)=\"($event)\" (nodeRightClick)=\"loadContextMenu($event)\"\n            [across-tree]=\"acrosstree\" [templates]=\"templates\"\n             [global-tree-data]=\"globalTreeData\"\n             [filter-tree-flag]=\"filtertreeflag\"\n             [enable-checkbox]=\"enablecheckbox\" [badge]=\"badge\"\n            (onTreeNodeChecked)=\"this.onTreeNodeCheck($event)\">\n          </amexio-treeview>\n        </div>\n      </div>\n      <ng-container *ngIf=\"flag\">\n        <base-contextmenu [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\" [mouse-location-left]=\"mouseLocation.left\"\n          [is-FlagShow]=\"flag\" [right-click-data]=\"rightClickNodeData\" (onRightClick)=\"rightClickDataEmit($event)\"\n          [position-up]=\"posixUp\">\n        </base-contextmenu>\n      </ng-container>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5},"arguments":["data"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5},"arguments":["data-reader"]}]}],"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":5},"arguments":["display-key"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5},"arguments":["child-array-key"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":155,"character":5}}]}],"enablecheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5},"arguments":["enable-checkbox"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":5}}]}],"enabledrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":5},"arguments":["enable-drag"]}]}],"enabledrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":5},"arguments":["enable-drop"]}]}],"acrosstree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":5},"arguments":["across-tree"]}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":5},"arguments":["badge"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":5},"arguments":["context-menu"]}]}],"parentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":5}}]}],"filtertreeflag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":229,"character":5},"arguments":["filter-tree-flag"]}]}],"wordwrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":5},"arguments":["word-wrap"]}]}],"parentTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":233,"character":5},"arguments":["amexioTreeTemplate"]}]}],"onTreeNodeChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":242,"character":5}}]}],"onDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":244,"character":5}}]}],"onDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":245,"character":5}}]}],"dragover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":246,"character":5}}]}],"dragData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":5}}]}],"nodeRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":249,"character":5}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":251,"character":5}}]}],"globalTreeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":273,"character":5},"arguments":["global-tree-data"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":276,"character":24},{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":277,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":277,"character":58}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"expandAll":[{"__symbolic":"method"}],"expandAllCall":[{"__symbolic":"method"}],"collapseAll":[{"__symbolic":"method"}],"collapseAllCall":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"focusToInnerLastItem":[{"__symbolic":"method"}],"focusTONextParent":[{"__symbolic":"method"}],"splitID":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"onNodeClick":[{"__symbolic":"method"}],"cloneMethod":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"activateNode":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setSelectedFlag":[{"__symbolic":"method"}],"setSelectedFlagInChild":[{"__symbolic":"method"}],"emitCheckedData":[{"__symbolic":"method"}],"emitData":[{"__symbolic":"method"}],"searchObject":[{"__symbolic":"method"}],"setCheckedStatusFromParent":[{"__symbolic":"method"}],"onTreeNodeCheck":[{"__symbolic":"method"}],"onDragStart":[{"__symbolic":"method"}],"allowDrop":[{"__symbolic":"method"}],"noDragMethod":[{"__symbolic":"method"}],"getDropNode":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"setDropAcrosstree":[{"__symbolic":"method"}],"setDropNodeTree":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"removeNode":[{"__symbolic":"method"}],"removeDragNode":[{"__symbolic":"method"}],"dragleave":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"resetFlag":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AmexioPaginatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"amexio-paginator","template":"\n    <div role=\"navigation\" attr.aria-labelledby=\"componentId\" aria-label=\"pagination\" class=\"paginator {{roundedgeclass}}\">\n      <span class=\"paginator-pages\">\n        <a role=\"radiogroup\" id=\"{{componentId}}\" aria-label=\"previous page\" tabindex=\"1\" class=\"paginator-page\" (click)=\"onPrevious()\">&lt;</a>\n        <a role=\"radiogroup\" id=\"{{componentId}}\" aria-label=\"previous set page\" tabindex=\"1\" class=\"paginator-page\" (click)=\"onFirstClick()\">&lt;&lt;</a>\n      </span>\n      <span id=\"{{componentId}}\" tabindex=\"1\" attr.aria-label=\"Page{{i+1}}\" role=\"link\" (keyup.enter)=\"onPageClick(page,i)\" class=\"paginator-pages\" *ngFor=\"let page of activePages;let i = index\">\n        <a class=\"paginator-page\" [ngClass]=\"{'active' : activePageIndex == i  }\"  (click)=\"onPageClick(page,i)\">{{page}}</a>\n      </span>\n      <span role=\"presentation\" class=\"paginator-pages\">\n        <a role=\"radiogroup\" id=\"{{componentId}}\" aria-label=\"next set page\" tabindex=\"1\" class=\"paginator-page\" (click)=\"onLastClick()\">&gt;&gt;</a>\n        <a role=\"radiogroup\" id=\"{{componentId}}\" aria-label=\"next page\" tabindex=\"1\" class=\"paginator-page\" (click)=\"onNext()\">&gt;</a>\n      </span>\n      <ng-container *ngIf=\"!serverSidePaging\">\n        <ng-container *ngIf=\"pages > rows\">\n        <span class=\"paginator-pages\">\n          <a class=\"paginator-page\" (click)=\"showColumnOptions()\" style=\" cursor: pointer;\">{{currentRow}} &nbsp; &#9660;</a>\n          <span *ngIf=\"show\" class=\"dropdown\" style=\"width: 50px;\">\n            <ul class=\"dropdown-list\">\n              <li class=\"list-items\" *ngFor=\"let row of pageIndex;let i = index\" (click)=\"changeRows(row,i, $event)\">\n                <div>{{row}}</div>\n              </li>\n            </ul>\n          </span>\n        </span>\n        </ng-container>\n      </ng-container>\n    </div>\n  "}]}],"members":{"serverSidePaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3},"arguments":["server-side-paging"]}]}],"pages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"onRowChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"onPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createCompId":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initializePages":[{"__symbolic":"method"}],"onFirstClick":[{"__symbolic":"method"}],"onLastClick":[{"__symbolic":"method"}],"onPrevious":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"setNextOrPreviewsPage":[{"__symbolic":"method"}],"changeRows":[{"__symbolic":"method"}],"getCurrentRow":[{"__symbolic":"method"}],"onPageChangeMethod":[{"__symbolic":"method"}],"onPageClick":[{"__symbolic":"method"}],"calculateRows":[{"__symbolic":"method"}],"setRows":[{"__symbolic":"method"}],"showColumnOptions":[{"__symbolic":"method"}],"setAndEmitPageState":[{"__symbolic":"method"}],"createOnPageEmitObject":[{"__symbolic":"method"}],"resetData":[{"__symbolic":"method"}]}},"TreeDataTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"amexio-tree-data-table","template":"\n    <div (window:resize)=\"onResize()\" [ngClass]=\"{'datagrid-full-screen': yesFullScreen && fullscreenMax}\">\n        <div #header class=\"datatable\">\n            <div class=\"datatable-header\">\n                <ng-container *ngFor=\"let cols of columns;let i = index\">\n                    <ng-container *ngIf=\"cols.datatype=='string'\">\n                        <div class=\"datatable-col\" tabindex=\"1\" [ngClass]=\"{'header' : i == 0}\" [style.width.%]=\"cols.width\">\n                            <ng-container *ngIf=\"cols.headerTemplate\">\n                                <ng-template [ngTemplateOutlet]=\"cols.headerTemplate\" [ngTemplateOutletContext]=\"{column:cols ,index: i}\"></ng-template>\n                            </ng-container>\n                            <ng-container *ngIf=\"!cols.headerTemplate\">\n                                {{cols.text}}\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"cols.datatype=='number'\">\n                        <ng-container *ngIf=\"cols.headerTemplate\">\n                            <ng-template [ngTemplateOutlet]=\"cols.headerTemplate\" [ngTemplateOutletContext]=\"{column:cols ,index: i}\"></ng-template>\n                        </ng-container>\n                        <ng-container *ngIf=\"!cols.headerTemplate\">\n                            <span class=\"float-right\" style=\"display:flex\">\n                                <div class=\"datatable-col\" tabindex=\"1\" [style.width.%]=\"cols.width\" [ngClass]=\"{'header' : i == 0}\"> {{cols.text}}</div>\n                                <span *ngIf=\"yesFullScreen\" style=\"padding-right: 4px;\">\n                                    <amexio-c-icon class=\"cursor-style\" *ngIf=\"((yesFullScreen && fullscreenMax))\" [key]=\"'full-screen-min-icon'\" (onClick)=\"minScreenChange($event)\"></amexio-c-icon>\n                                    <amexio-c-icon class=\"cursor-style\" *ngIf=\"((yesFullScreen && !fullscreenMax))\" [key]=\"'full-screen-max-icon'\" (onClick)=\"maxScreenChange($event)\"></amexio-c-icon>\n                                </span>\n                            </span>\n                        </ng-container>\n                    </ng-container>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"datatable-height\" [style.height.px]=\"height\">\n            <div class=\"datatable\">\n                <div style=\"height: 300px;\" *ngIf=\"mask\">\n                    <div class=\"spinner\"></div>\n                </div>\n                <ng-container *ngIf=\"!mask\">\n                    <div class=\"datatable-row\" (click)=\"toogle(row,i)\" *ngFor=\"let row of viewRows;let i=index\" (click)=\"setSelectedRow(row, $event)\">\n                        <ng-container *ngFor=\"let cols of columns;let colIndex = index\">\n                            <ng-container *ngIf=\"cols.datatype=='string' && !cols?.bodyTemplate\">\n                                <div #ref id=\"{{row.id}}{{i+1}}{{colIndex+1}}\" [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == 1))? 1: -1)\" (keyup.enter)=\"toogle(row,i)\"\n                                    (keyup.enter)=\"setSelectedRow(row, $event)\" class=\"datatable-col\" (keyup.arrowright)=\"arrowRight(ref)\"\n                                    (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.arrowup)=\"arrowUp(ref)\" (keyup.arrowdown)=\"arrowDown(ref)\"\n                                    (keyup.end)=\"keyEnd(ref)\" (keyup.home)=\"keyHome(ref)\" (keyup.control.end)=\"keyControlEnd(ref)\"\n                                    (keyup.control.home)=\"keyControlHome(ref)\" [attr.data-label]=\"cols.text\" [style.width.%]=\"cols.width\">\n                                    <ng-container *ngIf=\"colIndex == 0\">\n                                        <span [style.padding-left.px]=\"(!row.level || row.level <= 1? 10 : (10+(10*row.level)) )\">\n                                            <ng-container *ngIf=\"!row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_collapse\"></amexio-c-icon>\n                                            </ng-container>\n                                            <ng-container *ngIf=\"row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_expand\"></amexio-c-icon>\n                                            </ng-container>\n                                            <ng-container *ngIf=\"row[cols.dataindex]!= null && row[cols.dataindex]!= '' ;else elseBlock\">\n                                                {{row[cols.dataindex]}}\n                                            </ng-container>\n                                            <ng-template #elseBlock>\n                                                &nbsp;\n                                            </ng-template>\n                                        </span>\n                                    </ng-container>\n\n                                    <ng-container *ngIf=\"colIndex > 0\">\n                                        <ng-container *ngIf=\"row[cols.dataindex]!= null && row[cols.dataindex]!= '' ;else elseBlock\">\n                                            {{row[cols.dataindex]}}\n                                        </ng-container>\n                                        <ng-template #elseBlock>\n                                            &nbsp;\n                                        </ng-template>\n                                    </ng-container>\n                                </div>\n                            </ng-container>\n                            <ng-container *ngIf=\"cols.datatype=='number' && !cols?.bodyTemplate\">\n                                <div #ref class=\"datatable-col\" id=\"{{row.id}}{{i+1}}{{colIndex+1}}\" (keyup.end)=\"keyEnd(ref)\" (keyup.home)=\"keyHome(ref)\"\n                                    (keyup.control.end)=\"keyControlEnd(ref)\" (keyup.control.home)=\"keyControlHome(ref)\" (keyup.arrowright)=\"arrowRight(ref)\"\n                                    (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.arrowup)=\"arrowUp(ref)\" (keyup.arrowdown)=\"arrowDown(ref)\"\n                                    [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == 1))? 1: -1)\" (keyup.enter)=\"toogle(row,i)\" (keyup.enter)=\"setSelectedRow(row, $event)\"\n                                    [attr.data-label]=\"cols.text\" [style.width.%]=\"cols.width\">\n                                    <ng-container *ngIf=\"colIndex == 0\">\n                                        <span [style.padding-left.px]=\"(!row.level || row.level <= 1? 10 : (10+(10*row.level)) )\">\n                                            <ng-container *ngIf=\"!row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_collapse\"></amexio-c-icon>\n                                            </ng-container>\n                                            <ng-container *ngIf=\"row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_expand\"></amexio-c-icon>\n                                            </ng-container>\n                                            <span class=\"float-right\">\n                                                <ng-container *ngIf=\"row[cols.dataindex]!= null;else elseBlock\">\n                                                    {{row[cols.dataindex]}}\n                                                </ng-container>\n                                                <ng-template #elseBlock>\n                                                    &nbsp;\n                                                </ng-template>\n                                            </span>\n                                        </span>\n                                    </ng-container>\n\n                                    <ng-container *ngIf=\"colIndex > 0\">\n                                        <span class=\"float-right\">\n                                            <ng-container *ngIf=\"row[cols.dataindex]!= null;else elseBlock\">\n                                                {{row[cols.dataindex]}}\n                                            </ng-container>\n                                            <ng-template #elseBlock>\n                                                &nbsp;\n                                            </ng-template>\n                                        </span>\n                                    </ng-container>\n                                </div>\n\n                            </ng-container>\n\n                            <ng-container *ngIf=\"cols.bodyTemplate\">\n\n                                <div #ref class=\"datatable-col\" id=\"{{row.id}}{{i+1}}{{colIndex+1}}\" (keyup.end)=\"keyEnd(ref)\" (keyup.home)=\"keyHome(ref)\"\n                                    (keyup.control.end)=\"keyControlEnd(ref)\" (keyup.control.home)=\"keyControlHome(ref)\" (keyup.arrowright)=\"arrowRight(ref)\"\n                                    (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.arrowup)=\"arrowUp(ref)\" (keyup.arrowdown)=\"arrowDown(ref)\"\n                                    [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == 1))? 1: -1)\" (keyup.enter)=\"toogle(row,i)\" (keyup.enter)=\"setSelectedRow(row, $event)\"\n                                    [attr.data-label]=\"cols.text\" [style.width.%]=\"cols.width\">\n                                    <ng-container *ngIf=\"colIndex == 0\">\n                                        <span [style.padding-left.px]=\"(!row.level || row.level <= 1? 10 : (10+(10*row.level)) )\">\n                                            <ng-container *ngIf=\"!row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_collapse\"></amexio-c-icon>\n                                            </ng-container>\n                                            <ng-container *ngIf=\"row.expanded && row.children\">\n                                                <amexio-c-icon class=\"iconPaddingStyle\" key=\"tree_expand\"></amexio-c-icon>\n                                            </ng-container>\n                                            <ng-template [ngTemplateOutlet]=\"cols.bodyTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { text : row[cols.dataindex] }, row: row }\"></ng-template>\n                                        </span>\n                                    </ng-container>\n\n                                    <ng-container *ngIf=\"colIndex > 0\">\n                                        <ng-template [ngTemplateOutlet]=\"cols.bodyTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { text : row[cols.dataindex] }, row: row }\"></ng-template>\n                                    </ng-container>\n\n                                </div>\n                            </ng-container>\n\n                        </ng-container>\n\n                    </div>\n                </ng-container>\n\n            </div>\n        </div>\n    </div>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["data"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":234,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":254,"character":3},"arguments":["value-field"]}]}],"selectedRecord":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":264,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":3}}]}],"gridHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":285,"character":3},"arguments":["header",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":285,"character":31}}]}]}],"rowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":286,"character":3}}]}],"columnRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":303,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":304,"character":64},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":304,"character":71}]}]],"parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createConfig":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"getResponseData":[{"__symbolic":"method"}],"removeAll":[{"__symbolic":"method"}],"expandAll":[{"__symbolic":"method"}],"toogle":[{"__symbolic":"method"}],"addRows":[{"__symbolic":"method"}],"removeRows":[{"__symbolic":"method"}],"setRemovedRows":[{"__symbolic":"method"}],"setSelectedRow":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"splitID":[{"__symbolic":"method"}],"arrowUp":[{"__symbolic":"method"}],"arrowDown":[{"__symbolic":"method"}],"arrowRight":[{"__symbolic":"method"}],"findNextColumn":[{"__symbolic":"method"}],"arrowLeft":[{"__symbolic":"method"}],"findPreviousColumn":[{"__symbolic":"method"}],"keyHome":[{"__symbolic":"method"}],"findHomeColumn":[{"__symbolic":"method"}],"keyEnd":[{"__symbolic":"method"}],"keyControlHome":[{"__symbolic":"method"}],"findControlHomeColumn":[{"__symbolic":"method"}],"keyControlEnd":[{"__symbolic":"method"}],"findControlEndColumn":[{"__symbolic":"method"}]}},"AmexioGoogleMapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"amexio-google-map","template":"\n    <div [style.width]=\"width\" [style.height]=\"height\" [style.min-height]=\"minheight\"></div>\n  "}]}],"members":{"googlemapkey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["google-map-key"]}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"minheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["min-height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"initiallat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["initial-lat"]}]}],"initiallng":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["initial-lng"]}]}],"initialzoomlevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["initial-zoom-level"]}]}],"stockColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["stroke-color"]}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["fill-color"]}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["fill-opacity"]}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["stroke-opacity"]}]}],"onMarkerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"onReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["data"]}]}],"coordinates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["co-ordinates"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":80,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":81,"character":13},{"__symbolic":"reference","name":"GoogleMapScriptService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadScriptWithMap":[{"__symbolic":"method"}],"loadMap":[{"__symbolic":"method"}],"initalize":[{"__symbolic":"method"}],"bindOverlayEvents":[{"__symbolic":"method"}],"getMap":[{"__symbolic":"method"}],"getCoordinates":[{"__symbolic":"method"}]}},"AmexioDashBoardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":45,"character":4},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"DashBoardTitleComponent"},{"__symbolic":"reference","name":"DataPointCenterComponent"},{"__symbolic":"reference","name":"DataPointsComponent"},{"__symbolic":"reference","name":"DataPointEastComponent"},{"__symbolic":"reference","name":"DataPointNorthComponent"},{"__symbolic":"reference","name":"DataPointSouthComponent"},{"__symbolic":"reference","name":"DataPointWestComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"}],"declarations":[{"__symbolic":"reference","name":"DashBoardTitleComponent"},{"__symbolic":"reference","name":"DataPointCenterComponent"},{"__symbolic":"reference","name":"DataPointsComponent"},{"__symbolic":"reference","name":"DataPointEastComponent"},{"__symbolic":"reference","name":"DataPointNorthComponent"},{"__symbolic":"reference","name":"DataPointSouthComponent"},{"__symbolic":"reference","name":"DataPointWestComponent"},{"__symbolic":"reference","name":"GaugeChartComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DashboardLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioDashBoardModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DashboardLoaderService"}]}}}},"DashboardLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"loadCharts":[{"__symbolic":"method"}],"loadScript":[{"__symbolic":"method"}],"loadBaseChart":[{"__symbolic":"method"}],"loadRequiredChart":[{"__symbolic":"method"}]}},"DashBoardTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-dashboard-title","template":" "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":1}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":1}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":1}}]}],"fontname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":1},"arguments":["font-name"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":1},"arguments":["font-size"]}]}],"bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":1}}]}],"italic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointCenterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-center","template":"\n\n    <div [ngClass]=\"cclass\" [attr.align]=\"contentalign\" [style.background-color]=\"backgroundcolor\"\n         [style.color]=\"fontcolor\" [style.width]=\"width\" [style.height]=\"height\">\n      <ng-content></ng-content>\n    </div>"}]}],"members":{"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3},"arguments":["content-align"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["font-color"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["c-class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-datapoints","template":"\n\n  <div class=\"datapoints {{roundedgeclass}}\" [ngClass]=\"dpClass\">\n      <table width=\"100%\" [style.background-color]=\"backgroundcolor\" [style.color]=\"fontcolor\">\n        <tr *ngIf=\"north\">\n          <td [attr.colspan]=\"colspan\">\n            <ng-content select=\"amexio-north\"></ng-content>\n          </td>\n        </tr>\n        <tr>\n          <td *ngIf=\"west\">\n            <ng-content select=\"amexio-west\"></ng-content>\n          </td>\n          <td *ngIf=\"center\">\n            <ng-content select=\"amexio-center\"></ng-content>\n          </td>\n          <td *ngIf=\"east\">\n            <ng-content select=\"amexio-east\"></ng-content>\n          </td>\n        </tr>\n        <tr *ngIf=\"south\">\n          <td [attr.colspan]=\"colspan\">\n            <ng-content select=\"amexio-south\"></ng-content>\n          </td>\n        </tr>\n      </table>\n    </div>\n\n\n  ","styles":["\n    .amexio-datapoints {\n\n    }\n  "]}]}],"members":{"north":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"south":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"west":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"center":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"east":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["font-color"]}]}],"amexiocolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["amexio-color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointEastComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-east","template":"\n\n    <div [ngClass]=\"cclass\" class=\"datapoint-east\" [attr.align]=\"contentalign\" [style.background-color]=\"backgroundcolor\"\n         [style.color]=\"fontcolor\" [style.width]=\"width\" [style.height]=\"height\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["content-align"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["font-color"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["c-class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointNorthComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-north","template":"\n\n    <div [ngClass]=\"cclass\" [attr.align]=\"contentalign\" [style.background-color]=\"backgroundcolor\"\n         [style.color]=\"fontcolor\" [style.width]=\"width\" [style.height]=\"height\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["content-align"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["font-color"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["c-class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointSouthComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-south","template":"\n\n    <div [ngClass]=\"cclass\" [attr.align]=\"contentalign\" [style.background-color]=\"backgroundcolor\"\n         [style.color]=\"fontcolor\" [style.width]=\"width\" [style.height]=\"height\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["content-align"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["font-color"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["c-class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DataPointWestComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-west","template":"\n\n    <div [ngClass]=\"cclass\" [attr.align]=\"contentalign\" [style.background-color]=\"backgroundcolor\"\n         [style.color]=\"fontcolor\" [style.width]=\"width\" [style.height]=\"height\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["content-align"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["background-color"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["font-color"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["c-class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GaugeChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"amexio-dashboard-gauge","template":"\n    <div *ngIf=\"showChart\" #gaugedashboard\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["data"]}]}],"redcolorfrom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3},"arguments":["red-color-from"]}]}],"redcolorto":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":3},"arguments":["red-color-to"]}]}],"yellowcolorfrom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":228,"character":3},"arguments":["yellow-color-from"]}]}],"yellowcolorto":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3},"arguments":["yellow-color-to"]}]}],"scalevalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3},"arguments":["scale-value"]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":251,"character":3},"arguments":[{"__symbolic":"reference","name":"DashBoardTitleComponent"}]}]}],"gaugedashboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":257,"character":3},"arguments":["gaugedashboard"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DashboardLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"AmexioChartsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":64,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":68,"character":4},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"ChartAreaComponent"},{"__symbolic":"reference","name":"ChartLegendComponent"},{"__symbolic":"reference","name":"ChartTitleComponent"},{"__symbolic":"reference","name":"ColumnChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GanttChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"TimeLineChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"VerticalAxisComponent"},{"__symbolic":"reference","name":"HorizontalAxisComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"CandlestickChartComponent"},{"__symbolic":"reference","name":"CandlestickWaterfallChartComponent"}],"declarations":[{"__symbolic":"reference","name":"AreaChartComponent"},{"__symbolic":"reference","name":"BarChartComponent"},{"__symbolic":"reference","name":"ChartAreaComponent"},{"__symbolic":"reference","name":"ChartLegendComponent"},{"__symbolic":"reference","name":"ChartTitleComponent"},{"__symbolic":"reference","name":"ColumnChartComponent"},{"__symbolic":"reference","name":"DonutChartComponent"},{"__symbolic":"reference","name":"GanttChartComponent"},{"__symbolic":"reference","name":"HistogramChartComponent"},{"__symbolic":"reference","name":"LineChartComponent"},{"__symbolic":"reference","name":"PieChartComponent"},{"__symbolic":"reference","name":"TimeLineChartComponent"},{"__symbolic":"reference","name":"ComboChartComponent"},{"__symbolic":"reference","name":"VerticalAxisComponent"},{"__symbolic":"reference","name":"HorizontalAxisComponent"},{"__symbolic":"reference","name":"BubbleChartComponent"},{"__symbolic":"reference","name":"ScatterChartComponent"},{"__symbolic":"reference","name":"CandlestickChartComponent"},{"__symbolic":"reference","name":"CandlestickWaterfallChartComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"ChartLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioChartsModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"ChartLoaderService"}]}}}},"AreaChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"amexio-chart-area","template":"\n    <div *ngIf=\"showChart\" #areachart\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":3},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":211,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":213,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":215,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"areachart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":229,"character":3},"arguments":["areachart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"createTitleTextStyle":[{"__symbolic":"method"}],"createChartLegend":[{"__symbolic":"method"}],"createChartArea":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"BarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-chart-bar","template":"\n    <div *ngIf=\"showChart\" #barchart\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["data"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"xaxistitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3},"arguments":["x-axis-title"]}]}],"yaxistitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3},"arguments":["y-axis-title"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":234,"character":3},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":236,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":238,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":240,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"barchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":254,"character":3},"arguments":["barchart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTitleTextStyle":[{"__symbolic":"method"}],"createChartLegend":[{"__symbolic":"method"}],"createChartBar":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"BubbleChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-chart-bubble","template":"\n      <div *ngIf=\"showChart\" #bubblechart\n           [style.width]=\"width\"\n           [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n        <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n        </div>\n      </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n  .lmask.fixed {\n    position: fixed;\n  }\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["data"]}]}],"axiscolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3},"arguments":["axis-color"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":217,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":221,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"horizontalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":223,"character":3},"arguments":[{"__symbolic":"reference","name":"HorizontalAxisComponent"}]}]}],"verticalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":229,"character":3},"arguments":[{"__symbolic":"reference","name":"VerticalAxisComponent"}]}]}],"bubblechart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":247,"character":3},"arguments":["bubblechart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"createTitleTextStyle":[{"__symbolic":"method"}],"createChartLegend":[{"__symbolic":"method"}],"createChartBackground":[{"__symbolic":"method"}],"createChartVertical":[{"__symbolic":"method"}],"createchartHorizontal":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"CandlestickChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"amexio-chart-candlestick","template":"\n    <div *ngIf=\"showChart\" #candlestick\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["background-color"]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":211,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"horizontalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":213,"character":3},"arguments":[{"__symbolic":"reference","name":"HorizontalAxisComponent"}]}]}],"verticalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"VerticalAxisComponent"}]}]}],"candlestick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":233,"character":3},"arguments":["candlestick"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTileTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartVerticalStyle":[{"__symbolic":"method"}],"chartHorizontalStyle":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"CandlestickWaterfallChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"amexio-chart-candlestick-waterfall","template":"\n    <div *ngIf=\"showChart\" #candlestickwaterfall\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["background-color"]}]}],"barwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3},"arguments":["bar-width"]}]}],"fallingcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":3},"arguments":["falling-color"]}]}],"risingcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3},"arguments":["rising-color"]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":239,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":241,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"horizontalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":243,"character":3},"arguments":[{"__symbolic":"reference","name":"HorizontalAxisComponent"}]}]}],"verticalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":249,"character":3},"arguments":[{"__symbolic":"reference","name":"VerticalAxisComponent"}]}]}],"candlestickwaterfall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":263,"character":3},"arguments":["candlestickwaterfall"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTitleTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartVerticalComponent":[{"__symbolic":"method"}],"chartHorizontalComponent":[{"__symbolic":"method"}],"chartColorStyle":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"ChartAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-chart-area-properties","template":""}]}],"members":{"chartbackgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["chart-background-color"]}]}],"leftposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["left-position"]}]}],"topposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["top-position"]}]}],"chartwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["chart-width"]}]}],"chartheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["chart-height"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChartLegendComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-chart-legend","template":" "}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":1}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":1}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":1}}]}],"fontname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":1},"arguments":["font-name"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["font-size"]}]}],"bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"maxlines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["max-lines"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChartTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-chart-title","template":" "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":1}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":1}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":1}}]}],"fontname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":1},"arguments":["font-name"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":1},"arguments":["font-size"]}]}],"bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":1}}]}],"italic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ColumnChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-chart-column","template":"\n    <div  *ngIf=\"showChart\" #columnchart\n         [style.width]=\"width\"\n         [style.height]=\"height\"\n         (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":1}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":1},"arguments":["data"]}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":1}}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":1},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":220,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":222,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":224,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"columnchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":238,"character":3},"arguments":["columnchart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTitleTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartBackGroundColor":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createTable":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"ComboChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"amexio-chart-combo","template":"\n    <div *ngIf=\"showChart\" #combochart\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":1}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":1},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":1},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":207,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":211,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"horizontalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":213,"character":3},"arguments":[{"__symbolic":"reference","name":"HorizontalAxisComponent"}]}]}],"verticalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"VerticalAxisComponent"}]}]}],"combochart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":237,"character":3},"arguments":["combochart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"chartTitleStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartBackground":[{"__symbolic":"method"}],"chartVerticalStyle":[{"__symbolic":"method"}],"chartHorizontalStyle":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"DonutChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-chart-donut","template":"\n    <div *ngIf=\"showChart\" #donutchart\n         [style.width]=\"width\"\n         [style.height]=\"height\"\n         (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":211,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":213,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"donutchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":227,"character":3},"arguments":["donutchart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chariTitleTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartBackgroundColor":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"GanttChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-chart-gantt","template":"\n    <div *ngIf='showChart' #gantt\n         [style.width]='width'\n    >\n      <div *ngIf='!hasLoaded' class='lmask'>\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":1},"arguments":["data"]}]}],"criticalPathEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":1},"arguments":["critical-path-enabled"]}]}],"innerGridTrackColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":1},"arguments":["inner-grid-track-color"]}]}],"innerGridDarkTrack":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":1},"arguments":["inner-grid-dark-track-color"]}]}],"ganttchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":212,"character":3},"arguments":["gantt"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"createTable":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"HistogramChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-chart-histogram","template":"\n      <div *ngIf=\"showChart\" #histogramchart\n           [style.width]=\"width\"\n           [style.height]=\"height\"\n      >\n        <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n        </div>\n      </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n  .lmask.fixed {\n    position: fixed;\n  }\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":1}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":1},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":1},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":205,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":207,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"histogramchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":223,"character":3},"arguments":["histogramchart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"charttitleTextStyle":[{"__symbolic":"method"}],"chartegendStyle":[{"__symbolic":"method"}],"chartBackground":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"HorizontalAxisComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-chart-horizontal-axis","template":" "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":1}}]}],"titlecolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":1},"arguments":["title-color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LineChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-chart-line","template":"\n    <div *ngIf=\"showChart\" #linechart\n         [style.width]=\"width\"\n         [style.height]=\"height\"\n         (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":1}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":1},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":1},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":211,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":213,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"linechart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":227,"character":3},"arguments":["linechart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTitleTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartBackgroundStyle":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createTable":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"PieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-chart-pie","template":"\n\n        <div *ngIf=\"showChart\" #piechart\n             [style.width]=\"width\"\n             [style.height]=\"height\"\n             (window:resize)=\"onResize($event)\">\n          <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n          </div>\n        </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n  .lmask.fixed {\n    position: fixed;\n  }\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"is3d":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"piehole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3},"arguments":["data"]}]}],"startangle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3},"arguments":["start-angle"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":221,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":223,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"piechart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":237,"character":3},"arguments":["piechart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"charttitleTextStyle":[{"__symbolic":"method"}],"chartLengendStyle":[{"__symbolic":"method"}],"chartBackgroundStyle":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"ScatterChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-chart-scatter","template":"\n    <div *ngIf=\"showChart\" #scatterchart\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\">\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":1}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":1}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":1},"arguments":["data"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":1},"arguments":["background-color"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":210,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":212,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":214,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"horizontalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":216,"character":3},"arguments":[{"__symbolic":"reference","name":"HorizontalAxisComponent"}]}]}],"verticalComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":222,"character":3},"arguments":[{"__symbolic":"reference","name":"VerticalAxisComponent"}]}]}],"scatterchart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":240,"character":3},"arguments":["scatterchart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"chartTitleTextStyle":[{"__symbolic":"method"}],"chartLegendStyle":[{"__symbolic":"method"}],"chartBackgroundColor":[{"__symbolic":"method"}],"chartVerticalStyle":[{"__symbolic":"method"}],"chartHorizontalStyle":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"TimeLineChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-chart-timeline","template":"\n    <div *ngIf=\"showChart\" #timelinechart\n         [style.width]=\"width\"\n    >\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["data"]}]}],"chartLegendComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":184,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartLegendComponent"}]}]}],"chartTitleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":186,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartTitleComponent"}]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":188,"character":3},"arguments":[{"__symbolic":"reference","name":"ChartAreaComponent"}]}]}],"timelinechart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":202,"character":3},"arguments":["timelinechart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChartLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createTable":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"VerticalAxisComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-chart-vertical-axis","template":" "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":1}}]}],"titlecolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":1},"arguments":["title-color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChartLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"loadCharts":[{"__symbolic":"method"}],"loadScript":[{"__symbolic":"method"}],"loadBaseChart":[{"__symbolic":"method"}],"loadRequiredChart":[{"__symbolic":"method"}]}},"AmexioMapModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":33,"character":4},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"MapPropertiesComponent"},{"__symbolic":"reference","name":"GeoChartComponent"},{"__symbolic":"reference","name":"TreeMapComponent"},{"__symbolic":"reference","name":"MapTitleComponent"}],"declarations":[{"__symbolic":"reference","name":"MapPropertiesComponent"},{"__symbolic":"reference","name":"GeoChartComponent"},{"__symbolic":"reference","name":"TreeMapComponent"},{"__symbolic":"reference","name":"MapTitleComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"MapLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioMapModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"MapLoaderService"}]}}}},"MapPropertiesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-map-properties","template":""}]}],"members":{"chartbackgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["chart-background-color"]}]}],"leftposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["left-position"]}]}],"topposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["top-position"]}]}],"chartwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["chart-width"]}]}],"chartheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["chart-height"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GeoChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-map-geo-chart","template":"\n    <div *ngIf=\"showChart\" #geochart\n         [style.width]=\"width\"\n         [style.height]=\"height\"\n    >\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n"]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["data"]}]}],"countryname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3},"arguments":["country-name"]}]}],"regioncode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["region-code"]}]}],"backgroundcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3},"arguments":["background-color"]}]}],"unusedregioncolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3},"arguments":["unused-region-color"]}]}],"chartAreaComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":196,"character":3},"arguments":[{"__symbolic":"reference","name":"MapPropertiesComponent"}]}]}],"geochart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":200,"character":3},"arguments":["geochart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MapLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"showChartExist":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"TreeMapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-map-treemap","template":"\n    <div *ngIf=\"showChart\" #treemapmap\n         [style.width]=\"width\"\n         [style.height]=\"height\" (window:resize)=\"onResize($event)\"\n    >\n      <div *ngIf=\"!hasLoaded\" class=\"lmask\">\n      </div>\n    </div>\n  ","styles":[".lmask {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background-color: #000;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    opacity: 0.4;\n  }\n\n  .lmask.fixed {\n    position: fixed;\n  }\n\n  .lmask:before {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-right: 5px solid transparent;\n    border-left: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 35px #2187e7;\n    width: 50px;\n    height: 50px;\n    -moz-animation: spinPulse 1s infinite ease-in-out;\n    -webkit-animation: spinPulse 1s infinite linear;\n    margin: -25px 0 0 -25px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  .lmask:after {\n    content: '';\n    background-color: transparent;\n    border: 5px solid rgba(0, 183, 229, 0.9);\n    opacity: .9;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-radius: 50px;\n    box-shadow: 0 0 15px #2187e7;\n    width: 30px;\n    height: 30px;\n    -moz-animation: spinoffPulse 1s infinite linear;\n    -webkit-animation: spinoffPulse 1s infinite linear;\n    margin: -15px 0 0 -15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  @-moz-keyframes spinPulse {\n    0% {\n      -moz-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -moz-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -moz-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes spinoffPulse {\n    0% {\n      -moz-transform: rotate(0deg);\n    }\n    100% {\n      -moz-transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spinPulse {\n    0% {\n      -webkit-transform: rotate(160deg);\n      opacity: 0;\n      box-shadow: 0 0 1px #2187e7;\n    }\n    50% {\n      -webkit-transform: rotate(145deg);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: rotate(-320deg);\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes spinoffPulse {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n\n  "]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["data"]}]}],"mincolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3},"arguments":["min-color"]}]}],"midcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3},"arguments":["mid-color"]}]}],"maxcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3},"arguments":["max-color"]}]}],"showscale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":228,"character":3},"arguments":["show-scale"]}]}],"maxpostdepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3},"arguments":["max-post-depth"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":239,"character":3}}]}],"maptleComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":241,"character":3},"arguments":[{"__symbolic":"reference","name":"MapTitleComponent"}]}]}],"treemapmap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":247,"character":3},"arguments":["treemapmap"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MapLoaderService"}]}],"drawChart":[{"__symbolic":"method"}],"initializeOptions":[{"__symbolic":"method"}],"mapTitleTextStyle":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"MapTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-map-title","template":" "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"fontname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["font-name"]}]}],"bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"italic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"MapLoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"loadCharts":[{"__symbolic":"method"}],"loadScript":[{"__symbolic":"method"}],"loadBaseChart":[{"__symbolic":"method"}],"loadRequiredChart":[{"__symbolic":"method"}]}},"AmexioPaneModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":121,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":123,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":124,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":125,"character":4},{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":127,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"AmexioTabPillComponent"},{"__symbolic":"reference","name":"MinimizeWindowComponent"}],"exports":[{"__symbolic":"reference","name":"AmexioHeaderComponent"},{"__symbolic":"reference","name":"AmexioFooterComponent"},{"__symbolic":"reference","name":"AmexioBodyComponent"},{"__symbolic":"reference","name":"AmexioFieldSetComponent"},{"__symbolic":"reference","name":"ɵct"},{"__symbolic":"reference","name":"AmexioWindowPaneComponent"},{"__symbolic":"reference","name":"AmexioWindowHeaderComponent"},{"__symbolic":"reference","name":"AmexioStepsComponent"},{"__symbolic":"reference","name":"AmexioTabPillComponent"},{"__symbolic":"reference","name":"AmexioTabComponent"},{"__symbolic":"reference","name":"AmexioVerticalTabComponent"},{"__symbolic":"reference","name":"AmexioRightVerticalTabComponent"},{"__symbolic":"reference","name":"AmexioCarouselComponent"},{"__symbolic":"reference","name":"AmexioTemplateDirective"},{"__symbolic":"reference","name":"AmexioTemplateWrapperDirective"},{"__symbolic":"reference","name":"StepBlockComponent"},{"__symbolic":"reference","name":"ɵcw"},{"__symbolic":"reference","name":"AmexioPanelHeaderComponent"},{"__symbolic":"reference","name":"AmexiodialoguePaneComponent"},{"__symbolic":"reference","name":"AmexioFormComponent"},{"__symbolic":"reference","name":"AmexioFormActionComponent"},{"__symbolic":"reference","name":"AmexioFormHeaderComponent"},{"__symbolic":"reference","name":"AmexioFormBodyComponent"},{"__symbolic":"reference","name":"AmexioFormGroupDirective"},{"__symbolic":"reference","name":"AmexioTabActionComponent"},{"__symbolic":"reference","name":"AmexiotimelineComponent"},{"__symbolic":"reference","name":"AmexiotimelineeventComponent"},{"__symbolic":"reference","name":"OverlayContainerComponent"},{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"},{"__symbolic":"reference","name":"MinimizeWindowComponent"},{"__symbolic":"reference","name":"StackablePanelComponent"},{"__symbolic":"reference","name":"StackableItemComponent"}],"declarations":[{"__symbolic":"reference","name":"AmexioHeaderComponent"},{"__symbolic":"reference","name":"AmexioFooterComponent"},{"__symbolic":"reference","name":"AmexioBodyComponent"},{"__symbolic":"reference","name":"AmexioFieldSetComponent"},{"__symbolic":"reference","name":"ɵct"},{"__symbolic":"reference","name":"AmexioWindowPaneComponent"},{"__symbolic":"reference","name":"AmexioWindowHeaderComponent"},{"__symbolic":"reference","name":"AmexioStepsComponent"},{"__symbolic":"reference","name":"AmexioTabPillComponent"},{"__symbolic":"reference","name":"AmexioTabComponent"},{"__symbolic":"reference","name":"AmexioVerticalTabComponent"},{"__symbolic":"reference","name":"AmexioRightVerticalTabComponent"},{"__symbolic":"reference","name":"AmexioCarouselComponent"},{"__symbolic":"reference","name":"AmexioTemplateDirective"},{"__symbolic":"reference","name":"AmexioTemplateWrapperDirective"},{"__symbolic":"reference","name":"StepBlockComponent"},{"__symbolic":"reference","name":"ɵcw"},{"__symbolic":"reference","name":"AmexioPanelHeaderComponent"},{"__symbolic":"reference","name":"AmexiodialoguePaneComponent"},{"__symbolic":"reference","name":"AmexioFormComponent"},{"__symbolic":"reference","name":"AmexioFormActionComponent"},{"__symbolic":"reference","name":"AmexioFormHeaderComponent"},{"__symbolic":"reference","name":"AmexioFormBodyComponent"},{"__symbolic":"reference","name":"AmexioFormGroupDirective"},{"__symbolic":"reference","name":"AmexioTabActionComponent"},{"__symbolic":"reference","name":"AmexiotimelineComponent"},{"__symbolic":"reference","name":"AmexiotimelineeventComponent"},{"__symbolic":"reference","name":"OverlayContainerComponent"},{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"},{"__symbolic":"reference","name":"MinimizeWindowComponent"},{"__symbolic":"reference","name":"StackablePanelComponent"},{"__symbolic":"reference","name":"StackableItemComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioPaneModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"}]}}}},"AmexioFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-action","template":"\n    <ng-container *ngIf=\"footer\">\n      <ng-content></ng-content>\n    </ng-container>\n  "}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["attr.class"]}]}],"footeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["footer-align"]}]}],"alignClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["style.justify-content"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setFooterAlignment":[{"__symbolic":"method"}]}},"AmexioBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-body","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["style.height"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["attr.class"]}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["body-height"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-carousel","template":"\n    <h4>{{header}}</h4>\n    <div class=\"tabwrapper\">\n      <div class=\"carouselnavigation float-left\" (click)=\"previous()\">\n        <amexio-c-icon key=\"carousel_previous\"></amexio-c-icon>\n      </div>\n      <div class=\"carouselnavigation float-right\" (click)=\"next()\">\n        <amexio-c-icon key=\"carousel_next\"></amexio-c-icon>\n      </div>\n      <ul #tab class=\"tab\">\n        <li attr.aria-label=\"'carousel {{rowno}}'\" tabindex=\"1\" id=\"{{header}}{{rowno}}\" class=\"tablistitems\" *ngFor=\"let item of data let rowno= index\" [ngClass]=\"{'list-carousel-items':item.isSelected}\"\n          (mouseover)=\"stopTimeInterval()\" (mouseleave)=\"startTimeInterval()\" (keyup.arrowleft)=\"onArrowLeft(rowno)\"\n          (keyup.arrowright)=\"onArrowRight(rowno)\">\n          <ng-template tabindex=\"1\" [amexioTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></ng-template>\n        </li>\n      </ul>\n    </div>\n  "}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"shuffleinterval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["shuffle-interval"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioTemplateDirective"}]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":["tab",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":28}}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"scrollData":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"shuffle":[{"__symbolic":"method"}],"onArrowRight":[{"__symbolic":"method"}],"onArrowLeft":[{"__symbolic":"method"}],"startTimeInterval":[{"__symbolic":"method"}],"stopTimeInterval":[{"__symbolic":"method"}]}},"AmexioTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[amexioTemplate]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["amexioTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getType":[{"__symbolic":"method"}]}},"AmexioTemplateWrapperDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[amexioTemplateWrapper]"}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5},"arguments":["amexioTemplateWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":26,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"render":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AmexiodialoguePaneComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-dialogue","template":"\n    <div class=\"root-window\" *ngIf=\"show\">\n        <!-- Generate BG shade for below modal -->\n    </div>\n\n    <div class=\"dialogue-sm {{roundedgeclass}}\" [@animation]=\"{value: 'visible', params: {transitionParams: transitionOptions}}\" *ngIf=\"show\">\n        <div role=\"dialog\" attr.aria-labelledby=\"componentId\" class=\"dialogue-content\">\n            <header class=\"{{themeCss}}\" [ngClass]=\"{'dialogue-material-design':materialDesign ,'dialogue-header':!materialDesign}\">\n                <div id=\"{{componentId}}\" tabindex=\"1\" class=\"dialogue-table\">\n                    <div class=\"tablerow\">\n                        <div class=\"tablecol\">\n                            {{title}}\n                        </div>\n                        <div tabindex=\"1\" aria-label=\"close button\" class=\"tablecol float-right\">\n                            <div *ngIf=\"closable\" class=\"icon-style\">\n                                <amexio-c-icon [key]=\"'window_close'\" (onClick)=\"onCloseClick()\"></amexio-c-icon>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </header>\n            <div class=\"dialogue-middle\" [ngStyle]=\"{'text-align':custom ? contentalign :'center'}\">\n                <span role=\"dialog\" attr.aria-labelledby=\"componentId\" class=\"dialogue-icon\">\n            <span  [ngClass]=\"{'dialogue-success': messagetype  == 'help','dialogue-danger':messagetype  == 'error',\n                          'dialogue-warning': messagetype  == 'warning'}\"\n              *ngIf=\"messagetype  || messagetype  != '' \">\n              <amexio-c-icon [key]=\"'window-msgtype-'+ messagetype \"></amexio-c-icon>\n            </span>\n                <ng-container *ngIf=\"!custom\">\n                    <span id=\"{{componentId}}\" tabindex=\"1\" class=\"dialogue-message\">\n                {{message}}\n              </span>\n                </ng-container>\n                </span>\n                <ng-container *ngIf=\"custom\">\n                    <ng-content select=\"amexio-body\"></ng-content>\n                </ng-container>\n\n            </div>\n            <footer *ngIf=\"custom\" class=\"dialogue-footer\" [ngClass]=\"{'flex-start':(footeralign=='left'),'flex-end':(footeralign=='right'),'flex-center':(footeralign=='center')}\">\n                <ng-content select=\"amexio-action\"></ng-content>\n            </footer>\n\n            <footer *ngIf=\"!custom\" class=\"dialogue-footer\" [ngClass]=\"{'dialogue-material-design-footer':materialDesign ,\n                            'dialogue-footer':!materialDesign, 'flex-start':(footeralign=='left'),\n                            'flex-end':(footeralign=='right'),'flex-center':(footeralign=='center')}\">\n                <amexio-button *ngIf=\"type =='confirm'\" [size]=\"buttonsize\" [label]=\"secondaryactionlabel\" [type]=\"defaultStyle\" (onClick)=\"getStatus('cancel')\"></amexio-button>\n                <div class=\"custom-btn\">\n                    <amexio-button *ngIf=\"type =='confirm' || type == 'alert'\" [size]=\"buttonsize\" [label]=\"primaryactionlabel\" [ngStyle]=\"{'color':materialDesign ? 'blue':'white'}\" [type]=\"buttontype\" (onClick)=\"getStatus('ok')\">\n                    </amexio-button>\n                </div>\n\n            </footer>\n        </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":88,"character":4},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":89,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":20},"arguments":[{"transform":"translate3d(0, 25%, 0) scale(0.9)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":93,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":93,"character":23},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":97,"character":6},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":97,"character":27},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}]}]}],"members":{"closeonescape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["close-on-escape"]}]}],"buttontype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3},"arguments":["button-type"]}]}],"buttonsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3},"arguments":["button-size"]}]}],"footeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3},"arguments":["footer-align"]}]}],"contentalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3},"arguments":["content-align"]}]}],"showdialogue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3},"arguments":["show-dialogue"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"showChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":3}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"custom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3}}]}],"primaryactionlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":225,"character":3},"arguments":["primary-action-label"]}]}],"secondaryactionlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3},"arguments":["secondary-action-label"]}]}],"messagetype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":3},"arguments":["message-type"]}]}],"materialDesign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["material-design"]}]}],"actionStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":257,"character":3}}]}],"onSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":267,"character":3}}]}],"onCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":277,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":287,"character":3}}]}],"amexioFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":289,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFooterComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":302,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"escapeMethod":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"getStatus":[{"__symbolic":"method"}],"getDefaultStyle":[{"__symbolic":"method"}],"getStyle":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createCompId":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}]}},"AmexioFieldSetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-fieldset","template":"\n    <fieldset class=\"{{roundedgeclass}}\">\n        <legend tabindex=\"1\" (keyup.enter)=\"onLegendClick()\" (keyup.space)=\"onLegendClick()\" role=\"heading\" aria-expanded=\" true\"\n            *ngIf=\"(title && title.length>0) || collapsible \" class=\"collapsible-legend\" (click)=\"onLegendClick()\">\n            <ng-container *ngIf=\"!collapsible\">\n                {{title}}\n            </ng-container>\n            <ng-container *ngIf=\"collapsible && !isActive\">\n                <amexio-c-icon [attr.aria-exapnded]=\"isActive\" style=\"padding-right:5px\" key=\"fieldset_expand\"></amexio-c-icon>{{title}}\n            </ng-container>\n            <ng-container *ngIf=\"collapsible && isActive\">\n                <amexio-c-icon style=\"padding-right:5px\" key=\"fieldset_collpase\"></amexio-c-icon>{{title}}\n            </ng-container>\n        </legend>\n        <div class=\"collapsible-fieldset\" [@fieldsetContent]=\"!isActive ? {value: 'hidden', params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)'}} : {value: 'visible', params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)'}}\"\n        [ngStyle]=\"{'overflow': isActive ? '': 'hidden'}\">\n            <ng-content></ng-content>\n        </div>\n    </fieldset> \n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":44,"character":4},"arguments":["fieldsetContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":45,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":45,"character":22},"arguments":[{"height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":48,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":23},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":51,"character":6},"arguments":["visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":51,"character":38},"arguments":["400ms cubic-bezier(0.86, 0, 0.07, 1)"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":52,"character":6},"arguments":["hidden => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":52,"character":38},"arguments":["400ms cubic-bezier(0.86, 0, 0.07, 1)"]}]}]]}]}]}],"members":{"collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":1}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onLegendClick":[{"__symbolic":"method"}]}},"AmexioFormActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-form-action","template":"<ng-content></ng-content>"}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":2}}]}],"btns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"}]}]}],"btngrp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonGroupComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AmexioFormBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-form-body","template":"<ng-content></ng-content>"}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"amexio-form","template":"\n    <form name=\"fname\" class=\"form-container form-group\" (window:resize)=\"onResize()\">\n\n        <header #formHeader class=\"form-header\" [style.padding]=\"headerPadding\" *ngIf=\"header\" [ngClass]=\"findformStyleClass()\">\n            <ng-content select=\"amexio-form-header\"></ng-content>\n        </header>\n\n        <div class=\"form-body formbody\" [style.padding]=\"bodyPadding\" [ngStyle]=\"{'height.px' : height,'overflow-y' : height!= null ? 'auto' : '','min-height.px' : minHeight}\">\n            <ng-content select=\"amexio-form-body\"></ng-content>\n        </div>\n\n        <footer #formFooter class=\"form-footer\" [style.padding]=\"footerPadding\" [ngClass]=\"{'flex-start':(footeralign=='left'),'flex-end':(footeralign=='right'),'flex-center':(footeralign=='center')}\">\n            <ng-content select=\"amexio-form-action\"></ng-content>\n            <br/>\n            <div *ngIf=\"!form.valid\" style=\"padding: 5px;\">\n                <button class=\"button\" [attr.title]=\"'click'\" (click)=\"showErrors($event)\" [ngClass]=\"'button-warning button-small button-round'\">\n                            <span class=\"button-text\">\n                              <span style=\"padding-right: 5px;\" *ngIf=\"icon\">\n                                <amexio-c-icon [customclass]=\"icon\" >\n                                </amexio-c-icon>\n                              </span>\n                              <span style=\"padding-right: 5px;\">\n                                <amexio-c-icon key=\"button-loading-icon\"></amexio-c-icon>\n                              </span>\n                              ?\n                            </span>\n                    </button>\n                <amexio-dialogue [close-on-escape]=\"true\" [(show)]=\"showDialogue\" [custom]=\"true\" [content-align]=\"'left'\" [closable]=\"false\" [title]=\"'Invalid Fields'\" [type]=\"'confirm'\">\n\n                    <amexio-body *ngFor=\"let msg of errorMsgArray let index=index\">\n                        <amexio-label>{{index+1}}) {{msg.label}}</amexio-label><br>\n                    </amexio-body>\n\n                    <amexio-action>\n                        <amexio-button type=\"primary\" (onClick)=\"closeDialogue()\" [label]=\"'OK'\">\n                        </amexio-button>\n                    </amexio-action>\n                </amexio-dialogue>\n            </div>\n        </footer>\n    </form>\n  "}]}],"members":{"headeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["header-align"]}]}],"footeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["footer-align"]}]}],"fname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["form-name"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["header"]}]}],"showError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["show-error"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["min-height"]}]}],"bodyheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3},"arguments":["body-height"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["icon"]}]}],"formHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":168,"character":3},"arguments":["formHeader",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":168,"character":35}}]}]}],"formFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":170,"character":3},"arguments":["formFooter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":170,"character":35}}]}]}],"showErrorMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":180,"character":3}}]}],"amexioHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":200,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFormHeaderComponent"}]}]}],"amexioBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":204,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFormBodyComponent"}]}]}],"amexioFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":208,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFormActionComponent"}]}]}],"btns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":212,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"},{"descendants":true}]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":215,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":215,"character":13}]}]}],"models":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":217,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":217,"character":19},{"descendants":true}]}]}],"fb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFormGroupDirective"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":221,"character":34}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isFieldPresentInParentAndChildBoth":[{"__symbolic":"method"}],"closeDialogue":[{"__symbolic":"method"}],"addErrorMsg":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"disableButton":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"findformStyleClass":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AmexioFormHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"amexio-form-header","template":"\n        <ng-content></ng-content>\n  "}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-header","template":"\n  <span style=\" flex: auto;\"   #contentWrapper>\n  <ng-content ></ng-content>\n  </span>\n  <span>\n  <em  *ngIf=\"minimize\" class=\"fa fa-window-minimize\" (click)=\"onMinimizeClick($event)\"\n  style = \"cursor: pointer\"></em>\n\n  <amexio-c-icon style = \"padding-left: 10px\" class=\"cursor-style\" *ngIf=\"(isFullWindow && maximize )\"\n  [key]=\"'window_maximize'\" (onClick)=\"sizeChange($event)\"></amexio-c-icon>\n  <amexio-c-icon style = \"padding-left: 10px\" class=\"cursor-style\"\n  *ngIf=\"(!isFullWindow && maximize )\"\n  [key]=\"'window_restore'\" (click)=\"sizeChange($event)\"></amexio-c-icon>\n\n  <amexio-c-icon style = \"padding-left: 10px\" class=\"cursor-style\" *ngIf=\"(fullScreenFlag && fullscreenMaxCard)\"\n  [key]=\"'full-screen-max-icon'\" (onClick)=\"maxScreenChangeCard($event)\"></amexio-c-icon>\n  <amexio-c-icon style = \"padding-left: 10px\" class=\"cursor-style\"\n  *ngIf=\"(fullScreenFlag && !fullscreenMaxCard)\"\n  [key]=\"'full-screen-min-icon'\" (click)=\"minScreenChangeCard($event)\"></amexio-c-icon>\n\n  <amexio-c-icon class=\"cursor-style\"\n  style = \"padding-left: 10px\"\n  *ngIf=\"closeable\" [key]=\"'window_close'\" (onClick)=\"onCloseClick()\">\n  </amexio-c-icon>\n\n  </span>\n  ","styles":["\n  .cursor-style {\n  cursor:pointer;\n  }\n  "]}]}],"members":{"c1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.modal-card-header"]}]}],"c2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.modal-window-header"]}]}],"jstyfy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":3},"arguments":["style.justify-content"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":3},"arguments":["style.background"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["contentWrapper"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":3},"arguments":["style.color"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"minimizeWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"closeDataEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"maximizeWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"maximizeWindow1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"minimizeWindow1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"minimizeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["minimized-icon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":103,"character":16},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":103,"character":23}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setMaximizeData":[{"__symbolic":"method"}],"setMaterialDesignStatus":[{"__symbolic":"method"}],"sizeChange":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onMinimizeClick":[{"__symbolic":"method"}],"maxScreenChangeCard":[{"__symbolic":"method"}],"minScreenChangeCard":[{"__symbolic":"method"}]}},"AmexioPanelHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-panel-header","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["attr.class"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"StackableItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-stackablepanel-item","template":"\n    <div class=\"stackablepanel\">\n      <div class=\"title\" (click)=\"toggle.emit()\">\n      </div>\n      <div style=\"text-align: center; font-size: 12px;cursor: pointer \" (click)=\"toggle.emit()\">{{title}} </div>\n      <div class=\"body\" [ngStyle]=\"{'display': open ? '': 'none'}\">\n        <ng-content></ng-content>\n      </div>\n      <div>\n  "}]}],"members":{"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"StackablePanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-stackable-panel","template":"\n    <div style=\"padding-bottom: 5px\" >\n      <amexio-button style=\"float: right;\"\n            [label]=\"text\"\n            [type]=\"'theme-color'\"\n            (onClick)=\"showAll()\">\n      </amexio-button>\n      <h2> {{panelName}} ({{totalCount}})</h2>\n    <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"panelName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["panel-name"]}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"StackableItemComponent"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"openGroup":[{"__symbolic":"method"}],"showAll":[{"__symbolic":"method"}]}},"AmexioStepsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-steps","template":"\n    <div class=\"stepwizard\" *ngIf=\"(index && !block && !icon)\">\n        <div class=\"stepwizard-row setup-panel\">\n            <div *ngFor=\"let stepBlock of stepBlockArray; let i = index\" class=\"stepwizard-step\">\n                <button type=\"button\" [disabled]=\"!stepBlock.active\" [ngClass]=\"{'disabled index-step-inactive':!stepBlock.active,\n            'active':stepBlock.active}\" class=\"btn-circle button button-primary\" (click)=\"onStepClick(stepBlock,$event)\">{{i + 1}}\n                </button>\n                <ng-container *ngIf=\"stepBlock.label && !stepBlock.active\">\n                    <p>{{stepBlock.label}}</p>\n                </ng-container>\n                <ng-container *ngIf=\"stepBlock.label && stepBlock.active\">\n                    <p><strong class=\"step-label-highlight\">{{stepBlock.label}}</strong></p>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n\n    <!--this code use when user give icon true bydefault it is false-->\n    <div class=\"stepwizard\" *ngIf=\"(icon && !index && !block)\">\n        <div class=\"stepwizard-row setup-panel\">\n            <div *ngFor=\"let stepBlock of stepBlockArray; let i = index\" class=\"stepwizard-step\">\n                <ng-container *ngIf=\"stepBlock.icon && stepBlock.active\">\n                    <span [ngClass]=\"{'step-box-icon-active':stepBlock.active}\" (onClick)=\"onStepClick(stepBlock,$event)\">\n                        <amexio-c-icon [customclass]=\"stepBlock.icon\"></amexio-c-icon>\n                    </span>\n                </ng-container>\n                <ng-container *ngIf=\"stepBlock.icon && !stepBlock.active\">\n                    <span [ngClass]=\"{'step-block-icon-disable':!stepBlock.active}\">\n                        <amexio-c-icon [customclass]=\"stepBlock.icon\" (onClick)=\"onStepClick(stepBlock,$event)\"></amexio-c-icon>\n                    </span>\n                </ng-container>\n                <ng-container *ngIf=\"stepBlock.icon=='' || !stepBlock.icon\">\n                    <br>\n                </ng-container>\n                <ng-container *ngIf=\"stepBlock.label && !stepBlock.active\">\n                    <p style=\"cursor:not-allowed;\" (onClick)=\"onStepClick(stepBlock,$event)\">{{stepBlock.label}}</p>\n                </ng-container>\n                <ng-container *ngIf=\"stepBlock.label && stepBlock.active\">\n                    <p style=\"cursor:pointer;\"><strong class=\"step-label-highlight\" [ngClass]=\"{'step-box-label-active':stepBlock.active}\">{{stepBlock.label}}</strong></p>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n\n    <!--This code use for steps of boxes-->\n    <div *ngIf=\"block\">\n        <div *ngIf=\"block\" role=\"tablist\" class=\"step-box-sqaure\">\n            <div class=\"step-box-table\">\n                <ng-container *ngFor=\"let stepBlock of stepBlockArray; let i = index\">\n                    <div role=\"link\" class=\"step-box-table-item\" [tabindex]=\"stepBlock.active ? 0 : -1\" [attr.aria-labelleby]=\"stepBlock.label\" (click)=\"onStepClick(stepBlock,$event)\" style=\"padding-top: 10px;\" [ngClass]=\"{'disabled step-box-table-item-hover ':!stepBlock.active,'active':stepBlock.active}\">\n                        <a>\n                            <ng-container *ngIf=\"index\">\n                                {{i + 1}}<br>\n                            </ng-container>\n                            <ng-container *ngIf=\"icon && stepBlock.icon\">\n                                <amexio-c-icon [customclass]=\"stepBlock.icon\"></amexio-c-icon>\n                            </ng-container>\n                            <ng-container *ngIf=\"stepBlock.label && !stepBlock.active\">\n                                <p style=\"word-wrap: break-word;\">{{stepBlock.label}}</p>\n                            </ng-container>\n                            <ng-container *ngIf=\"stepBlock.label && stepBlock.active\">\n                                <p style=\"word-wrap: break-word;\"><strong>{{stepBlock.label}}</strong></p>\n                            </ng-container>\n                        </a>\n                    </div>\n                </ng-container>\n\n            </div>\n        </div>\n\n    </div>\n  "}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"block":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"getStepBlockData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3}}]}],"stepBlocks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":151,"character":3},"arguments":[{"__symbolic":"reference","name":"StepBlockComponent"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3},"arguments":["data"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onStepClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}]}},"StepBlockComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-step-block","template":"\n  "}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioRightVerticalTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵcu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"amexio-right-vertical-tab-view","template":"\n    <div class=\"righttable\" style=\"position:relative;padding-right:10px\">\n        <div class=\"righttablerow\">\n            <div class=\"tablecol verticalalign-tabcontent\" style=\"padding-right:30px\">\n                <div style=\"float:left\" class=\"tabcontent\" [attr.id]=\"componentId\">\n                    <ng-content></ng-content>\n                    <ng-template #target></ng-template>\n                </div>\n            </div>\n            <div #tab *ngIf=\"rotate;\n             else elseBlock\" [ngStyle]=\"{'height': height + 'px'}\" class=\"verticalnavtab-right verticalalign-rotatetabright\" [ngClass]=\"{'tabposition-rightrotate-top': (tabPosition==='top')}\">\n                <ul #tabId id=\"rightclass\">\n                    <li *ngFor=\"let tabnode of tabCollection\">\n                        <div class=\"righttabdefaultnode\" [ngClass]=\"{'rightactivetabrotate':tabnode.active,'disabled-tab':tabnode.disabled }\" (click)=\"onVerticalTabClick(tabnode)\"\n                            [ngStyle]=\"{'color': tabnode.amexiocolor}\">\n                            <span *ngIf=\"tabnode.icon\" [ngClass]=\"tabnode.icon\" aria-hidden=\"true\"></span>\n                            <span style=\"padding-left:5px\">{{tabnode.title}}</span>\n                            <span *ngIf=\"closable\" class=\"tablecol\">\n                    <amexio-c-icon key=\"tab_close\" (onClick)=\"tabPillClose(tabnode)\" style=\"padding-left:5px;float:right\"></amexio-c-icon>\n                  </span>\n                        </div>\n                    </li>\n                </ul>\n            </div>\n         <ng-template #elseBlock>\n              <div style=\"float:right;height:580px\" class=\"righttablecol verticalalign-tabright\">\n                <div #tab class=\"verticalnavtab verticalnavtab-right\" [ngClass]=\"{'tabposition-right-top': (tabPosition==='top'),'tabposition-right-bottom':(tabPosition==='bottom')}\">\n                    <ul>\n                        <li *ngFor=\"let tabnode of tabCollection\">\n                            <div class=\"defaultnode\" [ngClass]=\"{'rightactivetab':tabnode.active,'disabled-tab':tabnode.disabled }\" (click)=\"onVerticalTabClick(tabnode)\" [ngStyle]=\"{'color': tabnode.amexiocolor}\">\n                                <span *ngIf=\"tabnode.icon\" [ngClass]=\"tabnode.icon\" aria-hidden=\"true\"></span>\n                                <span style=\"padding-left:5px\">{{tabnode.title}}</span>\n                                <span *ngIf=\"closable\" class=\"tablecol\">\n                    <amexio-c-icon key=\"tab_close\" (onClick)=\"tabPillClose(tabnode)\" style=\"padding-left:5px;float:right\"></amexio-c-icon>\n                  </span>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n         </ng-template>   \n        </div>\n    </div>\n  "}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":86,"character":3},"arguments":["tab",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":86,"character":28}}]}]}],"queryTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":88,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioTabPillComponent"}]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":90,"character":3},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":90,"character":31}}]}]}],"tabId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":3},"arguments":["tabId"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"tabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"rotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":128,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":128,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"closeAllTabs":[{"__symbolic":"method"}],"tabDomRemove":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}]}},"AmexioTabActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"amexio-tab-action","template":"\n   <ng-content></ng-content>\n   "}]}],"members":{"queryTextinput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵl"},{"descendants":true}]}]}],"queryCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵo"},{"descendants":true}]}]}],"queryRadioGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcv"},{"descendants":true}]}]}],"queryLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbo"},{"descendants":true}]}]}],"queryNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵx"},{"descendants":true}]}]}],"queryRating":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":38,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbb"},{"descendants":true}]}]}],"queryToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵba"},{"descendants":true}]}]}],"queryButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"},{"descendants":true}]}]}],"queryImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":47,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcr"},{"descendants":true}]}]}],"queryDropDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵq"},{"descendants":true}]}]}],"queryCheckBoxGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":53,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbg"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"checkActionComponent":[{"__symbolic":"method"}]}},"TOP_COMPONENT_CLASS_MAP":{"red":"amexio-top-tab-red","green":"amexio-top-tab-green","purple":"amexio-top-tab-purple","blue":"amexio-top-tab-blue","brown":"amexio-top-tab-brown","yellow":"amexio-top-tab-yellow","black":"amexio-top-tab-black","pink":"amexio-top-tab-pink","orange":"amexio-top-tab-orange"},"BOTTOM_COMPONENT_CLASS_MAP":{"red":"amexio-bottom-tab-red","green":"amexio-bottom-tab-green","purple":"amexio-bottom-tab-purple","blue":"amexio-bottom-tab-blue","brown":"amexio-bottom-tab-brown","yellow":"amexio-bottom-tab-yellow","black":"amexio-bottom-tab-black","pink":"amexio-bottom-tab-pink","orange":"amexio-bottom-tab-orange"},"AmexioTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵcu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"amexio-tab-view","template":"\n    <div class=\"tabwrapper\">\n        <div *ngIf=\"showprev\" [ngClass]=\"{'tabnavigation float-right tabnavigation-bottom-left':tabPosition=='bottom', 'tabnavigation float-left':tabPosition=='top'}\" (click)=\"previous()\">\n            <amexio-c-icon key=\"tab_previous\"></amexio-c-icon>\n        </div>\n        <div *ngIf=\"shownext\" [ngClass]=\"{'tabnavigation float-right tabnavigation-bottom-right':tabPosition=='bottom','tabnavigation float-right':tabPosition=='top'}\" (click)=\"next()\">\n            <amexio-c-icon key=\"tab_next\"></amexio-c-icon>\n        </div>\n\n        <div #tab class=\"tab\"  role=\"tablist\" aria-labelledby=\"Tablist\" [ngClass]=\"{'bottomTab':tabPosition == 'bottom'}\">\n\n            <div #tabslist class=\"tablistitems {{tabPositionClass}}\">\n                <!-- HEADER -->\n\n                <div class=\"tablink\" style=\"padding-bottom:0%\" *ngIf=\"(this.action == true || header) && (fullPageTabs == false)\">\n                    <div class=\"table\">\n                        <div class=\"tablerow\">\n                            <div class=\"tablecol\">\n                                {{header}}\n                            </div>\n                            <div class=\"tablecol\">\n                                <ng-content select=\"amexio-tab-action\"></ng-content>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n\n                <div class=\"{{roundedgeclass}}\">\n                    <div  *ngFor=\"let tabnode of tabCollection, let index = index\" class=\"tablink {{tabnode.amexiocolor+ ' '+tabnode.tabPillClass}}\" \n                    [style.width.px]=\"singleTabWidth\"  (contextmenu)=\"loadContextMenu($event,tabnode, tab)\" (click)=\"onTabClick(tabnode, index)\">\n                        <div class=\"table1\" tabindex=\"1\" id=\"{{tabnode.tablk}}\" attr.aria-controls=\"{{tabnode.tabId}}\" role=\"tab\"  [ngStyle]=\"{'display': tabnode.showflag ? 'none':'table-cell'}\"\n                        (keyup.arrowright)=\"onArrowRight()\" (keyup.arrowleft)=\"onArrowLeft()\" (keyup.enter)=\"onTabClick(tabnode, index)\" (keyup.home)=\"onHomeClick()\" \n                        (keyup.end)=\"onEndClick()\">\n                            <div class=\"tablerow\">\n                                <div *ngIf=\"tabnode.icon\" class=\"tablecol\">\n                                    <amexio-c-icon *ngIf=\"tabnode.icon\" [customclass]=\"tabnode.icon\"></amexio-c-icon>\n                                </div>\n                                <div class=\"tablecol\">\n                                    {{tabnode.title}}\n                                </div>\n                                <div *ngIf=\"tabnode.closable\" class=\"tablecol\">\n                                    <amexio-c-icon key=\"tab_close\" (onClick)=\"closeTab(tabnode)\"></amexio-c-icon>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"tabcontent\" [attr.id]=\"componentId\" [ngStyle]=\"{'height.px' : height,'overflow-y' : height!= null ? 'auto' : '','min-height.px' : minHeight}\">\n        <ng-content></ng-content>\n        <ng-template #target></ng-template>\n    </div>\n\n\n    <ng-container *ngIf=\"contextMenuFlag\">\n        <base-contextmenu [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\" [mouse-location-left]=\"mouseLocation.left\" [is-FlagShow]=\"contextMenuFlag\" [right-click-data]=\"rightClickRowData\" (onRightClick)=\"rightClickDataEmit($event)\"\n            [position-up]=\"posixUp\">\n        </base-contextmenu>\n    </ng-container>\n\n    <amexio-dialogue  [(show)]=\"openDialogue\"\n    [button-size]=\"'medium'\"\n    [material-design]=\"true\"\n    [title]=\"messageTitle\"\n    [message]=\"message\"\n    [message-type]=\"'confirm'\"\n    (onSuccess)=\"onOkClick()\" \n    (onFailure)=\"onCancelClick()\"\n    >\n    </amexio-dialogue>\n  "}]}],"members":{"headeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3},"arguments":["header-align"]}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"typeActionAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["action-type-align"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3},"arguments":["context-menu"]}]}],"defaultContextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":223,"character":3},"arguments":["default-context-menu"]}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":243,"character":3}}]}],"enableConfirmBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":3},"arguments":["enable-confirm-box"]}]}],"messageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3},"arguments":["message-title"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["message"]}]}],"onCloseClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":248,"character":3}}]}],"tabAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":251,"character":3},"arguments":["tabAction",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":251,"character":34}}]}]}],"headerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":252,"character":3},"arguments":["headerWidth",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":252,"character":36}}]}]}],"headerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":253,"character":3},"arguments":["headerName",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":253,"character":35}}]}]}],"actionProperty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":255,"character":3},"arguments":["actionProperty",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":255,"character":39}}]}]}],"queryAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":261,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioTabActionComponent"},{"descendants":true}]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":271,"character":3}}]}],"tabLocalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":276,"character":3},"arguments":["tabLocalData"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":334,"character":47},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":334,"character":91}]}],"ngOnInit":[{"__symbolic":"method"}],"updateTabComponent":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"closeAllTabs":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"setDisableTabs":[{"__symbolic":"method"}],"disableTabByString":[{"__symbolic":"method"}],"disableTabByNumber":[{"__symbolic":"method"}],"setEnableTabs":[{"__symbolic":"method"}],"enableTabByString":[{"__symbolic":"method"}],"enableTabByNumber":[{"__symbolic":"method"}],"tabNodeProperties":[{"__symbolic":"method"}],"onTabClick":[{"__symbolic":"method"}],"onArrowRight":[{"__symbolic":"method"}],"onArrowLeft":[{"__symbolic":"method"}],"onHomeClick":[{"__symbolic":"method"}],"onEndClick":[{"__symbolic":"method"}],"commonFocus":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"findTabStyleClass":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"tempSelectedFlag":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"closeOtherTabs":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showTab":[{"__symbolic":"method"}],"hideTab":[{"__symbolic":"method"}],"disableTab":[{"__symbolic":"method"}],"disabledsplitmethod":[{"__symbolic":"method"}],"getCurrentTab":[{"__symbolic":"method"}],"deleteTab":[{"__symbolic":"method"}],"deletetypeObject":[{"__symbolic":"method"}],"replaceTab":[{"__symbolic":"method"}]}},"AmexioTabPillComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-tab","template":"\n    <div style = \"outline: none\"  [style.height.px]=\"height\" role=\"tabpanel\" tabindex=\"1\" class=\"tab-pane active\" attr.aria-labelledby=\"{{tablk}}\" [attr.id]=\"tabId\" [hidden]=\"!active\">\n      <ng-content></ng-content>\n      <ng-template #target></ng-template>\n    </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"amexiocolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["amexio-color"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["height"]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":3},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":96,"character":31}}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AmexioVerticalTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵcu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"amexio-vertical-tab-view","template":"\n    <div class=\"vertical-table\" style=\"position:relative;\">\n        <div class=\"vertical-tablerow\" [ngStyle]=\"{'height': height + 'px'}\">\n            <div *ngIf=\"rotate;else elseBlock\" style=\"width:44px;\" class=\"vertical-tablecol verticalalign-tableft\" [ngClass]=\"{'tabposition-top': (tabPosition==='top')}\">\n                <ul #tabId id=\"tabclass\" [ngStyle]=\"{'top': rotatedtabsHeight + 'px'}\" style=\"padding:1px\" class=\"verticalnavtab verticalnavtab-left\">\n                    <li *ngFor=\"let tabnode of tabCollection\">\n                        <div class=\"defaultnode\" [ngClass]=\"{'leftactiverotatetab':tabnode.active,'disabled-tab':tabnode.disabled}\" (click)=\"onVerticalTabClick(tabnode)\"\n                            [ngStyle]=\"{'color': tabnode.amexiocolor}\">\n                            <span #icon *ngIf=\"tabnode.icon\" [ngClass]=\"tabnode.icon\" style=\"padding-right:8px\" aria-hidden=\"true\"></span>\n                            <span>{{tabnode.title}}</span>\n                            <span *ngIf=\"closable\" class=\"tablecol\">\n                     <amexio-c-icon key=\"tab_close\" (onClick)=\"tabPillClose(tabnode)\" style=\"padding-left:5px;float:right\"></amexio-c-icon>\n                      </span>\n                        </div>\n                    </li>\n                </ul>\n            </div>\n            <ng-template #elseBlock>\n                <div class=\"vertical-tablecol verticalalign-tableft\" [ngClass]=\"{'tabposition-top': (tabPosition==='top'),'tabposition-bottom':(tabPosition==='bottom')}\">\n                    <div #tab class=\"verticalnavtab verticalnavtab-left\">\n                        <ul>\n                            <li *ngFor=\"let tabnode of tabCollection\">\n                                <div class=\"defaultnode\" [ngClass]=\"{'leftactivetab':tabnode.active,'disabled-tab':tabnode.disabled}\" (click)=\"onVerticalTabClick(tabnode)\"\n                                    [ngStyle]=\"{'color': tabnode.amexiocolor}\">\n                                    <span *ngIf=\"tabnode.icon\" [ngClass]=\"tabnode.icon\" style=\"padding-right:8px\" aria-hidden=\"true\"></span>\n                                    <span>{{tabnode.title}}</span>\n                                    <span *ngIf=\"closable\" class=\"tablecol\">\n                    <amexio-c-icon key=\"tab_close\" (onClick)=\"tabPillClose(tabnode)\" style=\"padding-left:5px;float:right\"></amexio-c-icon>\n                  </span>\n                                </div>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </ng-template>\n            <div class=\"vertical-tablecol verticalalign-tabcontent\">\n                <div class=\"tabcontent\" [attr.id]=\"componentId\">\n                    <ng-content></ng-content>\n                    <ng-template #target></ng-template>\n                </div>\n\n            </div>\n        </div>\n    </div>\n  "}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":88,"character":3},"arguments":["tab",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":28}}]}]}],"queryTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":90,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioTabPillComponent"}]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":3},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":92,"character":31}}]}]}],"tabId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":3},"arguments":["tabId"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":3},"arguments":["icon"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"tabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"rotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":132,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":132,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"closeAllTabs":[{"__symbolic":"method"}],"tabDomRemove":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}]}},"AmexiotimelineComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-timeline","template":"\n    <div class='timeline {{roundedgeclass}}' [ngClass]=\"{'timelinecenter': (alignment == 'center'), \n                                    'timelineleft': (alignment == 'left'), \n                                    'timelineright': (alignment == 'right')}\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"querylist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":36,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexiotimelineeventComponent"}]}]}],"contentalignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["content-alignment"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"initContentAlignment":[{"__symbolic":"method"}],"mobileOrTabletMode":[{"__symbolic":"method"}],"desktopMode":[{"__symbolic":"method"}]}},"AmexiotimelineeventComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-timeline-event","template":"\n    <div \n\n    tabindex=\"0\"\n    attr.aria-label=\"{{alignment}}\"\n\n    class=\"timeline-badge \"  \n    [ngClass]=\"{'timeline-badge-center': (alignment === 'center')\n      , 'timeline-badge-left': (alignment === 'right')\n      , 'timeline-badge-right': (alignment === 'left')}\"\n      >\n    <amexio-c-icon [customclass]=\"icon\"></amexio-c-icon>\n    </div>\n    <div \n    tabindex=\"1\"\n    attr.aria-label=\"{{contentalignment}}\"\n    class=\"timeline-panel\" [ngClass]=\"{'timeline-panel-border':contentborder,\n     'timeline-panel-float-right': (contentalignment == 'right'),\n     'timeline-panel-float-left': (contentalignment == 'left'),\n     'timeline-panel-center': (alignment === 'center'),\n     'timeline-panel-right': (alignment === 'right'),\n     'timeline-panel-left': (alignment === 'left')}\">\n    <div \n    tabindex=\"1\"\n    *ngIf=\"label\"><strong>{{label}}</strong></div>\n\n    <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"timelineclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["attr.class"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["label"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["icon"]}]}],"contentborder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["content-border"]}]}],"contentalignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["content-alignment"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"AmexioWindowPaneComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"amexio-window","template":"\n    <div #id *ngIf=\"show\" \n    class=\"amexio-root-window\" \n\n    [ngClass]=\"{'amexio-root-window': windowModel, 'amexio-root-window-windowModel': !windowModel}\"\n    [style.justify-content]=\"horizontalposition\">\n      <div class=\"{{roundedgeclass}}\"\n       (mousedown)='onWindowPress($event)' (mousemove)='onWindowDrag($event)'\n        (contextmenu)=\"loadContextMenu({event:$event,ref:id})\" \n    \n        [style.justify-content]=\"verticalposition\" [ngStyle]=\"maximumWindowStyle\"\n\n        [ngClass]=\"{'content-max-height': (maximize && !isFullWindow), 'amexio-root-window-content': windowModel, 'amexio-root-window-content-windowModel': !windowModel, 'full-screen-card': maximizeflagchanged}\"\n    \n    \n        [@animation]=\"{value: 'visible', params: {transitionParams: transitionOptions}}\"\n        [style.width]=\"width\" [style.height]=\"bodyHeight\" [style.top.px]='y' [style.left.px]='x' [style.cursor]=\"draggable ? 'all-scroll':'' \" [style.resize]=\"resizable ? 'both':'' \" [style.overflow]=\"resizable? 'auto':''\" >\n          <ng-content></ng-content>\n      </div>\n    </div>\n    <ng-container *ngIf=\"flag\">\n      <base-contextmenu style=\" z-index: 800; position: absolute;\" [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\"\n        [mouse-location-left]=\"mouseLocation.left\" [is-FlagShow]=\"flag\" [right-click-data]=\"nodeRightClick\" (onRightClick)=\"rightClickDataEmit($event)\"\n        [position-up]=\"posixUp\">\n      </base-contextmenu>\n    </ng-container>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":64,"character":4},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":65,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":65,"character":20},"arguments":[{"transform":"translate3d(0, 25%, 0) scale(0.9)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":69,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":69,"character":23},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":73,"character":6},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":73,"character":27},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}]}]}],"members":{"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3},"arguments":["horizontal-position"]}]}],"closeonescape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3},"arguments":["close-on-escape"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3},"arguments":["position-top"]}]}],"footeralign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3},"arguments":["footer-align"]}]}],"showWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3},"arguments":["show-window"]}]}],"materialDesign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3},"arguments":["material-design"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"windowHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":167,"character":3},"arguments":["windowHeader",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":167,"character":37}}]}]}],"showChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":3}}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3},"arguments":["body-height"]}]}],"maximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":230,"character":3}}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3},"arguments":["context-menu"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":251,"character":3},"arguments":["width"]}]}],"windowModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3},"arguments":["window-model"]}]}],"nodeRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":257,"character":3}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":259,"character":3}}]}],"onMinimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":261,"character":3}}]}],"onMaximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":263,"character":3}}]}],"onFullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":265,"character":3}}]}],"amexioHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":270,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioHeaderComponent"}]}]}],"amexioFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":271,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioFooterComponent"}]}]}],"amexioBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":272,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioBodyComponent"}]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":275,"character":3}}]}],"windowposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":276,"character":3},"arguments":["remember-window-position"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":282,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":282,"character":12}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":282,"character":60},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":283,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":283,"character":82},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":284,"character":22},{"__symbolic":"reference","name":"ɵcs"}]}],"onCloseClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"appendComponentToBody":[{"__symbolic":"method"}],"setMaximizeClass":[{"__symbolic":"method"}],"setVerticlePosition":[{"__symbolic":"method"}],"setHorizontalPosition":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setShowFlag":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"onWindowPress":[{"__symbolic":"method"}],"onWindowDrag":[{"__symbolic":"method"}]}},"AmexioWindowHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-window-header","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"MinimizeWindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"minimize-window","template":"\n      <div class=\"minimize-btn-css\" [class.minimize-window-bg]=\"minimizeButton\"\n          [ngStyle]=\"{ 'padding': minimizeButton ? '10px  0px 10px 0px': '0px'}\">\n\n          <ng-container *ngIf=\"minimizeButton\">\n              <span *ngFor=\"let item of localData\">\n                  <amexio-button [icon]=item.amexioHeader.first.minimizeIcon [label]=\"item.textName\" [type]=\"'theme-color'\"\n                      [tooltip]=\"item.textName\" (onClick)=\"minimizeBtnClick(item)\">\n                  </amexio-button>\n              </span>\n          </ng-container>\n      </div>\n    "}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":5},"arguments":["btnWidth"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcs"}]}],"ngOnInit":[{"__symbolic":"method"}],"minimizeBtnClick":[{"__symbolic":"method"}]}},"OverlayContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"amexio-overlay-container","template":"\n\n    <ng-container *ngIf=\"show\">\n      <div #overlay class=\"overlayContainer {{arrowClass}}\"\n           [ngStyle]=\"renderPositionClass\"\n           [@animation]=\"{value: 'show'}\"\n           (@animation.start)=\"onAnimationStart($event)\">\n        <i *ngIf=\"closable\"\n           class=\"fa fa-times-circle-o iconClass \" [ngStyle]=\"iconPosition\"\n           aria-hidden=\"true\" (click)=\"onClose()\"></i>\n        <div class=\"containerClass\" [style.height]=\"height\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </ng-container>\n\n\n\n\n\n  \n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":31,"character":4},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":32,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":20},"arguments":[{"transform":"translateY(5%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":6},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":20},"arguments":[{"transform":"translateY(0)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":40,"character":6},"arguments":["void => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":40,"character":33},"arguments":["200ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":["show => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":33},"arguments":["200ms"]}]}]]}]}]}],"members":{"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["closable"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3},"arguments":["position"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["width"]}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["body-height"]}]}],"closeonescape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["close-on-escape"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":74,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"resetData":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"setRenderPositionClass":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"findOverlayPosition":[{"__symbolic":"method"}],"getWindowScrollTop":[{"__symbolic":"method"}],"getWindowScrollLeft":[{"__symbolic":"method"}],"getViewportDetails":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AmexioFormGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[form-group]"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5},"arguments":["form-group"]}]}],"models":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":10,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":10,"character":21},{"descendants":true}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"AmexioEnterpriseModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":68,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":71,"character":4},{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","name":"AmexioMediaModule"},{"__symbolic":"reference","name":"ɵdy"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":77,"character":4},{"__symbolic":"reference","name":"AmexioNavModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"}],"exports":[{"__symbolic":"reference","name":"MultiMediaCarouselComponent"},{"__symbolic":"reference","name":"ContentComponent"},{"__symbolic":"reference","name":"AmexioYoutubePlayerComponent"},{"__symbolic":"reference","name":"AmexioWeekDayAvailiblityComponent"},{"__symbolic":"reference","name":"AmexioCalendarComponent"},{"__symbolic":"reference","name":"AmexioCalendarDayTimeWiseComponent"},{"__symbolic":"reference","name":"AmexioCalendarMonthComponent"},{"__symbolic":"reference","name":"AmexioCalendarYearComponent"},{"__symbolic":"reference","name":"AmexioThemeSwitcherComponent"},{"__symbolic":"reference","name":"ɵfb"},{"__symbolic":"reference","name":"ɵfc"},{"__symbolic":"reference","name":"ɵfd"},{"__symbolic":"reference","name":"AvailabilityComponent"}],"declarations":[{"__symbolic":"reference","name":"MultiMediaCarouselComponent"},{"__symbolic":"reference","name":"ContentComponent"},{"__symbolic":"reference","name":"AmexioYoutubePlayerComponent"},{"__symbolic":"reference","name":"AmexioWeekDayAvailiblityComponent"},{"__symbolic":"reference","name":"AmexioCalendarComponent"},{"__symbolic":"reference","name":"AmexioCalendarDayTimeWiseComponent"},{"__symbolic":"reference","name":"AmexioCalendarMonthComponent"},{"__symbolic":"reference","name":"AmexioCalendarYearComponent"},{"__symbolic":"reference","name":"AmexioThemeSwitcherComponent"},{"__symbolic":"reference","name":"ɵfb"},{"__symbolic":"reference","name":"ɵfc"},{"__symbolic":"reference","name":"ɵfd"},{"__symbolic":"reference","name":"AvailabilityComponent"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"AmexioThemeSwitcherService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioEnterpriseModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"AmexioThemeSwitcherService"}]}}}},"MultiMediaCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-media-ee-carousel","template":"\n    <div class=\"section-header\" style=\"z-index: 1;\">{{title}}</div>\n    <div class=\"contain row\">\n\n      <div class=\"left-arrow\" [attr.id]=\"elementId+'leftarrow'\" style=\"cursor: pointer\"> <div [ngClass]=\"{'controls' : carouselStyle=='horizontal','controls-v' : carouselStyle=='vertical'}\" (click)=\"leftClick();\"><em class=\"fa fa-chevron-left fa-2x\" aria-hidden=\"true\"></em></div> </div>\n\n      <div class=\"row1\" [attr.id]=\"elementId\">\n        <div class=\"row__inner\">\n          <ng-container *ngIf=\"data\">\n            <div class=\"tile\" *ngFor=\"let item of data;let i = index\">\n              <div class=\"tile__media\" (click)=\"loadVideo(item)\">\n                <img alt=\"title\" class=\"tile__img\" [attr.src]=\"item.img\" />\n              </div>\n              <div class=\"{{item.selected}}\">\n                <em [ngStyle]=\"{'visibility':item.selected ? 'visible':'hidden'}\" class=\"fa fa-caret-down\" aria-hidden=\"false\"></em>\n              </div>\n              <div [ngClass]=\"{'tile__details' : carouselStyle=='horizontal','tile__details_v' : carouselStyle=='vertical'}\">\n                <div class=\"textonly\">\n\n                  <div class=\"playpanel\">\n                    <div style=\"cursor: pointer\" (click)=\"loadVideo(item)\" class=\"playbutton\"><em class=\"fa fa-play\" aria-hidden=\"true\"></em></div>\n                  </div>\n\n                  <span class=\"carousel-title\" *ngIf=\"item.title\">{{item.title}}</span><br>\n                  <span class=\"match\">{{item.matchPercentage}} Match</span> {{item.releaseYear}} <span class=\"age mini\">{{item.ageLimit}}</span> {{item.seasonNo}}<br>\n                  <div class=\"subtitle\">{{item.desc}}</div>\n\n                </div>\n                <div class=\"actionpanel\"   *ngIf=\"item.content\">\n                  <div style=\"cursor: pointer;\" (click)=\"openDetailsSection(item)\"><em class=\"fa fa-chevron-down fa-2x\" aria-hidden=\"true\"></em></div>\n                </div>\n\n\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"carouselStyle=='horizontal'\">\n        <div class=\"right-arrow\" [attr.id]=\"elementId+'rightarrow'\" style=\"cursor: pointer\"> <div [ngClass]=\"{'controls' : carouselStyle=='horizontal','controls-v' : carouselStyle=='vertical'}\" (click)=\"rightClick();\"><em class=\"fa fa-chevron-right fa-2x\" aria-hidden=\"true\"></em></div></div>\n      </ng-container>\n\n      <ng-container *ngIf=\"carouselStyle=='vertical'\">\n        <div class=\"right-arrow-tall\" [attr.id]=\"elementId+'rightarrow'\" style=\"cursor: pointer\"> <div [ngClass]=\"{'controls' : carouselStyle=='horizontal','controls-v' : carouselStyle=='vertical'}\" (click)=\"rightClick();\"><em class=\"fa fa-chevron-right fa-2x\" aria-hidden=\"true\"></em></div></div>\n      </ng-container>\n\n    </div>\n\n    <div [attr.id]=\"elementId+'carousel-detail-content'\" class=\"collapse\" *ngIf=\"hasDetail && displayDetail\">\n      <amexio-ee-content [bg-image-url]=\"currentDetailsImagePath\"\n                         [title]=\"currentDetailsTitle\" [description]=\"currentDetailsDesc\"\n                         [contents]=\"currentContent\" [link]=\"videoUrl\"\n                         (onWatchClick)=\"playVideo(videoUrl)\" (onCloseClick)=\"closeDetailPage()\"\n                         [rate]=\"rate\" [watch]=\"true\" [my-list]=\"true\"\n                         [close]=\"true\" [season-no]=\"seasonNo\" [release-year]=\"releaseYear\" [age-limit]=\"ageLimit\" [match-percentage]=\"matchPercentage\"\n      ></amexio-ee-content>\n    </div>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"carouselStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["carousel-type"]}]}],"hasDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3},"arguments":["has-details"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"onVideoLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"leftClick":[{"__symbolic":"method"}],"rightClick":[{"__symbolic":"method"}],"closeDetailPage":[{"__symbolic":"method"}],"openDetailsSection":[{"__symbolic":"method"}],"loadVideo":[{"__symbolic":"method"}],"playVideo":[{"__symbolic":"method"}]}},"ContentComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"amexio-ee-content","template":"\n    <div class=\"main-content {{roundedgeclass}}\" [ngStyle]=\"{'background-image':'url('+bgImgUrl+')'}\" (window:resize)=\"onResize($event)\">\n       <span *ngIf=\"closeEnable\" class=\"close-button\">\n        <i class=\"fa fa-times fa-lg\" (click)=\"closeDetailPage()\" aria-hidden=\"true\"></i>\n      </span>\n      <div class=\"content-area\" >\n        <span class=\"content-title\">{{title}}</span><br>\n        <span><span class=\"match\" *ngIf=\"matchPercentage\">{{matchPercentage}} Match</span> {{releaseYear}} <span\n          class=\"age\" *ngIf=\"ageLimit\">{{ageLimit}}</span> {{seasonNo}}</span><br>\n        <p style=\"word-wrap: break-word;\">{{description}}<br>\n\n        <ng-container *ngIf=\"contents\">\n              <span>\n                <li *ngFor=\"let data of contents\"><strong\n                  style=\"color: #999;\">{{data.key}}: </strong> <strong>  {{data.value}}</strong></li><br>\n          </span>\n        </ng-container>\n        <ul class=\"inline-list\">\n          <li *ngIf=\"enableWatch\">\n            <span class=\"content-button\" (click)=\"playVideo()\">\n            <i class=\"fa fa-play\"></i> &nbsp;&nbsp; Play</span>\n            <!-- <amexio-ee-btn [cClass]=\"'buttoncustom'\"\n            [label]=\"'Play'\" [type]=\"'danger'\" [icon]=\"'fa fa-play'\"\n            [tooltipMessage]=\"'play'\" [size]=\"size\" (onClick)=\"playVideo()\">\n            </amexio-ee-btn> -->\n          </li>\n          <li *ngIf=\"enableMyList\">\n            <span class=\"content-button\" (click)=\"addToList()\">\n            <i class=\"fa fa-plus\"></i>&nbsp;&nbsp; MY LIST</span>\n            <!-- <amexio-ee-btn [cClass]=\"'secondarybutton'\" [label]=\"'MY LIST'\"\n            [icon]=\"'fa fa-plus'\" [type]=\"'secondary'\" [tooltipMessage]=\"'My List'\"\n            [size]=\"size\" (onClick)=\"addToList()\"></amexio-ee-btn> -->\n          </li>\n          <li>\n            <a style=\"color: white!important;\" [ngClass]=\"getClassName()\" (click)=\"likeClick()\"><i class=\"fa fa-thumbs-o-up fa-lg\"\n                                                                   aria-hidden=\"true\"></i>\n            </a>\n          </li>\n          <li><a style=\"color: white!important;\" [ngClass]=\"getClassName()\" (click)=\"unlikeClick()\"><i class=\"fa fa-thumbs-o-down fa-lg \"\n                                                                       aria-hidden=\"true\"></i></a></li>\n\n        </ul>\n        <ng-container *ngIf=\"rate && max\">\n          <amexio-rating-input [(ngModel)]=\"rate\"\n                               [max]=\"max\" name=\"rate\"\n                               [read-only]=\"isReadonly\">\n          </amexio-rating-input>\n        </ng-container>\n      </div>\n    </div>"}]}],"members":{"bgImgUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["bg-image-url"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"videoLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["link"]}]}],"rate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"isReadonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"enableWatch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["watch"]}]}],"enableMyList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["my-list"]}]}],"ageLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3},"arguments":["age-limit"]}]}],"releaseYear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3},"arguments":["release-year"]}]}],"seasonNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3},"arguments":["season-no"]}]}],"matchPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3},"arguments":["match-percentage"]}]}],"closeEnable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3},"arguments":["close"]}]}],"onWatchClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":227,"character":3}}]}],"onAddListClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":238,"character":3}}]}],"onLikeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":249,"character":3}}]}],"onUnlikeLikeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":260,"character":3}}]}],"onCloseClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":271,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"playVideo":[{"__symbolic":"method"}],"addToList":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"getClassName":[{"__symbolic":"method"}],"unlikeClick":[{"__symbolic":"method"}],"likeClick":[{"__symbolic":"method"}],"closeDetailPage":[{"__symbolic":"method"}]}},"AmexioYoutubePlayerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"amexio-ee-youtube-player","template":"\n    <div>\n      <span class=\"close-button\" [ngStyle]=\"{'padding-left':closePadding+'%'}\">\n        <i class=\"fa fa-times fa-lg\" (click)=\"routeBackToApp()\" aria-hidden=\"true\"></i>\n      </span>\n      <div class=\"text-center\">\n        <iframe [height]=\"height+'px'\" [width]=\"width+'%'\"\n                [src]=\"sanitizedUrl\" frameborder=\"0\"\n                allowfullscreen>\n        </iframe>\n      </div>\n    </div>\n  "}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"onCloseVideoPlayer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":77,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"routeBackToApp":[{"__symbolic":"method"}]}},"AmexioWeekDayAvailiblityComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"amexio-ee-appointment","template":"\n      <div class=\"{{roundedgeclass}}\">\n      <div class=\"weekdaycomponent\">\n          <div class=\"datetimepicker1\" style=\"width: 100%;\">\n              <ul *ngIf=\"viewData && (viewData.length == noOfDays)\" class=\"weekdays\" style=\"padding: 5px 0!important\">\n                  <li *ngFor=\"let day of noOfDaysArray\" style=\"width: 14.28%;\">\n                      <label>{{viewData[day].date| date:'E'}} </label><br />\n                      <label style=\"font-size: 10px;\">{{viewData[day].date| date:'dd/MM/yy'}}</label>\n                  </li>\n              </ul>\n              <ul *ngIf=\"viewData && (viewData.length == noOfDays)\" class=\"weekdays\" [style.height]=\"height\" style=\"overflow: auto;padding: 5px 0!important\">\n                  <li *ngFor=\"let day of noOfDaysArray\" style=\"width: 14.28%;\">\n                      <ng-container *ngIf=\"viewData[day] && viewData[day].timeslots &&  viewData[day].timeslots.length>0\">\n                          <ng-container *ngFor=\"let time of  viewData[day].timeslots\">\n                              <div (focus)=\"readtime(time)\" id={{time.ariaId}} [tabindex]=\"time.available ? 0 : -1\"\n                                  attr.aria-label=\"{{viewData[day].date | date : 'EEEE, MMMM d, y'}} {{actualtime}}\"\n                                  *ngIf=\"(time.timeId >= startTime && time.timeId <= endTime)\" style=\"padding:5px;\" [ngStyle]=\"time.selected ? time.selectedStyleClass: (time.available ? time.availableStyleClass : '')\"\n                                  [ngClass]=\"{'availableweekday': time.available,'notavailableweekday': !time.available,'selectedDay':time.selected}\"\n                                  (click)=\"onTimeClick($event,viewData[day],time)\" (keyup.arrowdown)=\"onArrowDown(time)\"\n                                  (keyup.arrowup)=\"onArrowUp(time)\" (keyup.arrowright)=\"onArrowRight(time)\" (keyup.arrowleft)=\"onArrowLeft(time)\" (keyup.enter)=\"onTimeClick($event,viewData[day],time)\">\n                                  {{time.time}}\n                              </div>\n                          </ng-container>\n                      </ng-container>\n                  </li>\n              </ul>\n          </div>\n      </div>\n      </div>\n    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5},"arguments":["height"]}]}],"startTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5},"arguments":["start-time"]}]}],"endTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5},"arguments":["end-time"]}]}],"noOfDays":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5},"arguments":["no-of-days"]}]}],"multiSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5},"arguments":["multi-select"]}]}],"availableSlotsBgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5},"arguments":["available-slots-bg-color"]}]}],"availableSlotsColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5},"arguments":["available-slots-color"]}]}],"selectedSlotColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5},"arguments":["selected-slot-color"]}]}],"selectedSlotBgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5},"arguments":["selected-slot-bg-color"]}]}],"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5},"arguments":["date"]}]}],"availableslots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5},"arguments":["available-slots"]}]}],"onSingleSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":5}}]}],"onMultiSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onTimeClick":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"readtime":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onArrowRight":[{"__symbolic":"method"}],"onArrowLeft":[{"__symbolic":"method"}],"getFullMonthName":[{"__symbolic":"method"}],"getFullDayName":[{"__symbolic":"method"}],"gettime":[{"__symbolic":"method"}],"initComponent":[{"__symbolic":"method"}],"createWeekDays":[{"__symbolic":"method"}],"getMonday":[{"__symbolic":"method"}],"onMultiSelection":[{"__symbolic":"method"}],"getAvailableStyle":[{"__symbolic":"method"}],"getSelectedStyle":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}]}},"AmexioCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"amexio-calendar","template":"\n      <div class=\"calendar-header card-header\">\n          <div style=\"display: inline-flex;\">\n              <div *ngIf=\"(currentState === 'month')\"> {{currrentDate | date : 'MMMM, y'}} </div>\n              <div *ngIf=\"(currentState === 'week')\"> {{displayHeaders[0] | date : 'd MMM'}} - {{displayHeaders[6] | date : 'd MMM'}} {{displayHeaders[6] | date : 'y'}}\n                  </div>\n              <div *ngIf=\"(currentState === 'day')\"> {{currrentDate | date : 'd MMMM, y'}} </div>\n              <div *ngIf=\"(currentState === 'year')\"> {{currrentDate | date : 'y'}} </div>\n\n              <div class=\"calendar-navigation\">\n                  <em id={{prevbtnid}} role=\"button\" [attr.aria-pressed]=\"prevMonthPressed\" (keyup.enter)=\"previous()\" aria-label=\"previous month\"\n                      tabindex=\"1\" style=\"padding-right: 20px;\" class=\"fa fa-chevron-left\" aria-hidden=\"true\" (click)=\"previous()\"></em>\n                  <em id=\"{{nextbtnid}}\" role=\"button\" [attr.aria-pressed]=\"nextMonthPressed\" (keyup.enter)=\"next()\" aria-label=\"next month\"\n                      tabindex=\"1\" style=\"padding-right: 20px;\" class=\"fa fa-chevron-right\" aria-hidden=\"true\" (click)=\"next()\"></em>\n              </div>\n          </div>\n          <div>{{title}}</div>\n          <div>\n              <button id=\"{{daybtnid}}\" role=\"button\" tabindex=\"1\" [attr.aria-pressed]=\"dayPressed\" (keyup.enter)=\"setState('day')\" (click)=\"setState('day')\">Day</button>\n              <button id=\"{{weekbtnid}}\" [attr.aria-pressed]=\"weekPressed\" role=\"button\" aria-label=\"week\" tabindex=\"1\" (keyup.enter)=\"setState('week')\"\n                  (click)=\"setState('week')\">Week</button>\n              <button id=\"{{monthbtnid}}\" [attr.aria-pressed]=\"monthPressed\" role=\"button\" aria-label=\"month\" tabindex=\"1\" (keyup.enter)=\"setState('month')\"\n                  (click)=\"setState('month')\">Month</button>\n              <button id=\"{{yearbtnid}}\" [attr.aria-pressed]=\"yearPressed\" role=\"button\" aria-label=\"year\" tabindex=\"1\" (keyup.enter)=\"setState('year')\"\n                  (click)=\"setState('year')\">Year</button>\n          </div>\n      </div>\n      <amexio-calendar-month *ngIf=\"(currentState === 'month')\" [no-of-events]=\"noOfEvents\"  [headers]=\"displayHeaders\" [calendar-data]=\"calendarMonthData\"\n           (onMoreEventClicked)=\"onMoreEventClicked($event)\" (onCloseClick)=\"onMoreCloseClick($event)\" (onEventClicked)=\"onMonthEvent($event)\">\n      </amexio-calendar-month>\n      <amexio-calendar-day-timewise *ngIf=\"(currentState === 'week' || currentState === 'day')\" [headers]=\"displayHeaders\" [calendar-data]=\"calendarWeekData\"\n          (onHeaderClicked)=\"onDaytimeHeaderClick($event)\" (onEventClicked)=\"onDayTimeWiseEvent($event)\"> </amexio-calendar-day-timewise>\n      <amexio-calendar-year *ngIf=\"(currentState === 'year')\" [headers]=\"displayHeaders\" [calendar-data]=\"calendarMonthData\" (onLeftNavigate)=\"previous()\"\n          (onRightNavigate)=\"next()\" (onTopNavigate)=\"previous()\" (onBottomNavigate)=\"next()\" (onHeaderClicked)=\"onYearHeaderClicked($event)\"\n          (onEventClicked)=\"onYearEvent($event)\"> </amexio-calendar-year>\n    ","styles":["\n      button,em{cursor:pointer}table{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;position:relative}.EventDetailsContent{position:absolute;z-index:1!important}.fpRightClass .amexio-floating-panel div{right:0}.leftPositionPanel{display:block;position:absolute;left:50px;right:0}.rightPositionPanel{display:block;position:absolute;left:0;right:50px}\n    "]}]}],"members":{"headertype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5},"arguments":["header-type"]}]}],"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5},"arguments":["events"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5},"arguments":["title"]}]}],"onCloseClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":5},"arguments":["onCloseClick"]}]}],"calendardate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5},"arguments":["calendar-date"]}]}],"eventColorGrouping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5},"arguments":["event-color-grouping"]}]}],"noOfEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5},"arguments":["no-of-events"]}]}],"onEventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":5},"arguments":["onEventClicked"]}]}],"onMoreEventClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":5},"arguments":["onMoreEventClick"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onMoreEventClicked":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initCalendar":[{"__symbolic":"method"}],"validateEventData":[{"__symbolic":"method"}],"generatEventData":[{"__symbolic":"method"}],"hasEvent":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"createYearData":[{"__symbolic":"method"}],"createDaysForCurrentMonths":[{"__symbolic":"method"}],"createDaysForCurrentWeek":[{"__symbolic":"method"}],"hasWeekEvent":[{"__symbolic":"method"}],"isEventPresent":[{"__symbolic":"method"}],"getWeekObject":[{"__symbolic":"method"}],"setState":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"onMonthEvent":[{"__symbolic":"method"}],"onDayTimeWiseEvent":[{"__symbolic":"method"}],"onYearEvent":[{"__symbolic":"method"}],"onDaytimeHeaderClick":[{"__symbolic":"method"}],"onYearHeaderClicked":[{"__symbolic":"method"}],"navigateToDayMode":[{"__symbolic":"method"}],"onMoreCloseClick":[{"__symbolic":"method"}]}},"AmexioCalendarDayTimeWiseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-calendar-day-timewise","template":"\n      <table aria-describedby=\"table\" role=\"none\">\n\n          <thead>\n              <tr>\n                  <td [attr.colspan]=\"headers.length\">\n                      <table aria-describedby=\"table1\" role=\"none\">\n\n                          <tr #headerRow>\n                              <td class=\"calendar-header-items calendar-user-active-timeslot\" style=\"width:50px;\"> &nbsp;</td>\n                              <td class=\"calendar-header-items\" style=\"cursor: pointer;\" (click)=\"onHeaderClick(header)\" *ngFor=\"let header of headers\">\n                                  <span tabindex=\"1\" attr.aria-label=\"{{header | date : 'EEEE, MMMM d, y'}}\">\n                                      <span>{{header | date : 'EE'}}</span>\n                                      <br />\n                                      <strong style=\"font-size:20px;\">{{header | date : 'd'}}</strong>\n                                  </span>\n                              </td>\n                          </tr>\n                      </table>\n                  </td>\n              </tr>\n          </thead>\n\n          <tbody>\n              <tr>\n                  <td class=\"calendar-mainbox\" [attr.colspan]=\"headers.length\">\n                      <div class=\"calendar-scroller\">\n                          <div style=\"width: 100%; position: relative;\">\n                              <div class=\"calendar-bg\">\n                                  <table aria-describedby=\"table2\" role=\"none\">\n                                      <tr *ngFor=\"let calendarRow of calendaryData\">\n\n                                          <td class=\"calendar-header-items calendar-week-timeslot\" style=\"width:50px;\">\n                                              <div style=\"min-height: 50px;\" *ngIf=\"(calendarRow.time==null)\">\n                                                  {{calendarRow.title}}\n                                              </div>\n                                              <div class=\"calendar-week-timeslotseries-div\" *ngIf=\"(calendarRow.time && calendarRow.time!=null)\">\n                                                  {{ calendarRow.time | date:'hh:mm a' }}\n                                              </div>\n                                          </td>\n\n                                          <td style=\"padding-bottom: 0px;\" [ngStyle]=\"{'padding-top': (day.isEvent && day.eventDetails && day.eventDetails.diffwithslot) ? day.eventDetails.diffwithslot+'px' : '0px'}\"\n                                              class=\"calendar-box-items\" *ngFor=\"let day of calendarRow.daywiseevent\">\n\n                                              <div (click)=\"eventClicked($event,day)\" [class]=\"'calendar-week-day-timeslot' + '  '+((day.eventDetails.details && day.eventDetails.details.eventclass) ? day.eventDetails.details.eventclass:'') \"\n                                                  [ngClass]=\"{'calendar-week-active-timeslot': day.isEvent}\" [ngStyle]=\"{'height': (day.isEvent && day.eventDetails && day.eventDetails.diff) ? day.eventDetails.diff+'px' : null}\">\n\n                                                  <span [attr.tabindex]=\"(day.isEvent ? 1 : -1)\" (keyup.enter)=\"eventClicked($event,day)\" attr.aria-label=\"{{day.eventdatetime | date : 'EEEE, MMMM d, y'}} {{day.eventDetails.details.title}} {{day.eventDetails.details.start |  date: 'shortTime'}} to {{day.eventDetails.details.end |  date: 'shortTime'}}\"\n                                                      *ngIf=\"day.isEvent\" class=\"calendar-user-active\">\n                                                      {{day.eventDetails.details.title}}\n                                                      <br />\n                                                      <span class=\"calendar-user-active-timeslot\" *ngIf=\"(day.eventDetails.details && day.eventDetails.details.hasTimeSlot)\">\n                                                          {{day.eventDetails.details.start | date: \"shortTime\"}}\n                                                          <ng-container *ngIf=\"(day.eventDetails.details && day.eventDetails.details.end)\">\n                                                              - {{day.eventDetails.details.end | date: \"shortTime\"}}\n                                                          </ng-container>\n                                                      </span>\n                                                  </span>\n\n                                              </div>\n                                          </td>\n\n                                      </tr>\n                                  </table>\n                              </div>\n                          </div>\n                      </div>\n                  </td>\n              </tr>\n          </tbody>\n      </table>\n    ","styles":["\n      table{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;position:relative}.EventDetailsContent{position:absolute;z-index:1!important}.fpRightClass .amexio-floating-panel div{right:0}.leftPositionPanel{display:block;position:absolute;left:50px;right:0}.rightPositionPanel{display:block;position:absolute;left:0;right:50px}\n    "]}]}],"members":{"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5},"arguments":["headers"]}]}],"calendaryData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5},"arguments":["calendar-data"]}]}],"headerRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":5},"arguments":["headerRow"]}]}],"onEventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":5},"arguments":["onEventClicked"]}]}],"onHeaderClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":5},"arguments":["onHeaderClicked"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"eventClicked":[{"__symbolic":"method"}],"onHeaderClick":[{"__symbolic":"method"}],"fulldate":[{"__symbolic":"method"}]}},"AmexioCalendarMonthComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"amexio-calendar-month","template":"\n      <table aria-describedby=\"table\" role=\"none\">\n          <thead>\n              <tr>\n                  <td [attr.colspan]=\"headers.length\">\n                      <table aria-describedby=\"table\" role=\"none\">\n                          <tr>\n                              <td class=\"calendar-header-items\" *ngFor=\"let header of headers\">\n                                  <strong>{{header}}</strong>\n                              </td>\n                          </tr>\n                      </table>\n                  </td>\n              </tr>\n          </thead>\n          <tbody>\n              <tr>\n                  <td class=\"calendar-mainbox\" [attr.colspan]=\"headers.length\">\n                      <div class=\"calendar-scroller\">\n                          <div style=\"width: 100%; position: relative;\">\n                              <div style=\"min-height: 150px; position: relative;\" *ngFor=\"let calendarRow of calendaryData;index as rowIndex;\">\n                                  <div class=\"calendar-bg\">\n                                      <table aria-describedby=\"table\" role=\"none\">\n                                          <tr>\n                                              <!-- here down -->\n                                              <td attr.aria-label=\"{{ariadatalabel}}\" tabindex=\"1\" (focus)=\"ondatefocus(day)\" (keyup.arrowright)=\"nextrightday(day)\" (keyup.arrowleft)=\"nextleftday(day)\"\n                                                  (keyup.arrowdown)=\"nextbottomday(day)\" (keyup.arrowup)=\"nexttopday(day)\" attr.id=\"{{day.id}}\"\n                                                  [ngClass]=\"{'calendar-active-box': day.isActive}\" class=\"calendar-box-items\" *ngFor=\"let day of calendarRow\">\n                                                  <span [ngClass]=\"{'calendar-inactive': !day.isActivePeriod}\">\n                                                      {{ day.date | date:'d' }}\n                                                  </span>\n                                              </td>\n                                          </tr>\n                                      </table>\n                                  </div>\n                                  <div class=\"calendar-user-content\">\n                                      <table aria-describedby=\"table\" role=\"none\">\n                                          <tr>\n                                              <td [ngClass]=\"{'calendar-user-active': (day.eventDetails && day.eventDetails.isEvent)}\" *ngFor=\"let day of calendarRow; last as isLast\">\n                                                  <ng-container *ngIf=\"(day.eventDetails && day.eventDetails.events)\">\n                                                      <ul class=\"calendar-ul\">\n                                                          <div *ngFor=\"let dayevent of day.eventDetails.events; let i = index\">\n                                                              <div class=\"EventDetailsContent\" #runtimeDiv1 id=\"{{day.date + i}}\"></div>\n                                                              <li (click)=\"eventClicked($event,dayevent, runtimeDiv1)\">\n                                                                  <ng-container *ngIf=\"i + 1 <= noOfEvents\">\n                                                                      <div style=\"padding:5px\" class=\"calendar-li \" [attr.class]=\"'calendar-li '+' '+dayevent.details.eventclass\">\n                                                                          <span tabindex=\"1\" (keyup.enter)=\"eventClicked($event,dayevent, runtimeDiv1)\" attr.aria-label=\"{{day.date | date : 'EEEE, MMMM d, y'}} {{dayevent.details.title}} {{dayevent.details.start |  date: 'shortTime'}} {{dayevent.details.end |  date: 'shortTime'}}\"\n                                                                              class=\"calendar-user-active\" *ngIf=\"dayevent.isEvent\">\n\n                                                                              {{dayevent.details.title}}\n\n                                                                              <br/>\n                                                                              <span class=\"calendar-user-active-timeslot\" *ngIf=\"(dayevent.details && dayevent.details.hasTimeSlot)\">\n                                                                                  {{dayevent.details.start | date: \"shortTime\"}}\n                                                                                  <ng-container *ngIf=\"(dayevent.details && dayevent.details.end)\">\n                                                                                      - {{dayevent.details.end | date: \"shortTime\"}}\n                                                                                  </ng-container>\n                                                                              </span>\n                                                                          </span>\n                                                                      </div>\n                                                                  </ng-container>\n\n                                                              </li>\n                                                              <ng-container *ngIf=\"i + 1 == noOfEvents && (day.eventDetails.events.length - noOfEvents != 0) \">\n                                                                  <div (click)=\"onMoreClicked($event, day.eventDetails.events)\" class=\"calendar-li \">\n                                                                      <span tabindex=\"1\" (keyup.enter)=\"eventClicked($event,dayevent, runtimeDiv)\" class=\"calendar-user-active\">\n                                                                          {{day.eventDetails.events.length - noOfEvents}} More \n                                                                          <br/>\n                                                                      </span>\n                                                                  </div>\n\n\n                                                                  <div [ngClass]=\"{fpClass: !isLast, fpRightClass: isLast}\">\n                                                                      <div class=\"EventDetailsContent\" #runtimeDiv [attr.id]=\"day.date\"></div>\n                                                                      <div class=\"floatingPanelIndex\">\n                                                                          <amexio-floating-panel class=\"amexio-floating-panel\" [(show-panel)]=\"day.eventDetails.events.fpFlag\" [relative]=\"true\" [closeable]=\"true\"\n                                                                              [width]=\"'200'\" [title]=\"day.eventDetails.events[0].eventDateTime|date :'mediumDate'\"\n                                                                              (onClose)=\"onCloseClick({event: $event, data: day.eventDetails.events})\">\n\n\n                                                                              <amexio-layout-columns [orientation]=\"'horizontal'\" [border]=\"false\">\n                                                                                  <amexio-layout-item [fit]=\"true\">\n\n                                                                                      <amexio-layout-columns [fit]=\"true\" [border]=\"false\" [orientation]=\"'vertical'\" [alignment]=\"'start'\">\n                                                                                          <amexio-layout-item *ngFor=\"let item of day.eventDetails.events\">\n                                                                                              <div style=\"cursor:pointer\" (click)=\"onChipClick($event,item, runtimeDiv)\">\n                                                                                              {{item.details.start | date: \"shortTime\"}} - {{item.title}}\n                                                                                              </div>\n                                                                                              <br>\n\n                                                                                          </amexio-layout-item>\n                                                                                      </amexio-layout-columns>\n                                                                                  </amexio-layout-item>\n                                                                              </amexio-layout-columns>\n                                                                          </amexio-floating-panel>\n                                                                      </div>\n                                                                  </div>\n\n                                                              </ng-container>\n\n                                                          </div>\n\n                                                      </ul>\n                                                  </ng-container>\n                                              </td>\n                                          </tr>\n                                      </table>\n                                  </div>\n                              </div>\n                          </div>\n                      </div>\n                  </td>\n              </tr>\n          </tbody>\n      </table>\n    ","styles":["\n      table{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;position:relative}.EventDetailsContent{position:absolute;z-index:1!important}.fpRightClass .amexio-floating-panel div{right:0}.leftPositionPanel{display:block;position:absolute;left:50px;right:0}.rightPositionPanel{display:block;position:absolute;left:0;right:50px}\n    "]}]}],"members":{"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5},"arguments":["headers"]}]}],"calendaryData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5},"arguments":["calendar-data"]}]}],"calendarRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5},"arguments":["calendar-row"]}]}],"noOfEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5},"arguments":["no-of-events"]}]}],"onEventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":5},"arguments":["onEventClicked"]}]}],"onCloseClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":5},"arguments":["onCloseClick"]}]}],"onMoreEventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":5},"arguments":["onMoreEventClicked"]}]}],"runtimeDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":143,"character":5},"arguments":["runtimeDiv",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":143,"character":40}}]}]}],"runtimeDiv1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":145,"character":5},"arguments":["runtimeDiv1",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":145,"character":41}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":161,"character":50},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":161,"character":94}]}],"onMoreClicked":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onChipClick":[{"__symbolic":"method"}],"addComponent":[{"__symbolic":"method"}],"addDynamicClass":[{"__symbolic":"method"}],"addEventDetails":[{"__symbolic":"method"}],"eventClicked":[{"__symbolic":"method"}],"nextrightday":[{"__symbolic":"method"}],"nextleftday":[{"__symbolic":"method"}],"refactoredleftday":[{"__symbolic":"method"}],"nexttopday":[{"__symbolic":"method"}],"nextbottomday":[{"__symbolic":"method"}],"ondatefocus":[{"__symbolic":"method"}],"formatAMPM":[{"__symbolic":"method"}],"receiveDateFormat":[{"__symbolic":"method"}],"getFullMonthName":[{"__symbolic":"method"}],"getFullDayName":[{"__symbolic":"method"}]}},"AmexioCalendarYearComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-calendar-year","template":"\n      <div class=\"calendar-year\">\n          <div class=\"calendar-year-box\" *ngFor=\"let month of calendaryData\">\n              <div class=\"calendar-year-month\">\n                  <div style=\"cursor: pointer;\" (click)=\"monthClicked(month)\">\n                      <strong>{{month.title}}</strong>\n                  </div>\n                  <table aria-describedby=\"table1\" role=\"none\">\n                      <thead>\n                          <tr>\n                              <td *ngFor=\"let header of headers\" style=\"text-align: center;\">\n                                  {{header}}\n                              </td>\n                          </tr>\n                      </thead>\n                      <tbody>\n                          <tr *ngFor=\"let week of month.data\" class=\"calendar-week-timeslot\">\n                              <td class=\"focuscls\" attr.id=\"{{day.id}}\" tabindex=\"1\" role=\"button\" [attr.aria-pressed]=\"isdaypressed\" (keyup.arrowright)=\"navigateright(day)\"\n                                  (keyup.arrowleft)=\"navigateleft(day)\" (keyup.arrowdown)=\"navigatedown(day)\" (keyup.arrowup)=\"navigateup(day)\"\n                                  attr.aria-label=\"{{day.date | date : 'EEEE, MMMM d, y'}} \" [ngClass]=\"{'calendar-inactive': (!day.isActivePeriod),                                         \n                                              'calendar-year-month-hasevent': (day.isActivePeriod && day.isEvent)}\" (click)=\"eventClicked($event, day)\"\n                                  (keyup.enter)=\"eventClicked($event, day)\" *ngFor=\"let day of week\" style=\"text-align: center;\">\n                                  <div  [ngClass]=\"{'calendar-active-box calendar-year-month-today': (day.isActivePeriod && day.isActive)}\" style=\"height:30px; width: 30px;\"\n                                      style=\"text-align: center; cursor: pointer;\">\n                                      {{day.date | date :'dd'}}\n                                  </div>\n                              </td>\n                          </tr>\n                          <tr></tr>\n                      </tbody>\n                  </table>\n              </div>\n\n          </div>\n      </div>\n    ","styles":["\n      table{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;position:relative}.EventDetailsContent{position:absolute;z-index:1!important}.fpRightClass .amexio-floating-panel div{right:0}.leftPositionPanel{display:block;position:absolute;left:50px;right:0}.rightPositionPanel{display:block;position:absolute;left:0;right:50px}\n    "]}]}],"members":{"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5},"arguments":["headers"]}]}],"calendaryData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5},"arguments":["calendar-data"]}]}],"onEventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5},"arguments":["onEventClicked"]}]}],"onHeaderClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5},"arguments":["onHeaderClicked"]}]}],"onleftnavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":5},"arguments":["onLeftNavigate"]}]}],"onrightnavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":5},"arguments":["onRightNavigate"]}]}],"ontopnavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":5},"arguments":["onTopNavigate"]}]}],"onbottomnavigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":5},"arguments":["onBottomNavigate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"eventClicked":[{"__symbolic":"method"}],"monthClicked":[{"__symbolic":"method"}],"navigateright":[{"__symbolic":"method"}],"refactorednavigateright":[{"__symbolic":"method"}],"navigateleft":[{"__symbolic":"method"}],"refactoredleftnavigate":[{"__symbolic":"method"}],"navigatedown":[{"__symbolic":"method"}],"navigateup":[{"__symbolic":"method"}],"setExtremeFocus":[{"__symbolic":"method"}]}},"AmexioThemeSwitcherService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":29}]}],"loadThemes":[{"__symbolic":"method"}],"switchTheme":[{"__symbolic":"method"}]}},"AmexioThemeSwitcherComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-theme-switcher","template":"\n      <ng-container *ngIf=\"isFloatingButton\">\n          <amexio-floating-button *ngIf=\"!relative\" style=\"position: fixed; right: 10px; bottom: 25px;\" (onClick)=\"togglePanel()\" [relative]=\"true\"\n              [icon]=\"'fa fa-ellipsis-v'\" [type]=\"'red'\">\n          </amexio-floating-button>\n      </ng-container>\n      <div style=\"display: block; position: relative; width: 100%;\">\n          <ng-container *ngIf=\"isSimpleButton\">\n              <amexio-button *ngIf=\"closeable\" [label]=\"'Theme Selector'\" [type]=\"'theme-color'\" [tooltip]=\"'Theme Selector'\" (onClick)=\"togglePanel()\">\n              </amexio-button>\n          </ng-container>\n\n\n          <amexio-card-ce *ngIf=\"show\" [ngStyle]=\"themeStyle()\">\n              <amexio-header-ce [align]=\"'space-between'\" [border-bottom]=\"true\">\n                  <div style=\"width:100%;\">\n                      <div class=\"flex-inline flex-spacebetween\">\n                          <amexio-label [word-wrap]=\"false\" style=\"width:90%\" [size]=\"'medium-bold'\">\n                              Material Design Themes\n                          </amexio-label>\n\n                          <amexio-image *ngIf=\"closeable\" style=\"display: block; cursor: pointer;\" [icon-class]=\"'fa fa-times ng-star-inserted'\" (onClick)=\"togglePanel()\">\n                          </amexio-image>\n\n                      </div>\n                      <br />\n                      <div style=\"display: inline-flex;\">\n                          <amexio-label [size]=\"'small'\">\n                              More Details: &nbsp;\n                          </amexio-label>\n                          <amexio-toggle (onChange)=\"onChange($event)\" [size]=\"'small'\" [type]=\"1\" shape=\"square\">\n                          </amexio-toggle>\n                      </div>\n                  </div>\n              </amexio-header-ce>\n              <amexio-body-ce style=\"overflow: auto;display: block;\" [ngStyle]=\"{'height': (closeable)?'400px' : '100%'}\">\n                  <div class=\"flex-row\">\n                      <ng-container *ngFor=\"let row of data\">\n                          <div [class]=\"'flex-col'\" [class]=\"'flex-col-'+(12/colsize)\" *ngFor=\"let col of row\">\n                              <div class=\"card-container\" style=\"margin: 5px;\">\n                                  <header class=\"card-header flex-inline flex-spacebetween\" style=\"padding: 10px;\" [ngStyle]=\"{'background-color':col.navBarBGColor, 'color':col.navBarFontColor}\">\n                                      <label role=\"text\" style=\"width:90%;outline: none; cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"\n                                          class=\"label-content medium-bold\">\n                                          {{col.themeName}}\n                                      </label>\n                                      <span *ngIf=\"testmode\" style=\"cursor: pointer;\" (click)=\"themeChange(col)\">\n                                          <em class=\"fa fa-check\"></em>\n                                      </span>\n                                  </header>\n                                  <div *ngIf=\"isMoreDetails\" class=\"card-body cardbody\">\n                                      <img [attr.alt]=\"col.themeName\" alt=\"\" [attr.src]=\"'assets/amexiomdathemes/images/'+col.themeImageFile\"\n                                          class=\"img-fluid\" />\n                                      <br />\n                                      <label role=\"text\" style=\"outline: none; cursor: text;\" class=\"label-content small-bold\">\n                                          Version: {{col.version}}\n                                      </label>\n                                      <br />\n                                      <label *ngIf=\"col.algorithmName\" role=\"text\" style=\"outline: none; cursor: text;\" class=\"label-content small-bold\">\n                                          Algorithm: {{col.algorithmName}}\n                                          <br />\n                                      </label>\n\n                                      <label *ngIf=\"col.releaseDate\" role=\"text\" style=\"outline: none; cursor: text;\" class=\"label-content small-bold\">\n                                          Release: {{col.releaseDate}}\n                                      </label>\n\n                                  </div>\n                                  <footer class=\"card-footer flex-center\" [ngStyle]=\"{ 'height': (closeable) ? '25px':'unset'}\">\n                                      <div *ngFor=\"let color of col.themes\" class=\"themecolorpalette\" [ngStyle]=\"{'background-color': color,'height': (!closeable) ? '50px':'unset','margin': (!closeable) ? ' 0px 5px':'0px 2px'}\">\n                                      </div>\n                                  </footer>\n                              </div>\n                          </div>\n                      </ng-container>\n                  </div>\n              </amexio-body-ce>\n          </amexio-card-ce>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5},"arguments":["data"]}]}],"isMoreDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5},"arguments":["more-details"]}]}],"testmode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5},"arguments":["test-mode"]}]}],"isMDA":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5},"arguments":["mda"]}]}],"colsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5},"arguments":["col-size"]}]}],"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5},"arguments":["relative"]}]}],"buttonType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5},"arguments":["button-type"]}]}],"horizontalPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5},"arguments":["horizontal-position"]}]}],"verticalPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5},"arguments":["vertical-position"]}]}],"onclose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":5},"arguments":["onClose"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5},"arguments":["show"]}]}],"closeable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5},"arguments":["closeable"]}]}],"onThemeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":5},"arguments":["onThemeClick"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AmexioThemeSwitcherService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadMDAThemes":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"themeChange":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"togglePanel":[{"__symbolic":"method"}],"themeStyle":[{"__symbolic":"method"}],"getPostion":[{"__symbolic":"method"}]}},"AvailabilityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-availability","template":"\n    <!-- third structure starts-->\n    <div style=\"margin-top: 10px;\">\n\n        <amexio-row>\n            <amexio-column [size]=\"3\">\n                <amexio-dropdown [place-holder]=\"'Select Timezone'\" name=\"timezone\" [data]=\"zoneData\"\n                    [display-field]=\"'timezone'\" [enable-sort]=\"true\" [sort]=\"'asc'\">\n                </amexio-dropdown>\n            </amexio-column>\n            <amexio-column [size]=\"7\" style=\"padding-top:15px\">\n                <span style=\" margin-left: 15px; padding: 5px 4px; \"\n                    [ngStyle]=\"{'background-color': radio.colorcode}\" *ngFor=\"let radio of legendArr\">\n                    <span style=\"padding: 5px 3px 3px; \">\n\n                        <input style=\"cursor:pointer\" type=\"radio\" [(ngModel)]=\"radioValue\" name=\"{{labelData[0].label}}\"\n                            (change)=\"onSelection(radio)\" value=\"{{radio.label}}\">\n                    </span>\n\n                    <span style=\"font-size:medium; margin-right: 2%\" [style.color]=\"radio.textcolor\"> {{radio.label}}</span>\n                </span>\n            </amexio-column>\n            <amexio-column [size]=\"2\" style=\"padding-top:14px\">\n                <span style=\"float: right\">\n                    <amexio-button [label]=\"'Undo'\" [size]=\"'default'\" [type]=\"'theme-color'\" (onClick)=\"onUndoClick()\"\n                        [icon]=\"'fa fa-undo'\">\n                    </amexio-button>\n                </span>\n            </amexio-column>\n        </amexio-row>\n\n    </div>\n    <br>\n    <div style=\"width:100%; height:100%; margin:5px; border: 1px solid  darkgrey\">\n        <div #datesdiv style=\"width: 100%; height:80%; display: -webkit-box\">\n            <div #datesfirstdiv style=\"width:15%; height:100% ; display: grid;\">\n                <div [style.height.px]=\"dateSpanHt\" class=\"datespan1\">\n                    <span class=\"datespan2\">\n                    </span>\n                </div>\n                <div>\n                    <!-- dates arr -->\n                    <ul style=\"padding: 5px 0 !important; margin: 0; list-style: none;\">\n                        <li [style.height.px]=\"dateSpanHt\" style=\" padding-left:8%; text-align: left; margin-bottom: 3px; color:black;\n                                                                background-color:#DCDCDC\"\n                            *ngFor=\"let item of dateArr[0].dates\">\n                            {{item.date | date:'EEE'}} -\n                            {{item.date | date: 'd'}}/{{item.date | date: 'MM'}}/{{item.date | date: 'yy'}}\n\n                        </li>\n                    </ul>\n                </div>\n\n            </div>\n            <div #datesseconddiv style=\"width:85%\">\n                <span>\n                    <ul style=\"padding: 5px 0px 2px 0px !important; margin: 0; display:flex;\n                                       list-style: none;\">\n                        <li [style.height.px]=\"dateSpanHt\" [style.width.px]=\"dateSpanWt\" style=\"text-align: center; display: inline-block; \n    line-height: 20px; margin-bottom: 3px;width:46px;\n    background-color:#DCDCDC; \n    border-left:3px solid #F6F6F6\" *ngFor=\"let item of newTimeArr\">\n                            {{item | date: 'h:mm '}}\n                        </li>\n                    </ul>\n                </span>\n                <!-- chk here -->\n                <span *ngFor=\"let iterate of dateArr1; index as parentindex\">\n                    <ul style=\"padding: 0px 0px 0px 0px !important; margin: 0; display:flex;\n                                           list-style: none;\">\n                        <li [style.height.px]=\"dateSpanHt\" [style.width.px]=\"dateSpanWt\"\n                            (click)=\"onTimeBlockClick(iterate, parentindex, item, childindex)\" style=\"text-align: center; \n    display: inline-block; width:46px;\n    line-height: 20px; margin-bottom: 3px;\n    background-color:#DCDCDC; \n    border-left:3px solid #F6F6F6\"\n                            [ngStyle]=\"{'background-color': (item.colorflag) ? item.color : '#DCDCDC', 'cursor': (radioValue.length > 0) ?'pointer':''}\"\n                            *ngFor=\"let item of iterate.slots; index as childindex\">\n                        </li>\n                    </ul>\n\n                </span>\n\n            </div>\n        </div>\n    </div>\n    <br>\n    <br>\n  "}]}],"members":{"startDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["start-date"]}]}],"endDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["end-date"]}]}],"startTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["start-time"]}]}],"endTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["end-time"]}]}],"zoneData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3},"arguments":["time-zone-data"]}]}],"labelData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["label-data"]}]}],"elementView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":["datesdiv"]}]}],"elementView1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":3},"arguments":["datesseconddiv"]}]}],"elementView2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":3},"arguments":["datesfirstdiv"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"generateData":[{"__symbolic":"method"}],"generateSlotTimeArr":[{"__symbolic":"method"}],"setSlots":[{"__symbolic":"method"}],"chkLabels":[{"__symbolic":"method"}],"setRange":[{"__symbolic":"method"}],"availableTimeTest":[{"__symbolic":"method"}],"setColorRangeTest":[{"__symbolic":"method"}],"chkMinMaxIndexTest":[{"__symbolic":"method"}],"getHourMinuteFormat":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"generateLegendArr":[{"__symbolic":"method"}],"initializeTimeArr":[{"__symbolic":"method"}],"generateTimeArr":[{"__symbolic":"method"}],"setTimeArr":[{"__symbolic":"method"}],"onSelection":[{"__symbolic":"method"}],"clearColorFlag":[{"__symbolic":"method"}],"onTimeBlockClick":[{"__symbolic":"method"}],"onUndoClick":[{"__symbolic":"method"}]}},"AmexioMediaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":27,"character":4},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"AmexioVideoPlayerComponent"},{"__symbolic":"reference","name":"ɵcr"}],"declarations":[{"__symbolic":"reference","name":"AmexioVideoPlayerComponent"},{"__symbolic":"reference","name":"ɵcr"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"IconLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AmexioMediaModule"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DeviceQueryService"}]}}}},"AmexioVideoPlayerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"amexio-video-player","template":"\n\n      <ng-container *ngIf=\"rederVideo\">\n      <video [style.width.px]=\"width\" controls>\n          <source [attr.src]=\"path\">\n          Your browser does not support HTML5 video.\n          <track label=\"English\" kind=\"captions\" srclang=\"en\" src=\"\" default>\n      </video>\n    </ng-container>\n  ","styles":["\n    video{width:100%;height:100%;background:#000}progress{color:#4682b4;font-size:12px;width:220px;height:16px;border:none;margin-right:10px;background:#434343;border-radius:9px;vertical-align:middle}progress::-moz-progress-bar{color:#4682b4;background:#434343}progress[value]::-webkit-progress-bar{background-color:#434343;border-radius:2px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25) inset;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}progress[value]::-webkit-progress-value{background-color:#4682b4}@media screen and (max-width:600px){video{border:1px solid #4682b4;width:98%;height:231px;background:#000}}\n  "]}]}],"members":{"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"extension":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"rederVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"videoPlayer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["videoRef"]}]}],"progressBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":["progressbar"]}]}],"volumebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["volumebar"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onVolumeChange":[{"__symbolic":"method"}],"updateMuteUI":[{"__symbolic":"method"}],"onPlay":[{"__symbolic":"method"}],"onTimeUpdate":[{"__symbolic":"method"}],"replayVideo":[{"__symbolic":"method"}],"resetPlayer":[{"__symbolic":"method"}],"onFullScreen":[{"__symbolic":"method"}],"onMute":[{"__symbolic":"method"}]}},"DisplayFieldService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"findValue":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"declarations":[{"__symbolic":"reference","name":"ɵb"}],"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"IconLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵa"},"providers":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"IconLoaderService"}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"base-contextmenu","template":"\n    <span [ngStyle]=\"contextStyle\"> \n        <ul class=\"context-menu-list\" [ngClass]=\"{'dropdown-up' : posixUp}\">\n            <li (click)=\"onContextNodeClick(itemConfig)\" class=\"context-menu-list-items\"\n             [ngStyle]=\"{'cursor': itemConfig.disabled ? 'not-allowed':'pointer'}\"\n                [ngClass]=\"{'context-menu-separator':itemConfig.seperator}\" *ngFor=\"let itemConfig of contextmenu\">\n                <em [ngStyle]=\"{'padding-left': itemConfig.icon ? '5px':'19px'}\" [ngClass]=\"itemConfig.icon\"></em>\n                <span style=\"white-space: nowrap;display: inline ; padding-left:5px\">{{itemConfig.text}}\n                </span>\n            </li>\n        </ul>\n    </span>\n  ","styles":["\n    .context-menu-list{display:block;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:180px;cursor:pointer;max-height:150px;z-index:1;padding:10px 0;overflow-y:auto;-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}\n  "]}]}],"members":{"isflagshow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["is-FlagShow"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["base-context-menu"]}]}],"posixUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["position-up"]}]}],"onRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"rightClickData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["right-click-data"]}]}],"mouseLocationLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["mouse-location-left"]}]}],"mouseLocationTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["mouse-location-top"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":58,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getContextMenuStyle":[{"__symbolic":"method"}],"onContextNodeClick":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":29,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"providers":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵc"},"providers":[{"__symbolic":"reference","name":"IconLoaderService"},{"__symbolic":"reference","name":"DisplayFieldService"}]}}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-display-field","template":"\n    {{rowData}}\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["data-index"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DisplayFieldService"}]}],"ngOnInit":[{"__symbolic":"method"}],"findDisplayValues":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"dropdown-list-item","template":"\n          <ul role=\"list\"  class=\"dropdown-list\">\n              <li role=\"listitem\" [ngClass]=\"{'list-items-selected': (i === highlightrow)}\" \n                   class=\"list-items\" \n                   [attr.valuefield]=\"item[valuefield]\" \n                   [attr.displayfield]=\"item[displayfield]\" \n                   *ngFor=\"let item of viewdata | async | filterpipe : displayfield : displayValue ; index as i\"  \n                  (mousedown)=\"onDropDownListClick(item)\"\n                  id=\"{{item.index}}\">\n                  <ng-container *ngIf=\"!template\">\n                      <div><amexio-display-field [data]=\"item\" [data-index]=\"displayfield\"></amexio-display-field></div>    \n                  </ng-container>\n\n                  <ng-container *ngIf=\"template\">\n                      <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ text : item }\">\n                      </ng-template>\n                  </ng-container>\n    \n              </li>\n          </ul>\n    "}]}],"members":{"viewdata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["data"]}]}],"highlightrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["highlight-row"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5},"arguments":["value-field"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5},"arguments":["display-field"]}]}],"displayValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5},"arguments":["display-value"]}]}],"itemclick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"onDropDownListClick":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"selectedItem":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":19,"character":1},"arguments":[{"name":"filterpipe"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1}}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-c-icon","template":"\n   <ng-container *ngIf=\"iconLoaderService.iconToUse == 'fa'\">\n\n   <ng-container *ngIf=\"customclass != null\">\n     <span [ngStyle]=\"{'color':color}\" class=\"{{customclass}}\" aria-hidden=\"true\"\n     (click)=\"onClick.emit($event)\">\n     <ng-container *ngIf=\"label != ''\">\n     <span class=\"font-with-label\" >\n     {{label}}</span>\n     </ng-container>\n     </span>\n   </ng-container>\n   <ng-container *ngIf=\"customclass == null\">\n     <span [ngStyle]=\"{'color':color}\" class=\"{{iconClass}}\" aria-hidden=\"true\"\n     (click)=\"onClick.emit($event)\">\n     <ng-container *ngIf=\"label != ''\">\n     <span class=\"font-with-label\">\n     {{label}}\n     </span>\n     </ng-container>\n     </span>\n   </ng-container>\n\n </ng-container>\n\n <ng-container *ngIf=\"iconLoaderService.iconToUse == 'mat'\">\n\n   <ng-container *ngIf=\"customclass != null\">\n     <i [ngStyle]=\"{'color':color}\" class=\"material-icons\"\n     (click)=\"onClick.emit($event)\">{{customclass}}</i>\n<ng-container *ngIf=\"label != ''\">\n     <span class=\"font-with-label\"> {{label}}</span>\n</ng-container>\n   </ng-container>\n\n   <ng-container *ngIf=\"customclass == null\">\n     <i [ngStyle]=\"{'color':color}\" class=\"material-icons\"\n     (click)=\"onClick.emit($event)\">{{iconClass}}</i>\n     <ng-container *ngIf=\"label != ''\">\n     <span class=\"font-with-label\"> {{label}}</span>\n     </ng-container>\n   </ng-container>\n\n\n </ng-container>\n  ","styles":["\n  .fa-2x,.fa-3x, .fa-4x, .fa-5x {\n    margin-top:0px!important;\n  }\n\n  "]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":1}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"customclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"faiconcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"IconLoaderService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getIconClass":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[amexioColorPalette]"}]}],"members":{"colorPalette":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["color-palette"]}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["amexio-color"]}]}],"gradient":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["gradient"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":16,"character":41},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":16,"character":80}]}],"ngOnInit":[{"__symbolic":"method"}],"getBGColorStyles":[{"__symbolic":"method"}],"getGradientStyles":[{"__symbolic":"method"}],"randomFloat":[{"__symbolic":"method"}],"randomInt":[{"__symbolic":"method"}],"getRandomNumber":[{"__symbolic":"method"}],"randomThemeCall":[{"__symbolic":"method"}],"vibrantThemeCall":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","members":{"enableLifeCycleEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5},"arguments":["enable-lifecycle-events"]}]}],"initiated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"minimizeWindow2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":18},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":39,"character":25}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"lifeCycleInit":[{"__symbolic":"method"}],"lifeCycleAfterViewInit":[{"__symbolic":"method"}],"lifeCycleDestroy":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}],"setFullScreen":[{"__symbolic":"method"}],"maxScreenChange":[{"__symbolic":"method"}],"minScreenChange":[{"__symbolic":"method"}],"exitHandler":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-layout-columns","template":"\n      <ng-content></ng-content>\n    ","styles":["\n    :host {\n        display: flex;\n    }\n  "]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5},"arguments":["orientation"]}]}],"responsiveMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5},"arguments":["responsive-mode"]}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5},"arguments":["alignment"]}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5},"arguments":["border"]}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["fit"]}]}],"orientationDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":5},"arguments":["style.flex-direction"]}]}],"justifyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":5},"arguments":["style.justify-content"]}]}],"borderstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":5},"arguments":["style.border"]}]}],"borderboxstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":53,"character":5},"arguments":["style.box-shadow"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":5},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"setLayoutDefination":[{"__symbolic":"method"}],"setorientation":[{"__symbolic":"method"}],"updateOrientation":[{"__symbolic":"method"}],"setAlignment":[{"__symbolic":"method"}],"setBorder":[{"__symbolic":"method"}],"setFit":[{"__symbolic":"method"}],"handleDeviceSettings":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"amexio-layout-item","template":"\n        <ng-content></ng-content>\n    "}]}],"members":{"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5},"arguments":["fit"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5},"arguments":["padding"]}]}],"flexgrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["style.flex-grow"]}]}],"lipadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["style.padding"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-text-input","template":"\n    <div class=\"inputgroup\">\n\n        <label *ngIf=\"haslabel\" role=\"input\" id=\"{{componentId}}\"  for=\"{{componentId}}\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n          {{fieldlabel}}\n      </label>\n        <input type=\"text\" \n\n            role=\"text\" \n            tabindex=\"1\"\n            id=\"{{componentId}}\" \n            name=\"textID\"\n            attr.aria-labelledby=\"{{componentId}}\"\n            aria-describedby=\"textDec\"\n            [attr.aria-required]=\"!allowblank\"\n            [attr.aria-invalid]=\"!isValid \"\n\n\n\n            class=\"input-control\" \n            [ngClass]=\"model.touched ? allowblank ? '' : (isValid && model.touched) ? 'input-control-success' : 'input-control-error' :''\" \n            [(ngModel)]=\"value\"\n            (blur)=\"onBlurEvent()\" \n            (focus)=\"onFocusEvent($event)\" \n            (input)=\"onInputTextEvent($event)\"\n            (change)=\"onChangeEvent($event)\"\n            [name]=\"name\" \n            [pattern]=\"regEx\" \n            [attr.placeholder]=\"placeholder\" \n            [maxlength]=\"maxlength\" \n            [minlength]=\"minlength\" \n            [attr.disabled]=\"disabled ? true: null\"\n            [required]=\"!allowblank\" />\n\n        <ng-container *ngIf=\"iconfeedback\">\n            <span class=\"input-control-feedback\">\n              <span *ngIf=\"!isValid && model.touched\"><em class=\"fa fa-times\"></em></span>\n            <span *ngIf=\"isValid && model.touched\"><em class=\"fa fa-check\"></em></span>\n            </span>\n        </ng-container>\n\n          <input-help *ngIf=\"showToolTip && enablepopover\" \n\n          id=\"textDec\"\n          role=\"tooltip\"\n\n          [error-msg]=\"errormsg\" \n          [max-error-msg]=\"maxerrormsg\"\n          [min-error-msg]=\"minerrormsg\"\n          [min-length]=\"minlength\"\n          [max-length]=\"maxlength\">\n          </input-help>\n   \n        <span class=\"inputfieldbar\"></span>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":80,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵl"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":82,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵl"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":84,"character":17},"member":"None"}}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["field-label"]}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["min-length"]}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["max-length"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3},"arguments":["allow-blank"]}]}],"minerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["min-error-msg"]}]}],"maxerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["max-error-msg"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["error-msg"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3},"arguments":["font-size"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3},"arguments":["has-label"]}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3},"arguments":["pattern"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["enable-popover"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":251,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":251,"character":13}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3},"arguments":["name"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":263,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":272,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":281,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":290,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"onInputTextEvent":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"members":{"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5},"arguments":["allow-blank"]}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5},"arguments":["min-length"]}]}],"minvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["min-value"]}]}],"maxvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5},"arguments":["max-value"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlurEvent":[{"__symbolic":"method"}],"onFocusEvent":[{"__symbolic":"method"}],"onInputEvent":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"eventPropagationText":[{"__symbolic":"method"}],"isFieldValid":[{"__symbolic":"method"}],"isFieldValidate":[{"__symbolic":"method"}],"onNumberInputEvent":[{"__symbolic":"method"}],"onEmailInputEvent":[{"__symbolic":"method"}],"isEmailFieldValid":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","arity":1,"members":{"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"generateName":[{"__symbolic":"method"}],"getRandomString":[{"__symbolic":"method"}],"createCompId":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-checkbox","template":"\n    <div [attr.aria-checked]=\"value\" class=\"inputgroup form-group\" [ngClass]=\"{'checkbox-disable' : disabled}\">\n        <label for=\"{{componentId}}\" class=\"input-box-container\">\n            <input\n            id=\"{{componentId}}\" type=\"checkbox\" style=\"top:0; left:0\"\n            [attr.checked]=\"value ? true: null\"\n             tabindex=\"1\"\n            (input)=\"onInput()\" \n            (click)=\"onClick()\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            [attr.disabled] = \"disabled ? true: null\"\n            [attr.aria-disabled]=\"disabled\"\n            [(ngModel)]=\"value\"\n            [attr.aria-required]=\"required\"\n            [required]=\"required\" >\n            {{fieldlabel}}\n            <span class=\"input-box-checkbox-label\" [ngClass]=\"{'focusOnCheckbox':tabFocus}\">\n            </span>\n          </label>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":50,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵo"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":52,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵo"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["field-label"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["name"]}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":112,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"generateName":[{"__symbolic":"method"}],"getRandomString":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","members":{"createCompId":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-dropdown","template":"\n    <div class=\"inputgroup\" #rootDiv (keyup.esc)=\"closeOnEScape($event)\">\n\n        <label id=\"fieldlabel\" for=\"input\" *ngIf=\"haslabel\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n        {{fieldlabel}}\n      </label>\n\n        <input type=\"hidden\" [ngModel]=\"value\" (ngModelChange)=\"onChange($event)\" #inp=\"ngModel\" />\n        <input id=\"{{componentId}}\" tabindex=\"1\" aria-autocomplete=\"list\" role=\"combobox\" [attr.aria-expanded]=\"showToolTip\" [attr.aria-activedescendant]=\"\" type=\"text\" class=\"input-control\" [value]=\"displayValue\" [ngClass]=\"{'input-control-error' : inp.invalid && !displayValue && (inp.dirty || inp.touched),\n             'input-control-success' : inp.valid && displayValue && (inp.dirty || inp.touched)}\" (input)=\"onInput(inp)\" (blur)=\"onblur($event)\" (focus)=\"onFocus(rootDiv)\" (click)=\" onDropDownClick($event)\" [attr.placeholder]=\"placeholder\" [readonly]=\"readonly ? true : null\"\n            [attr.disabled]=\"disabled ? true: null\" [required]=\"!allowblank\" (keyup.end)=\"focusToLast($event)\" (keyup)=\"onDropDownSearchKeyUp($event)\" (keyup.enter)=\"closeOnEScape($event)\" (keydown)=\"navigateKey($event)\" />\n\n        <span class=\"drodown-caret-down\" role=\"listbox\" [attr.aria-expanded]=\"showToolTip\" (click)=\"onIconClick()\">\n        <amexio-c-icon key=\"dropdown_caret\" *ngIf=\"!maskloader\"></amexio-c-icon>\n        <em class=\"fa fa-spinner fa-spin\" *ngIf=\"maskloader\"></em>\n      </span>\n\n        <span #dropdownitems class=\"dropdown\" [ngClass]=\"{'dropdown-up' : posixUp}\" [ngStyle]=\"dropdownstyle\">\n        <ul aria-labelledby=\"fieldlabel\" aria-haspopup=\"listbox\" class=\"dropdown-list\">\n\n          <li role=\"option\" tabindex=\"1\" class=\"list-items\" [ngClass]=\"{'list-items-selected':item.selected}\" *ngFor=\"let item of filteredOptions\"\n            id=\"{{item.index}}\"  (mousedown)=\"onItemSelect(item)\">\n            <ng-container *ngIf=\"bodyTemplate\">\n              <ng-template [ngTemplateOutlet]=\"bodyTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { text : row }, row: item }\">\n              </ng-template>\n            </ng-container>\n            <ng-container *ngIf=\"!bodyTemplate\">\n              <span>\n                <amexio-display-field [data]=\"item\" [data-index]=\"displayfield\"></amexio-display-field>\n              </span>\n\n        </ng-container>\n        <span style=\"float : right\">{{item?.checked ? '&#10004;': ''}}</span>\n        </li>\n    \n        <ng-template *ngIf=\"filteredOptions && (filteredOptions.length < 1)\">\n            <li class=\"list-items\">No Options</li>\n        </ng-template>\n        </ul>\n        <ng-content></ng-content>\n        </span>\n        <span class=\"inputfieldbar\"></span>\n    </div>\n    <span *ngIf=\"showToolTip && enablepopover\" class=\"tooltiptext\">\n      <div [innerHTML]=\"helpInfoMsg\"></div>\n    </span>\n\n    <span *ngIf=\"iconfeedback && (inp.invalid && (inp.dirty || inp.touched) || inp.valid)\" class=\"input-control-feedback\">\n      <span *ngIf=\"inp.invalid && (inp.dirty || inp.touched)\">&#9888;</span>\n    <span *ngIf=\"inp.valid && (inp.dirty || inp.touched)\"> &#10004;</span>\n\n    </span>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":81,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":82,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":82,"character":23},"arguments":[{"max-height":"200px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":85,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":85,"character":22},"arguments":[{"max-height":"0px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":88,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":88,"character":25},"arguments":["200ms"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":92,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵq"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":94,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵq"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["field-label"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["allow-blank"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["data"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["value-field"]}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}}]}],"multiselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3},"arguments":["multi-select"]}]}],"dropdownitems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":215,"character":3},"arguments":["dropdownitems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":215,"character":38}}]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":228,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":237,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":246,"character":3}}]}],"onSingleSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":255,"character":3}}]}],"onMultiSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":265,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":274,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":283,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":291,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":299,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":308,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":317,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":326,"character":3},"arguments":["font-size"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":335,"character":3},"arguments":["has-label"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":344,"character":3},"arguments":["enable-popover"]}]}],"enablesort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":346,"character":3},"arguments":["enable-sort"]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":348,"character":3},"arguments":["sort"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":357,"character":3},"arguments":["error-msg"]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":362,"character":3},"arguments":["amexioBodyTmpl"]}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":376,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":377,"character":3},"arguments":["name"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","name":"DisplayFieldService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":379,"character":109},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":380,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":380,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setResponseData":[{"__symbolic":"method"}],"sortDataAscending":[{"__symbolic":"method"}],"sortDataDescending":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"multiSelection":[{"__symbolic":"method"}],"setUserSelection":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"setMultiSelectData":[{"__symbolic":"method"}],"navigateKey":[{"__symbolic":"method"}],"getDisplayText":[{"__symbolic":"method"}],"setMultiSelect":[{"__symbolic":"method"}],"onDropDownClick":[{"__symbolic":"method"}],"generateScroll":[{"__symbolic":"method"}],"focusToLast":[{"__symbolic":"method"}],"closeOnEScape":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onDropDownSearchKeyUp":[{"__symbolic":"method"}],"navigateUsingKey":[{"__symbolic":"method"}],"navigateFilterOptions":[{"__symbolic":"method"}],"toNavigateFirstAndLastOption":[{"__symbolic":"method"}],"onblur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"writeChangedValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onIconClick":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵn"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":27,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":60},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":84}]}],"onBaseFocusEvent":[{"__symbolic":"method"}],"onBaseBlurEvent":[{"__symbolic":"method"}],"onBaseItemClicked":[{"__symbolic":"method"}],"bindDocumentClickListener":[{"__symbolic":"method"}],"handleDocumentListener":[{"__symbolic":"method"}],"clearClicks":[{"__symbolic":"method"}],"unbindDocumentClickListener":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵt"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"amexio-typeahead","template":"\n\n\n    <div class=\"inputgroup form-group\" (keyup.esc) =\"closeOnEScapeKey($event)\">\n\n      <label  id=\"fieldlabel\" for=\"{{componentId}}\"  *ngIf=\"haslabel\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n        {{fieldlabel}}\n      </label>\n\n      <input type=\"hidden\"  [(ngModel)]=\"value\" [name]=\"name\" #model=\"ngModel\" required (ngModelChange)=\"onChange($event)\">\n  \n      <div class=\"input-container\" >\n              <input \n                      id=\"{{componentId}}\"\n                      aria-autocomplete=\"list\"\t\n                      role=\"combobox\"\n                      [(ngModel)]=\"value\"\n                      [attr.aria-expanded]=\"ariaListExpand\"\n                      type=\"text\" class=\"input-control\"\n                      [ngClass]=\"{'input-control-error': ((model.dirty || model.touched || (value && value.length>0)) && !model.valid),\n                      'input-disabled' : disabled}\"\n                      [required]=\"!allowblank\" \n                      [value]=\"displayValue\"\n                      [attr.placeholder]=\"placeholder\"\n                      [attr.disabled] = \"disabled ? true: null\"\n                      (focus)=\"focus($event)\"\n                      (input)=\"input($event)\"\n                      (keyup)=\"keyup($event)\"\n                      (blur)=\"blur($event)\"\n                      (keyup.end)=\"focustoLast()\"\n                      />\n              <em *ngIf=\"(iconfeedback && (model.dirty || model.touched) && model.valid)\" class=\"fa fa-check\"></em>\n              <em *ngIf=\"(iconfeedback && (model.dirty || model.touched) && !model.valid)\" class=\"fa fa-times icon-error\"></em>\n      </div>\n  \n      <dropdown-list-item [@changeState]=\"dropdownstyle.visibility\" class=\"dropdown\" [ngStyle]=\"dropdownstyle\"  \n                          [data]=\"viewdata\" [display-field]=\"displayfield\" [value-field]=\"valuefield\" \n                          [highlight-row]=\"rowindex\" [display-value]=\"displayValue\" \n                          (itemclick)=\"onDropDownListItemClick($event)\">\n      </dropdown-list-item>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":78,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":79,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":79,"character":23},"arguments":[{"max-height":"200px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":82,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":82,"character":22},"arguments":[{"max-height":"0px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":85,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":85,"character":25},"arguments":["200ms"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":89,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵs"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":93,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵs"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3},"arguments":["field-label"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3},"arguments":["has-label"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3},"arguments":["data"]}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["key"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3},"arguments":["allow-blank"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["value-field"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["place-holder"]}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3},"arguments":["font-size"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["enable-popover"]}]}],"triggerchar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3},"arguments":["trigger-char"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":198,"character":3}}]}],"onInputOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":200,"character":3},"arguments":["input"]}]}],"onFocusOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":202,"character":3},"arguments":["focus"]}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":204,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":206,"character":3}}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":208,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":210,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":210,"character":13}]}]}],"dropdownlist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":212,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":217,"character":3},"arguments":["amexioBodyTmpl"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DisplayFieldService"},{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":237,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":237,"character":81},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":237,"character":96}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"closeOnEScapeKey":[{"__symbolic":"method"}],"input":[{"__symbolic":"method"}],"focustoLast":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"keyup":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"onDropDownListItemClick":[{"__symbolic":"method"}],"setAriaActiveDescendant":[{"__symbolic":"method"}],"setScrollToList":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}],"initComponent":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵu"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":61},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":85}]}],"onFocusEvent":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"itemClicked":[{"__symbolic":"method"}],"bindDocumentClickListener":[{"__symbolic":"method"}],"handleDocumentListener":[{"__symbolic":"method"}],"clearClicks":[{"__symbolic":"method"}],"unbindDocumentClickListener":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵn"},"members":{"onBaseInputFocus":[{"__symbolic":"method"}],"onBaseInput":[{"__symbolic":"method"}],"onBlur2":[{"__symbolic":"method"}],"onBaseInputChange":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validateOnInit":[{"__symbolic":"method"}],"isVali1d":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"input-help","template":"\n      <div  class=\"input-helper dropdown tooltiptext\">\n          <div *ngIf=\"minmsg\">\n              {{minmsg}}\n          </div>\n          <div *ngIf=\"maxmsg\">\n              {{maxmsg}}\n          </div>\n          <div *ngIf=\"errormsg\">\n              {{errormsg}}\n          </div>\n          <div *ngIf=\"!isNumberComponent && minerrormsg\">\n              <strong>Min Length:</strong> {{minerrormsg}} \n          </div>\n          <div *ngIf=\"!isNumberComponent && maxerrormsg\">\n              <strong>Max Length: </strong> {{maxerrormsg}} \n          </div> \n          <div *ngIf=\"isNumberComponent && minvalue && minvalue >0 && minerrormsg\">\n              <strong>Min Value:</strong> {{minerrormsg}} \n          </div>\n          <div *ngIf=\"isNumberComponent && maxvalue && maxvalue >0 && maxerrormsg\">\n              <strong>Max Value:</strong> {{maxerrormsg}} \n          </div>\n  \n      </div>\n    ","styles":["\n      .input-helper{overflow:auto;position:absolute;width:100%;max-height:200px;-webkit-box-shadow:0 1px 3px 0 #ced4da;box-shadow:0 1px 3px 0 #ced4da}\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5},"arguments":["min-length"]}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5},"arguments":["max-length"]}]}],"minvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5},"arguments":["min-value"]}]}],"maxvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5},"arguments":["max-value"]}]}],"isNumberComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5},"arguments":["is-number"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5},"arguments":["error-msg"]}]}],"minmsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5},"arguments":["min-msg"]}]}],"maxmsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5},"arguments":["max-msg"]}]}],"minerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5},"arguments":["min-error-msg"]}]}],"maxerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5},"arguments":["max-error-msg"]}]}],"createHelpMsg":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-email-input","template":"\n\n    <div class=\"inputgroup\">\n\n      <label *ngIf=\"hasLabel\"  role=\"email\" for=\"{{componentId}}\" id=\"{{componentId}}\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n        {{fieldlabel}}\n      </label> \n\n      <input type=\"email\" \n\n            role=\"email\" \n            tabindex=\"1\"\n            id=\"{{componentId}}\" \n            name=\"emailText\"\n            attr.aria-labelledby=\"{{componentId}}\"\n            aria-describedby=\"emailDes\"\n            [attr.aria-disabled]=\"disabled ? true: null\"\n            [attr.aria-required]=\"!allowblank\"\n            [attr.aria-invalid]=\"!isValid \"\n\n\n\n        \n             class=\"input-control\"\n             [ngClass]=\"model.touched ? allowblank ? '' : (isValid && model.touched) ? 'input-control-success' : 'input-control-error' :''\"\n             [(ngModel)]=\"value\"\n             (blur)=\"onBlurEvent()\"\n             (focus)=\"onFocusEvent($event)\"\n             (input)=\"onEmailInputEvent($event)\"\n             (change)=\"onChangeEvent($event)\"\n             [name]=\"name\"\n             [pattern]=\"regEx\"\n             [attr.placeholder]=\"placeholder\"\n             [attr.disabled] = \"disabled ? true: null\"\n             [required]=\"!allowblank\"/>\n\n             <ng-container *ngIf=\"iconfeedback\">\n              <span class=\"input-control-feedback\">\n                  <span *ngIf=\"!isValid && model.touched\"><em class=\"fa fa-times\"></em></span>\n                  <span *ngIf=\"isValid && model.touched\"><em class=\"fa fa-check\"></em></span>\n              </span>\n          </ng-container>\n    \n          <input-help *ngIf=\"showToolTip && enablepopover\"\n          id=\"emailDes\" \n          role=\"tooltip\"\n          [error-msg]=\"errormsg\">\n          </input-help>\n     \n          <span class=\"inputfieldbar\"></span>\n        </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":77,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵw"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":79,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵw"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["field-label"]}]}],"hasLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["has-label"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["allow-blank"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":111,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":111,"character":13}]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["font-size"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["error-msg"]}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3},"arguments":["pattern"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3},"arguments":["enable-popover"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3},"arguments":["name"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-number-input","template":"\n\n\n\n    <div class=\"inputgroup\">\n\n      <label *ngIf=\"haslabel\" role=\"number\"  id=\"{{componentId}}\"  [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n          {{fieldlabel}}\n      </label>\n\n      <input type=\"number\" \n\n\n            role=\"number\"\n            tabindex=\"1\"\n       \n            aria-describedby=\"numberDes\"\n            attr.aria-labelledby=\"{{componentId}}\"\n            [attr.aria-required]=\"!allowblank\"\n            [attr.aria-invalid]=\"!isValid \"\n            (keyup.home)=\"onKeyUpHome($event)\"\n            (keyup.end)=\"onKeyUpEnd($event)\"\n\n\n\n             class=\"input-control\"\n             [ngClass]=\"model.touched ? allowblank ? '' : (isValid && model.touched) ? 'input-control-success' : 'input-control-error' :''\"\n             [(ngModel)]=\"value\"\n             (blur)=\"onBlurEvent()\" \n             (focus)=\"onFocusEvent($event)\" \n             (input)=\"onNumberInputEvent($event)\" \n             (change)=\"onChangeEvent($event)\"\n             [name]=\"name\" \n             [pattern]=\"regEx\"\n             [attr.placeholder]=\"placeholder\" \n             [attr.max]=\"maxvalue\" \n             [attr.min]=\"minvalue\" \n             [attr.disabled]=\"disabled ? true: null\"\n             [required]=\"!allowblank\" />\n\n\n      <ng-container *ngIf=\"iconfeedback\">\n          <span class=\"input-control-feedback\">\n              <span *ngIf=\"!isValid && model.touched\"><em class=\"fa fa-times\"></em></span>\n              <span *ngIf=\"isValid && model.touched\"><em class=\"fa fa-check\"></em></span>\n          </span>\n      </ng-container>\n\n      <input-help *ngIf=\"showToolTip && enablepopover\"\n\n      id=\"numberDes\"\n      role=\"tooltip\"\n\n      [error-msg]=\"errormsg\" \n      [max-error-msg]=\"maxerrormsg\"\n      [min-error-msg]=\"minerrormsg\"\n      [min-value]=\"minvalue\"\n      [max-value]=\"maxvalue\"\n      [is-number]=\"true\"\n      >\n      </input-help>\n  \n      <span class=\"inputfieldbar\"></span>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":90,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵx"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":92,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵx"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3},"arguments":["field-label"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3},"arguments":["allow-blank"]}]}],"minerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["min-error-msg"]}]}],"maxerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["max-error-msg"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["error-msg"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":191,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":200,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":209,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":229,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3},"arguments":["font-size"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["has-label"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3},"arguments":["name"]}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3},"arguments":["pattern"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":278,"character":3},"arguments":["enable-popover"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":280,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":280,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onKeyUpHome":[{"__symbolic":"method"}],"onKeyUpEnd":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-password-input","template":"\n    <div class=\"inputgroup\">\n\n        <label *ngIf=\"haslabel\" role=\"password\" id=\"{{componentId}}\" for=\"{{componentId}}\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\"\n            [style.font-size]=\"fontsize\">\n            {{fieldlabel}}\n        </label>\n\n        <input type=\"{{type}}\" role=\"password\" tabindex=\"1\" id=\"{{componentId}}\" name=\"passwordText\" attr.aria-labelledby=\"{{componentId}}\"\n            aria-describedby=\"passwordDec\" [attr.aria-required]=\"!allowblank\" [attr.aria-invalid]=\"!isValid \" class=\"input-control\"\n            [ngClass]=\"model.touched ? allowblank ? '' : (isValid && model.touched) ? 'input-control-success' : 'input-control-error' :''\"\n            [(ngModel)]=\"value\" (blur)=\"onBlurEvent()\" (focus)=\"onFocusEvent($event)\" (input)=\"onInputPasswordEvent($event)\" (change)=\"onChangeEvent($event)\"\n            [name]=\"name\" [pattern]=\"regEx\" [attr.placeholder]=\"placeholder\" [maxlength]=\"maxlength\" [minlength]=\"minlength\" [attr.disabled]=\"disabled ? true: null\"\n            [required]=\"!allowblank\" />\n\n\n  \n        <ng-container *ngIf=\"showpassword\">\n            <span *ngIf=\"show\" style=\"cursor:pointer\" (click)=\"toggleShow()\" class=\"input-control-eye\">\n                <span>\n                    <em class=\"fa fa-eye\"></em>\n                </span>\n            </span>\n            <span *ngIf=\"!show\" style=\"cursor:pointer\" (click)=\"toggleShow()\" class=\"input-control-eye\">\n                <span>\n                    <em class=\"fa fa-eye-slash\"></em>\n                </span>\n            </span>\n        </ng-container>\n        <ng-container *ngIf=\"iconfeedback\">\n            <span class=\"input-control-feedback\">\n                <span *ngIf=\"!isValid && model.touched\">\n                    <em class=\"fa fa-times\"></em>\n                </span>\n                <span *ngIf=\"isValid && model.touched\">\n                    <em class=\"fa fa-check\"></em>\n                </span>\n            </span>\n        </ng-container>\n\n        <input-help *ngIf=\"showToolTip && enablepopover\" id=\"passwordDec\" role=\"tooltip\" [error-msg]=\"errormsg\" [max-error-msg]=\"maxerrormsg\"\n            [min-error-msg]=\"minerrormsg\" [min-length]=\"minlength\" [max-length]=\"maxlength\">\n        </input-help>\n\n        <span class=\"inputfieldbar\"></span>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":72,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵy"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":74,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵy"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["field-label"]}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["min-length"]}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["max-length"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["allow-blank"]}]}],"minerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["min-error-msg"]}]}],"maxerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["max-error-msg"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3},"arguments":["error-msg"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3},"arguments":["font-size"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3},"arguments":["has-label"]}]}],"showpassword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":3},"arguments":["show-password"]}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":233,"character":3},"arguments":["pattern"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["enable-popover"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":257,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":257,"character":13}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":258,"character":3},"arguments":["name"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"onInputPasswordEvent":[{"__symbolic":"method"}],"toggleShow":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-textarea-input","template":"\n\n    <div class=\"inputgroup\">\n\n      <label *ngIf=\"haslabel\" role=\"textarea\" for=\"{{componentId}}\" id=\"{{componentId}}\"  [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n        {{fieldlabel}}\n      </label>\n \n      <textarea type=\"text\"\n\n            role=\"text\" \n            tabindex=\"1\"\n            id=\"{{componentId}}\" \n            name=\"areaText\"\n            attr.aria-labelledby=\"{{componentId}}\"\n            aria-describedby=\"textAreaDes\"\n            aria-multiline=\"true\"\n            [attr.aria-required]=\"!allowblank\"\n            [attr.aria-invalid]=\"!isValid \"\n\n         \n\n             class=\"input-control\"\n             [(ngModel)]=\"value\"\n             [ngClass]=\"model.touched ? allowblank ? '' : (isValid && model.touched) ? 'input-control-success' : 'input-control-error' :''\" \n             (blur)=\"onBlurEvent()\"\n             (focus)=\"onFocusEvent($event)\"\n             (input)=\"onInputEvent($event)\"\n             (change)=\"onChangeEv($event)\"\n             [name]=\"name\"\n             [pattern]=\"regEx\"\n             [attr.placeholder]=\"placeholder\"\n             [attr.rows]=\"rows\"\n             [attr.cols]=\"columns\"\n             [attr.disabled] = \"disabled ? true: null\"\n             [required]=\"!allowblank\">\n      </textarea>\n\n      <ng-container *ngIf=\"iconfeedback\">\n          <span class=\"input-control-feedback\">\n            <span *ngIf=\"!isValid && model.touched\"><em class=\"fa fa-times\"></em></span>\n          <span *ngIf=\"isValid && model.touched\"><em class=\"fa fa-check\"></em></span>\n          </span>\n      </ng-container>\n\n      <input-help *ngIf=\"showToolTip && enablepopover\" \n            id=\"textAreaDes\"\n            role=\"tooltip\"\n            [error-msg]=\"errormsg\"\n            [max-error-msg]=\"maxerrormsg\"\n            [min-error-msg]=\"minerrormsg\" >\n      </input-help>\n\n      <span class=\"inputfieldbar\"></span>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":80,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵz"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":82,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵz"},"multi":true}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["field-label"]}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3},"arguments":["allow-blank"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":140,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":158,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":167,"character":3}}]}],"minerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3},"arguments":["min-error-msg"]}]}],"maxerrormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["max-error-msg"]}]}],"errormsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["error-msg"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3},"arguments":["font-size"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":258,"character":3},"arguments":["has-label"]}]}],"pattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":275,"character":3},"arguments":["pattern"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":290,"character":3},"arguments":["enable-popover"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":3},"arguments":["name"]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":294,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":294,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onBlurEvent":[{"__symbolic":"method"}],"onFocusEvent":[{"__symbolic":"method"}],"onInputEvent":[{"__symbolic":"method"}],"onChangeEv":[{"__symbolic":"method"}],"eventPropagation":[{"__symbolic":"method"}],"isFieldValid":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-toggle","template":"\n    <div id=\"{{componentId}}\" class=\"inputgroup\">\n      {{fieldlabel}}\n\n\n      <label role=\"switch\" attr.aria-labelledby=\"{{componentId}}\" [attr.aria-checked]=\"checked\" tabindex=\"1\" for=\"{{toggleId}}\"\n        [ngClass]=\"{smallToggle:(size == 'small' && type != 2),\n        smallType2Toggle:(size == 'small' && type == 2),\n\n        mediumToggle:(size == 'medium' && type != 2),\n        mediumType2Toggle:(size == 'medium' && type == 2),\n\n        largeToggle:(size == 'large' && type != 2),\n        largeType2Toggle:(size == 'large' && type == 2)\n\n    }\"\n        (keyup.space)=\"onEventFilter($event)\">\n\n        <input id=\"{{toggleId}}\" type=\"checkbox\" style=\"top:0; left:0;display: none;\" [attr.checked]=\"checked\" data-check-switch=\"\"\n          [attr.aria-required]=\"required\" #rangeHndl [(ngModel)]=\"value\" (blur)=\"onBlur()\" [attr.aria-checked]=\"checked\"\n          (change)=\"onToggle()\">\n        <span class=\"toggle-slider {{shape}}\" [ngClass]=\"\n        {\n          smallToggleSlider :(size == 'small' && type != 2),\n          smallType2ToggleSlider :(size == 'small' && type == 2),\n\n         mediumToggleSlider : (size == 'medium' && type !=2),\n         mediumType2ToggleSlider : (size == 'medium' && type ==2),\n\n         largeToggleSlider : (size == 'large' && type !=2),\n         largeType2ToggleSlider : (size == 'large' && type ==2)\n      }\">\n\n        </span>\n      </label>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":66,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵba"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":68,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵba"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":70,"character":17},"member":"None"}}]}],"members":{"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["field-label"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["size"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["type"]}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"onEventFilter":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-rating-input","template":"\n    <div tabindex=\"1\" role=\"radiogroup\" attr.aria-labelledby=\"{{componentId}}\" class=\"inputgroup\">\n      <ng-container *ngIf=\"fieldlabel\">\n        <legend id=\"{{componentId}}\">\n          {{fieldlabel}}\n        </legend>\n      </ng-container>\n\n      <div (mouseleave)=\"resetHovered()\" class=\"rating\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n        <span *ngFor=\"let item of ratingRangeData; let index = index\">\n          <input (keyup.space)=\"rate1(index)\" style=\"top:0; left:0; position: absolute;\n            opacity: 0;\n            cursor: pointer;\"\n            value=\"{{model}}\" id=\"{{starId}}{{index}}\" [attr.aria-checked]=\"item.selected\" type=\"radio\" name=\"rating\" role=\"radio\">\n\n          <label for=\"{{starId}}{{index}}\" style=\"display: inline-flex;\">\n            <em [ngStyle]=\"{'cursor': readonly ? 'not-allowed' : 'pointer'}\" role=\"tooltip\" [attr.tabindex]=\"item.tabindex\"\n              (mouseenter)=\"setHovered(item.number)\" attr.aria-label=\"Star {{index+1}}\" (click)=\"rate(item.number)\"\n              [attr.data-icon]=\"fullicon\" class=\"{{ iconclass }} half{{(item.selected? 100 : 0) }}\" [title]=\"titles[index] || item.number\">{{\n              emptyicon }}</em>\n          </label>\n\n        </span>\n      </div>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":51,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵbb"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":56,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵbb"},"multi":true}]}]}],"members":{"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["icon-class"]}]}],"fullicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["full-icon"]}]}],"emptyicon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["empty-icon"]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["read-only"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"float":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["field-label"]}]}],"titles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":178,"character":3}}]}],"onLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":187,"character":3}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"calculateWidth":[{"__symbolic":"method"}],"setHovered":[{"__symbolic":"method"}],"changeHovered":[{"__symbolic":"method"}],"resetHovered":[{"__symbolic":"method"}],"rate":[{"__symbolic":"method"}],"rate1":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}],"ratingMethod":[{"__symbolic":"method"}],"buildRanges":[{"__symbolic":"method"}],"range":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbd"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-btn-dropdown","template":"\n    <div class=\"button-group\" #rootDiv>\n        <button id={{componentId}} role=\"button\" aria-haspopup=\"true\" aria-label=\"\" [attr.aria-expanded]=\"openContent\" tabindex=\"1\"\n            aria-controls=\"menulist\" class=\"button-dropdown-main\" (blur)=\"onblur($event)\" (click)=\"onClick(rootDiv)\" (keyup.enter)=\"onEnterClick(rootDiv)\"\n            (keyup.esc)=\"onClickEscape(rootDiv)\" (keyup.end)=\"onEndClick()\" (keyup.home)=\"onHomeClick()\" (keyup.space)=\"onSpaceClick(rootDiv)\"\n            (keyup.arrowdown)=\"onclickDown(rootDiv)\" (keyup.arrowup)=\"onclickUp(rootDiv)\" #btnRef [ngClass]=\"{'button-default': size=='default' || size ==null,\n                'button-small': size=='small',\n                'button-large' : size=='large',\n                'button-primary' : type == 'primary' || type == null || type == 'theme-color',\n                'button-success' : type == 'success' || type == 'green',\n                'button-danger' : type=='danger' || type == 'red',\n                'button-warning' : type=='warning' ||  type == 'yellow'}\">\n            <amexio-c-icon style=\"float:right;\" key=\"button_caret-down\"></amexio-c-icon>\n            <span [attr.disabled]=\"disabled ? true: null\">{{label}} &nbsp;&nbsp;</span>\n        </button>\n        <div class=\"button-dropdown\" role=\"menu\" [ngClass]=\"{'button-dropdown-up' : posixUp}\" [@changeState]=\"dropdownstyle.visibility\"\n            [ngStyle]=\"dropdownstyle\">\n            <div id=\"{{itemData.index}}\" role=\"option\" tabindex=\"1\" *ngFor=\"let itemData of dropdownItemData let index = index\">\n                <div [ngClass]=\"{'button-default': size=='default' || size ==null,'button-small': size=='small','button-large' : size=='large'}\">\n                    <div [ngStyle]=\"{'cursor': itemData.disabled ? 'not-allowed':'pointer'}\" (mousedown)=\"btnItemClick($event,itemData)\">\n                        <amexio-c-icon style=\"padding-right: 5px;\" [customclass]=\"itemData.iconStyleClass\"></amexio-c-icon>\n                        <span [ngClass]=\"{'button-group-list-items':itemData.selected}\" [attr.disabled]=\"itemData.disabled ? true: null\">{{itemData.label}}&nbsp;&nbsp;</span>\n                        <ng-container *ngIf=\"itemData.badge\">\n                            <span class=\"btn-dropdown-badge\">{{itemData.badge}}</span>\n                        </ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":60,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":61,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":61,"character":23},"arguments":[{}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":63,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":22},"arguments":[{"height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":66,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":66,"character":25},"arguments":["200ms"]}]}]]}]}]}],"members":{"btnReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":["btnRef"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":85,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbe"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["buttonGroupLocalData"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["badge"]}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":147,"character":3}}]}],"getLinkData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":156,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":166,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":166,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":166,"character":58}]}],"ngOnInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createDropdownItemConfig":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onEnterClick":[{"__symbolic":"method"}],"onClickEscape":[{"__symbolic":"method"}],"onSpaceClick":[{"__symbolic":"method"}],"onHomeClick":[{"__symbolic":"method"}],"onHomeClickSelected":[{"__symbolic":"method"}],"onEndClick":[{"__symbolic":"method"}],"onEndClickSelected":[{"__symbolic":"method"}],"onclickDown":[{"__symbolic":"method"}],"onclickUp":[{"__symbolic":"method"}],"onClickUpSelected":[{"__symbolic":"method"}],"findbuttonindex":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"onblur":[{"__symbolic":"method"}],"btnItemClick":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵr"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":31,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":60},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":85}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-btn-dropdown-item","template":""}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":1},"arguments":["badge"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"onClickRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"onItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-btn-split-dropdown","template":"\n    <div class=\"dropdown-button\" [ngStyle]=\"getBackgroundColor()\">\n      <button class=\"button\" [attr.disabled]=\"disabled ? true: null\"\n              [ngClass]=\"{'button-default': size=='default' || size ==null,\n              'button-small': size=='small','button-large' : size=='large',\n              'button-primary' : type == 'primary' || type == null,\n              'button-success' : type == 'success',' button-danger' : type=='danger',\n              'button-warning' : type=='warning'}\">\n        {{label}}\n      </button>\n      <button class=\"button\"\n              [ngClass]=\"{'button-default': size=='default' || size ==null,\n              'button-small': size=='small',\n              'button-large' : size=='large',\n              'button-primary' : type == 'primary' || type == null || type == 'theme-color',\n              'button-success' : type == 'success' || type == 'green',\n              'button-danger' : type=='danger' || type == 'red',\n              'button-warning' : type=='warning' ||  type == 'yellow'}\">\n              (click)=\"onClick()\"><i class=\"fa fa-chevron-down\" aria-hidden=\"true\"></i></button>\n      <div class=\"dropdown-button-content\" [ngStyle]=\"{'display' : openContent ? 'block' : 'none'}\">\n        <ul class=\"dropdown-list\">\n          <ng-container *ngFor=\"let itemData of dropdownItemData\">\n            <li class=\"list-items\" [ngClass]=\"{'disabled':itemData.disabled}\" (click)=\"itemClick($event,itemData)\">\n            <ng-container *ngIf=\"itemData.icon!=null\">\n              <!--<i [class]=\"itemData.iconStyleClass\" aria-hidden=\"true\"></i>-->\n              <amexio-c-icon style=\"padding-right: 5px;\" [customclass]=\"itemData.iconStyleClass\"></amexio-c-icon>\n            </ng-container>{{itemData.label}}\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n    </div>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":1},"arguments":["badge"]}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":76,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbe"}]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createDropdownItemConfig":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}],"getBackgroundColor":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-checkbox-group","template":"\n    <div role=\"group\"\n         attr.aria-labelledby=\"{{componentId}}\"\n         [attr.aria-required]=\"required\" \n         tabindex=\"0\"\n         class=\"inputgroup form-group\">\n        <div *ngIf=\"fieldlabel\">\n            <legend id=\"{{componentId}}\">{{fieldlabel}}</legend>\n        </div>  \n\n        <div *ngIf=\"horizontal\" style=\"display: inline-flex; flex-direction :row;\">\n            <checkbox *ngFor=\"let data of viewdata | async\" [checked]=\"data.checked\" [value]=\"data\" [disabled]=\"data?.disabled || disabled\" [label]=\"data[displayfield]\">\n            </checkbox>    \n        </div>\n\n        <div *ngIf=\"!horizontal\" style=\"display: inline-flex;flex-direction :column;\">\n            <checkbox *ngFor=\"let data of viewdata | async\" [checked]=\"data.checked\" [value]=\"data\" [disabled]=\"data?.disabled || disabled\" [label]=\"data[displayfield]\">\n            </checkbox>\n        </div>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":48,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbg"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":49,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbg"},"multi":true}]}]}],"members":{"horizontal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["data"]}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["field-label"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3},"arguments":["value-field"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3},"arguments":["required"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3},"arguments":["name"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3},"arguments":["http-url"]}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":156,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getResponseData":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"emitData":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"checkbox","template":"\n    <label [attr.aria-checked]=\"checked\"\n           for=\"{{componentId}}\"\n           class=\"input-box-container\" \n           [ngClass]=\"{'disable-component' : disabled || disabled}\">\n    {{label}}\n    <input type=\"checkbox\"  \n           style=\"top:0; left:0\"\n           class=\"form-control\" \n           [attr.tabindex]=\"disabled ? -1 : 0\"\n           id=\"{{componentId}}\"\n           (focus)=\"onFocus()\"\n           (blur)=\"onBlur()\"\n           [ngClass]=\"{'checkbox-disable' : disabled}\" \n           [checked]=\"checked\" \n           [attr.aria-disabled]=\"disabled\"\n           (click)=\"toggleCheck()\">\n    <span class=\"input-box-checkbox-label\"  [ngClass]=\"{'focusOnCheckbox':tabFocus}\"></span>\n    </label>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":63,"character":16}}]],"parameters":[{"__symbolic":"reference","name":"ɵbg"}]}],"toggleCheck":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"createCompId":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-slider","template":"\n    <ng-container *ngIf=\"!darkmodeSlider\">\n        <div id=\"value\" role=\"slider\" [ngStyle]=\"style\" [class]=\"styleClass\" [ngClass]=\"{'ui-slider ui-widget ui-widget-content ui-corner-all':true,'disable-component':disabled,\n                'ui-slider-horizontal':(orientation == 'horizontal' && type != 2),\n                'ui-slider-horizontal2':(orientation == 'horizontal' && type == 2),\n                'ui-slider-vertical':(orientation == 'vertical' && type != 2),\n                'ui-slider-vertical2':(orientation =='vertical' && type == 2),\n                'ui-slider-animate':animate}\" (click)=\"onBarClick($event);\">\n            <div attr.aria-labelled={{value}} role=\"slider\" [tabindex]=\"disabled ? -1 : 0\" [attr.aria-orientation]=\"orientation\" [attr.aria-valuenow]=\"value\"\n                aria-valuemin=\"1\" aria-valuemax=\"10\" [attr.aria-valuetext]=\"value\" (keydown.arrowdown)=\"onKeyLeftDown($event)\" (keydown.arrowup)=\"onKeyRightUp($event)\"\n                (keydown.arrowright)=\"onKeyRightUp($event)\" (keydown.arrowleft)=\"onKeyLeftDown($event)\" (keydown.home)=\"onKeyHome($event)\"\n                (keydown.end)=\"onKeyEnd($event)\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [ngClass]=\"{'focusOnSlider':sliderFocus}\"\n                (keydown.pageup)=\"onKeyPageUp($event)\" (keydown.pagedown)=\"onKeyPageDown($event)\"></div>\n\n\n            <span *ngIf=\"range && orientation == 'horizontal'\" class=\" ui-slider-range ui-widget-header ui-corner-all\" [ngStyle]=\"{'left':handleValues[0] + '%',width: (handleValues[1] - handleValues[0] + '%')}\">\n            </span>\n            <span *ngIf=\"range && orientation == 'vertical'\" class=\"ui-slider-range ui-widget-header ui-corner-all\" [ngStyle]=\"{'bottom':handleValues[0] + '%',height: (handleValues[1] - handleValues[0] + '%')}\"></span>\n\n            <span *ngIf=\"!range && orientation=='vertical'\" class=\"ui-slider-range-min ui-widget-header ui-corner-all\" [ngClass]=\"{'ui-slider-range':type != 2,'ui-slider-range2':type == 2}\"\n                [ngStyle]=\"{'height': handleValue + '%'}\"></span>\n\n            <span *ngIf=\"!range && orientation=='horizontal'\" class=\"ui-slider-range ui-slider-range-min ui-widget-header ui-corner-all\"\n                [ngStyle]=\"{'width': handleValue + '%'}\"></span>\n\n            <span *ngIf=\"!range\" class=\"ui-state-default ui-corner-all ui-clickable\" [ngClass]=\"{'ui-slider-handle': (orientation == 'horizontal' && type !=2),\n                    'ui-slider-handle2': (orientation == 'horizontal' && type == 2),\n                'ui-slider-handle1':(orientation =='vertical' && type!=2),\n                'ui-slider-handle3':(orientation =='vertical' && type ==2)}\" (mousedown)=\"onMouseDown($event)\" (touchstart)=\"onTouchStart($event)\"\n                (touchmove)=\"onTouchMove($event)\" (touchend)=\"dragging=false\" [style.transition]=\"dragging ? 'none': null\" [ngStyle]=\"{'left': orientation == 'horizontal' ? handleValue + '%' : null,\n                'bottom': orientation == 'vertical' ? handleValue + '%' : null}\"></span>\n\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,0)\" aria-labelledby=\"id\" (touchstart)=\"onTouchStart($event,0)\" (touchmove)=\"onTouchMove($event,0)\"\n                (touchend)=\"dragging=false\" setValueFromHandle(event,this.slidevar); [style.transition]=\"dragging ? 'none': null\"\n                class=\"ui-slider-handle ui-state-default ui-corner-all ui-clickable\" [ngStyle]=\"{'left': rangeStartLeft, 'bottom': rangeStartBottom}\"\n                [ngClass]=\"{'ui-slider-handle-active':handleIndex==0}\n            \"></span>\n\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,1)\" (touchstart)=\"onTouchStart($event,1)\" (touchmove)=\"onTouchMove($event,1)\"\n                (touchend)=\"dragging=false\" [style.transition]=\"dragging ? 'none': null\" [ngStyle]=\"{'left': rangeEndLeft, 'bottom': rangeEndBottom}\"\n                [ngClass]=\"{'ui-slider-handle-active':handleIndex==1 ,'ui-slider-range3': type == 2\n      \n        }\"></span>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"darkmodeSlider\">\n        <div class=\"slidecontainer\">\n            <input class=\"slider-{{shape}}\" name=\"value\" type=\"range\" min=\"{{min}}\" max=\"{{max}}\" step={{step}} value=\"1\"\n                [(ngModel)]=\"value\">\n        </div>\n    </ng-container>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":80,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵbi"},"multi":true}]}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["min-value"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3},"arguments":["max-value"]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["step-value"]}]}],"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3},"arguments":["style-class"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["type"]}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":188,"character":3}}]}],"onSlideEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":197,"character":3}}]}],"darkmodeSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":3},"arguments":["darkmode-slider"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":244,"character":25},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":244,"character":85},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":244,"character":112}]}],"ngOnInit":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onTouchStart":[{"__symbolic":"method"}],"onTouchMove":[{"__symbolic":"method"}],"onBarClick":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"bindDragListeners":[{"__symbolic":"method"}],"mouseUpListMethod":[{"__symbolic":"method"}],"unbindDragListeners":[{"__symbolic":"method"}],"setValueFromHandle":[{"__symbolic":"method"}],"handleStepChange":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"isVertical":[{"__symbolic":"method"}],"updateDomData":[{"__symbolic":"method"}],"calculateHandleValue":[{"__symbolic":"method"}],"updateHandleValue":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"updateValueNoRange":[{"__symbolic":"method"}],"getValueFromHandle":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onKeyLeftDown":[{"__symbolic":"method"}],"onKeyRightUp":[{"__symbolic":"method"}],"onKeyHome":[{"__symbolic":"method"}],"onKeyEnd":[{"__symbolic":"method"}],"onKeyPageUp":[{"__symbolic":"method"}],"onKeyPageDown":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"addClass":[{"__symbolic":"method"}],"addMultipleClasses":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}],"hasClass":[{"__symbolic":"method"}],"siblings":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"findSingle":[{"__symbolic":"method"}],"index":[{"__symbolic":"method"}],"relativePosition":[{"__symbolic":"method"}],"absolutePosition":[{"__symbolic":"method"}],"getHiddenElementOuterHeight":[{"__symbolic":"method"}],"getHiddenElementOuterWidth":[{"__symbolic":"method"}],"getHiddenElementDimensions":[{"__symbolic":"method"}],"scrollInView":[{"__symbolic":"method"}],"fadeIn":[{"__symbolic":"method"}],"fadeOut":[{"__symbolic":"method"}],"getWindowScrollTop":[{"__symbolic":"method"}],"getWindowScrollLeft":[{"__symbolic":"method"}],"matches":[{"__symbolic":"method"}],"getOuterWidth":[{"__symbolic":"method"}],"getHorizontalPadding":[{"__symbolic":"method"}],"getHorizontalMargin":[{"__symbolic":"method"}],"innerWidth":[{"__symbolic":"method"}],"width":[{"__symbolic":"method"}],"getInnerHeight":[{"__symbolic":"method"}],"getOuterHeight":[{"__symbolic":"method"}],"getHeight":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getViewport":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"getUserAgent":[{"__symbolic":"method"}],"isIE":[{"__symbolic":"method"}],"appendChild":[{"__symbolic":"method"}],"removeChild":[{"__symbolic":"method"}],"isElement":[{"__symbolic":"method"}],"calculateScrollbarWidth":[{"__symbolic":"method"}],"invokeElementMethod":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"getBrowser":[{"__symbolic":"method"}],"resolveUserAgent":[{"__symbolic":"method"}]},"statics":{"zindex":1000}},"ɵbk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-tag-input","template":"\n    <div class=\"inputgroup\" #rootDiv (keyup.esc)=\"closeOnEScapeList($event)\">\n\n      <label *ngIf=\"haslabel\" for=\"{{componentId}}\" [style.font-style]=\"fontstyle\" [style.font-family]=\"fontfamily\" [style.font-size]=\"fontsize\">\n        {{fieldlabel}}\n      </label>\n\n      <div class=\"tag-input\" [ngClass]=\"{'loading-mask' : maskloader}\">\n        <div class=\"tag\" *ngFor=\"let item of onSelections\">\n          <amexio-display-field [data]=\"item\" [data-index]=\"key\"></amexio-display-field>\n          <span class=\"closebtn\" (click)=\"removePill(item)\">&times;</span>\n        </div>\n        <input id=\"{{componentId}}\" aria-autocomplete=\"list\" role=\"combobox\" [attr.aria-expanded]=\"showToolTip\" type=\"text\" class=\"input-control\"\n          [ngClass]=\"{'input-control-error' : inp.invalid && (inp.dirty || inp.touched),'input-control-success' : inp.valid && (inp.dirty || inp.touched)}\"\n          (focus)=\"onFocus(rootDiv)\" (input)=\"onInput(inp)\" (keyup)=\"onKeyUp($event)\" (keyup.end)=\"focusToLastElement($event)\"\n          (keyup.home)=\"focusToFirstElement($event)\" [attr.placeholder]=\"placeholder\" [attr.disabled]=\"disabled ? true: null\" [required]=\"allowblank ? true: null\"\n          #inp />\n      </div>\n\n\n      <span #dropdownitems class=\"dropdown\" [@changeState]=\"dropdownstyle.visibility\" [ngClass]=\"{'dropdown-up' : posixUp}\" [ngStyle]=\"dropdownstyle\"\n        #tagDropRef>\n        <ul role=\"list\" class=\"dropdown-list\">\n          <li tabindex=\"1\" role=\"listitem\" class=\"list-items\" [ngClass]=\"{'list-items-selected':item.selected}\" *ngFor=\"let item of filteredResult\"\n            id=\"{{item.index}}\" (click)=\"setValue(item,inp)\">\n            <div>\n              <amexio-display-field [data]=\"item\" [data-index]=\"displayfield\"></amexio-display-field>\n            </div>\n          </li>\n        </ul>\n      </span>\n    </div>\n\n\n    <span *ngIf=\"iconfeedback && (inp.invalid && (inp.dirty || inp.touched) || inp.valid)\" class=\"input-control-feedback\">\n      <span *ngIf=\"inp.invalid && (inp.dirty || inp.touched)\">&#9888;</span>\n      <span *ngIf=\"inp.valid && (inp.dirty || inp.touched)\"> &#10004;</span>\n    </span>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":68,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":69,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":69,"character":23},"arguments":[{"max-height":"200px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":72,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":72,"character":22},"arguments":[{"max-height":"0px","$quoted$":["max-height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":75,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":75,"character":25},"arguments":["200ms"]}]}]]}]}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3},"arguments":["field-label"]}]}],"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["allow-blank"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["data"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["value-field"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"iconfeedback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3},"arguments":["icon-feedback"]}]}],"fontstyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3},"arguments":["font-style"]}]}],"fontfamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3},"arguments":["font-family"]}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["font-size"]}]}],"enablepopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3},"arguments":["enable-popover"]}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3}}]}],"triggerchar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":3},"arguments":["trigger-char"]}]}],"haslabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3},"arguments":["has-label"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":241,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":250,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":259,"character":3}}]}],"inpHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":287,"character":3},"arguments":["inp"]}]}],"tagDropRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":289,"character":3},"arguments":["tagDropRef"]}]}],"dropdownitems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":291,"character":3},"arguments":["dropdownitems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":291,"character":38}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DisplayFieldService"},{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":299,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":300,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":300,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"navigateKey":[{"__symbolic":"method"}],"focusToLastElement":[{"__symbolic":"method"}],"focusToFirstElement":[{"__symbolic":"method"}],"closeOnEScapeList":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"navigateUsingKey":[{"__symbolic":"method"}],"keyUpDownMethod":[{"__symbolic":"method"}],"toNavigateFirstAndLastOption":[{"__symbolic":"method"}],"setAriaActiveDescendant":[{"__symbolic":"method"}],"setScrollToList":[{"__symbolic":"method"}],"showAllData":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"removePill":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-date-time-picker","template":"\n    <div id=\"maindiv\" class=\"{{roundedgeclass}}\">\n        <div tabindex=\"{{inputtabindex}}\" (keyup.enter)=\"openPicker(rootDiv)\" aria-label=\"datetimepicker push button\" class=\"inputgroup\"\n            *ngIf=\"!inlineDatepicker\" #rootDiv>\n\n            <label>\n                {{fieldlabel}}\n            </label>\n\n            <ng-container *ngIf=\"datepicker && !timepicker\">\n                <input tabindex=\"-1\" type=\"text\" #pickerDt value=\"{{dateModel|date:dateformat}}\" [attr.disabled]=\"disabled ? true: null\"\n                    [required]=\"required ? true: null\" (blur)=\"onBlur()\" (focus)=\"onFocus(rootDiv)\" (focusout)=\"onFocusOut(pickerDt)\"\n                    class=\"input-control\" [ngStyle]=\"{'cursor': readonly ? 'not-allowed':'pointer'}\" [attr.placeholder]=\"placeholder\"\n                />\n            </ng-container>\n\n            <ng-container *ngIf=\"timepicker\">\n                <input type=\"text\" [(ngModel)]=\"selectedDate\" value=\"{{selectedDate|date:dateformat}} {{hrs + ' : ' + min}}\" [attr.disabled]=\"disabled ? true: null\"\n                    [attr.required]=\"required ? true: null\" (blur)=\"onBlur()\" (focus)=\"onFocus(rootDiv)\" (input)=\"onInput($event)\"\n                    (change)=\"change.emit()\" class=\"input-control\" [ngStyle]=\"{'cursor': readonly ? 'not-allowed':'pointer'}\" [attr.placeholder]=\"placeholder\"\n                />\n            </ng-container>\n\n            <div class=\"drodown-caret-down\" [ngStyle]=\"{'cursor':disabled ? 'not-allowed' : 'pointer'}\" (click)=\"openPicker(rootDiv)\">\n                <ng-container *ngIf=\"timepicker\">\n                    <span tabindex=\"1\" (keyup.enter)=\"openPicker(rootDiv)\" aria-label=\"timepicker push button\">\n                        <amexio-c-icon key=\"datepicker-clock-icon\"></amexio-c-icon>\n                    </span>\n                </ng-container>\n                <ng-container *ngIf=\"!timepicker\">\n                    <span>\n                        <amexio-c-icon key=\"datepicker_calendar\"></amexio-c-icon>\n                    </span>\n\n                </ng-container>\n\n            </div>\n\n\n        </div>\n\n\n        <div [@changeState]=\"dropdownstyle.visibility\" [ngStyle]=\"dropdownstyle\" [ngClass]=\"{'datetimepicker1':inlineDatepicker , 'datetimepicker':!inlineDatepicker}\">\n            <!-- datepicker starts -->\n            <span aria-label=\"datepicker window opened \" class={{roundedgeclass}}>\n                <div aria-label=\"datetimepicker header\" class=\"datetimepickertopbar\" aria-label=\"datepicker header\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n                    <ul>\n                        <li class=\"prev\">\n                            <span tabindex=\"1\" aria-label=\"previous year push button\" (keyup.enter)=\"prevYear($event)\">\n                                <amexio-c-icon key=\"datepicker_previous_fast\" (onClick)=\"prevYear($event)\"></amexio-c-icon>\n                            </span>\n                            <span tabindex=\"1\" aria-label=\"previous month push button \" (keyup.enter)=\"prevMonth($event)\">\n                                <amexio-c-icon key=\"datepicker_previous\" (onClick)=\"prevMonth($event)\"></amexio-c-icon>\n                            </span>\n                        </li>\n                        <li class=\"next\">\n                            <span tabindex=\"1\" aria-label=\"next month push button\" (keyup.enter)=\"nextMonth($event)\">\n                                <amexio-c-icon key=\"datepicker_next\" (onClick)=\"nextMonth($event)\"></amexio-c-icon>\n                            </span>\n                            <span tabindex=\"1\" aria-label=\"next year push button\" (keyup.enter)=\"nextYear($event)\">\n                                <amexio-c-icon key=\"datepicker_next_fast\" (onClick)=\"nextYear($event)\"></amexio-c-icon>\n                            </span>\n                        </li>\n                        <li>\n                            <span *ngIf=\"dropdownDatepicker\">\n                                <span style=\"cursor:pointer\" (click)=\"dropdownDatePicker()\">\n                                    {{selectedDate | date:'MMMM'}}\n                                    <br>\n                                    <span class=\"title\">{{selectedDate | date:'y'}}</span>\n                                </span>\n                                <span tabindex=\"1\" aria-label=\"dropdown datepicker push button\" (keyup.enter)=\"dropdownDatePicker()\" (onClick)=\" dropdownDatePicker()\"\n                                    style=\"cursor:pointer\">\n                                    <amexio-c-icon key=\"dropdown_caret\" (onClick)=\"dropdownDatePicker()\"></amexio-c-icon>\n                                </span>\n                            </span>\n\n                            <span *ngIf=\"!dropdownDatepicker\">\n                                {{selectedDate | date:'MMMM'}}\n                                <br>\n                                <span class=\"title\" style=\"cursor:auto\">{{selectedDate | date:'y'}}</span>\n                            </span>\n\n                        </li>\n                    </ul>\n                </div>\n                <div *ngIf=\"!drop\">\n                    <ul class=\"weekdays\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n                        <li *ngFor=\"let dayTitle of daysTitle\">{{dayTitle.text}}</li>\n                    </ul>\n\n                    <ul id=\"{{daystabindex}}\" class=\"days\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n\n                        <ng-container *ngFor=\"let dayArray of daysArray\">\n                            <li [ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer'}\" *ngFor=\"let day of dayArray\" (click)=\"onDateClick(day, $event)\"\n                                [ngClass]=\"{'notclickable':disabled}\">\n                                <span [attr.tabindex]=\"(day.selected ? 1: -1)\" id=\"{{day.id}}\" (keyup.arrowleft)=\"arrowleft(day,daysArray,$event)\" (keyup.arrowright)=\"arrowright(day,daysArray,$event)\"\n                                    (keyup.arrowdown)=\"arrowdown(day,daysArray,$event)\" (keyup.arrowup)=\"arrowup(day,daysArray,$event)\"\n                                    (keyup.enter)=\"onDateClick(day, $event)\" attr.aria-label=\"{{day.fulldate}}\" (click)=\"onDateClick(day, $event)\"\n                                    class=\"day\" [ngClass]=\"{'active':day.selected, 'currentMonth':day.isCurrentMonth, 'notCurrentMonth':!day.isCurrentMonth,'invaliddays':validateDays(day.date), 'disabled':day.isDisabled}\">\n                                    {{ day.date | date:'d' }}\n                                </span>\n                            </li>\n                        </ng-container>\n\n\n                        <li (keyup.enter)=\"setToday()\" class=\"date-today\">\n                            <amexio-button type=\"primary\" label=\"TODAY\" (onClick)=\"setToday()\" size=\"small\"></amexio-button>\n                        </li>\n\n\n                    </ul>\n                </div>\n            </span>\n            <!--datepicker ends  -->\n            <table  aria-describedby=\"table\" role=\"none\" aria-label=\"timepicker window opened\" tabindex=\"1\" class=\"table\" [ngStyle]=\"{'display': timepicker ? 'block' : 'none'}\"\n                style=\"cursor : pointer;text-align: center;padding: 5px;\">\n                <!--if picker is true-->\n                <tr style=\"padding: 10px;\">\n                    <td colspan=\"2\"></td>\n                    <td tabindex=\"1\" aria-label=\"increment hour push button\" (keyup.enter)=\"plus('hrs', $event)\" (click)=\"plus('hrs', $event);\">&#9650;</td>\n                    <td></td>\n                    <td tabindex=\"1\" aria-label=\"increment minute push button\" (keyup.enter)=\"plus('min', $event)\" (click)=\"plus('min', $event);\">&#9650;</td>\n                    <td colspan=\"2\"></td>\n                </tr>\n                <tr tabindex=\"1\" attr.aria-label=\"{{hrs}} hours {{min}} minutes\">\n                    <td colspan=\"2\"></td>\n                    <td>{{hrs}}</td>\n                    <td>:</td>\n                    <td>{{min}}</td>\n                    <td colspan=\"2\">\n                    </td>\n                </tr>\n                <tr>\n                    <td colspan=\"2\"></td>\n                    <td tabindex=\"1\" (keyup.enter)=\"minus('hrs', $event)\" aria-label=\"decrement hour push button\" (click)=\"minus('hrs', $event);\">&#9660;</td>\n                    <td></td>\n                    <td tabindex=\"1\" (keyup.enter)=\"minus('min', $event)\" aria-label=\"decrement min push button\" (click)=\"minus('min', $event);\">&#9660;</td>\n                    <td colspan=\"2\">\n                    </td>\n                </tr>\n\n            </table>\n\n            <!--dropdown datepicker -->\n            <div [ngStyle]=\"positionClass\" class=\"datedropdown\" *ngIf=\"drop && !timepicker\">\n\n                <div class=\"dropdiv1\">\n                    <span tabindex=\"1\" aria-label=\"month list\">\n\n                        <span class=\"dropspan1\">\n                            <ul class=\"dropul1\">\n                                <li tabindex=\"1\" id={{month.id}} class=\"li4\" (click)=\"getDropdownMonth(month)\" *ngFor=\"let month of monthList1\" attr.aria-label=\"{{month.fullname}}\"\n                                    (keyup.arrowdown)=\"dropdownListOneArrowDown(month)\" (keyup.arrowup)=\"dropdownListOneArrowUp(month)\">\n                                    <span [ngClass]=\"{'change4':month.flag}\"> {{month.name}}</span>\n                                </li>\n\n                            </ul>\n                        </span>\n\n                        <span class=\"dropspan2\">\n                            <ul class=\"dropul2\">\n                                <li class=\"li4\" tabindex=\"1\" id={{month.id}} (click)=\"getDropdownMonth(month)\" *ngFor=\"let month of monthList2\" attr.aria-label=\"{{month.fullname}}\"\n                                    (keyup.arrowdown)=\"dropdownListTwoArrowDown(month)\" (keyup.arrowup)=\"dropdownListTwoArrowUp(month)\">\n                                    <span [ngClass]=\"{'change4':month.flag}\"> {{month.name}}</span>\n                                </li>\n\n                            </ul>\n                        </span>\n\n                    </span>\n\n                    <span tabindex=\"1\" aria-label=\"year list\">\n\n                        <span class=\"dropspan1\">\n                            <ul class=\"dropul1\">\n                                <li tabindex=\"1\" (keyup.enter)=\"arrowClickBack($event)\" id=\"prevyearbutton\" aria-label=\"previous year list push button\" [ngClass]=\"{ 'disablearrow':backArrowFlag}\"\n                                    class=\"dropiconpadding\" (click)=\"arrowClickBack($event)\">\n                                    <amexio-c-icon key=\"paginator_first\" (onClick)=\"arrowClickBack($event)\"></amexio-c-icon>\n                                </li>\n                                <li tabindex=\"1\" (keyup.arrowdown)=\"yearList1ArrowDown(year)\" (keyup.arrowup)=\"yearList1ArrowUp(year)\" id=\"{{year.id}}\" [ngClass]=\"{ 'disablearrow':year.disabled}\"\n                                    class=\"li4\" (click)=\"getDropdownYear(year)\" *ngFor=\"let year of yearList1\">\n                                    <span [ngClass]=\"{'change4':year.flag && !year.disabled}\">\n                                        {{year.year}}\n                                    </span>\n                                </li>\n\n\n                            </ul>\n                        </span>\n\n                        <span class=\"dropspan4\">\n                            <ul class=\"dropul2\">\n\n                                <li tabindex=\"1\" (keyup.enter)=\"arrowClickForward($event)\" id=\"nextyearbutton\" aria-label=\"next year list push button\" [ngClass]=\"{ 'disablearrow':forwardArrowFlag}\"\n                                    class=\"dropiconpadding\" (click)=\"arrowClickForward($event)\">\n                                    <amexio-c-icon key=\"paginator_last\" (onClick)=\"arrowClickForward($event)\"></amexio-c-icon>\n                                </li>\n                                <li tabindex=\"1\" (keyup.arrowdown)=\"yearList2ArrowDown(year)\" (keyup.arrowup)=\"yearList2ArrowUp(year)\" id=\"{{year.id}}\" [ngClass]=\"{ 'disablearrow ':year.disabled}\"\n                                    class=\"li4\" (click)=\"getDropdownYear(year)\" *ngFor=\"let year of yearList2\">\n                                    <span [ngClass]=\"{'change4':year.flag && !year.disabled}\">\n                                        {{year.year}}\n                                    </span>\n                                </li>\n\n                            </ul>\n                        </span>\n\n                    </span>\n                </div>\n                <div class=\"btndiv1\">\n                    <span class=\"dropbtnspan\">\n                        <button tabindex=\"1\" role=\"button\" [attr.aria-pressed]=\"okispressed\" (click)=\"navigateDropdown()\" class=\"datedropbtn\">\n                            ok\n                        </button>\n                        <button tabindex=\"1\" role=\"button\" [attr.aria-pressed]=\"cancelispressed\" class=\"datedropbtn\" (click)=\"negateDrop()\">\n                            cancel\n                        </button>\n                    </span>\n                </div>\n            </div>\n        </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":255,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":256,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":256,"character":23},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":259,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":259,"character":22},"arguments":[{"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":262,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":262,"character":25},"arguments":["200ms"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":266,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵbl"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":268,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵbl"},"multi":true}]}]}],"members":{"dateformat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":281,"character":3},"arguments":["date-format"]}]}],"datepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":290,"character":3},"arguments":["date-picker"]}]}],"timepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":299,"character":3},"arguments":["time-picker"]}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":308,"character":3},"arguments":["field-label"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":317,"character":3},"arguments":["place-holder"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":326,"character":3},"arguments":["disabled"]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":335,"character":3},"arguments":["read-only"]}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":344,"character":3},"arguments":["min-date"]}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":353,"character":3},"arguments":["max-date"]}]}],"diabledDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":362,"character":3},"arguments":["disabled-date"]}]}],"inlineDatepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":371,"character":3},"arguments":["inline-datepicker"]}]}],"dropdownDatepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":380,"character":3},"arguments":["dropdown-datepicker"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":389,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":403,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":409,"character":3}}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":431,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":445,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":445,"character":55},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":445,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}],"initDaysTitle":[{"__symbolic":"method"}],"createDaysForCurrentMonths":[{"__symbolic":"method"}],"getFullMonthName":[{"__symbolic":"method"}],"getFullDayName":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"nextMonth":[{"__symbolic":"method"}],"prevMonth":[{"__symbolic":"method"}],"nextYear":[{"__symbolic":"method"}],"prevYear":[{"__symbolic":"method"}],"setDateData":[{"__symbolic":"method"}],"setPlusData":[{"__symbolic":"method"}],"setMaxFullYear":[{"__symbolic":"method"}],"setMinusData":[{"__symbolic":"method"}],"setMinFullYear":[{"__symbolic":"method"}],"setDateData1":[{"__symbolic":"method"}],"setToday":[{"__symbolic":"method"}],"initDate":[{"__symbolic":"method"}],"plus":[{"__symbolic":"method"}],"minus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"validateWriteValue":[{"__symbolic":"method"}],"negateisValid":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onFocusOut":[{"__symbolic":"method"}],"openPicker":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"validateDays":[{"__symbolic":"method"}],"validateMaxDate":[{"__symbolic":"method"}],"disableddays":[{"__symbolic":"method"}],"dropdownDatePicker":[{"__symbolic":"method"}],"negateDrop":[{"__symbolic":"method"}],"navigateDropdown":[{"__symbolic":"method"}],"cancelDropdown":[{"__symbolic":"method"}],"arrowClickBack":[{"__symbolic":"method"}],"backArrow":[{"__symbolic":"method"}],"alterBackArrow":[{"__symbolic":"method"}],"resetArrowFlag":[{"__symbolic":"method"}],"resetYearFlag":[{"__symbolic":"method"}],"alterBackForwardArrow":[{"__symbolic":"method"}],"forwardArrow":[{"__symbolic":"method"}],"chkYearList1":[{"__symbolic":"method"}],"rechkYearFlag":[{"__symbolic":"method"}],"yearFlagDisable":[{"__symbolic":"method"}],"disableYearFlag":[{"__symbolic":"method"}],"arrowClickForward":[{"__symbolic":"method"}],"minMaxDateFound":[{"__symbolic":"method"}],"disableMinMaxYear":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"arrowright":[{"__symbolic":"method"}],"refactoredRightArrow":[{"__symbolic":"method"}],"refactoredFocus":[{"__symbolic":"method"}],"arrowleft":[{"__symbolic":"method"}],"refactoredarrow":[{"__symbolic":"method"}],"arrowup":[{"__symbolic":"method"}],"arrowdown":[{"__symbolic":"method"}],"dropdownListOneArrowDown":[{"__symbolic":"method"}],"dropdownListOneArrowUp":[{"__symbolic":"method"}],"dropdownListTwoArrowDown":[{"__symbolic":"method"}],"dropdownListTwoArrowUp":[{"__symbolic":"method"}],"yearList1ArrowDown":[{"__symbolic":"method"}],"yearList2ArrowDown":[{"__symbolic":"method"}],"yearList1ArrowUp":[{"__symbolic":"method"}],"yearList2ArrowUp":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"ɵp"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":60},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":40,"character":84}]}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"itemClicked":[{"__symbolic":"method"}],"bindDocumentClickListener":[{"__symbolic":"method"}],"handleDocumentListener":[{"__symbolic":"method"}],"clearClicks":[{"__symbolic":"method"}],"unbindDocumentClickListener":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"commonDeclaration":[{"__symbolic":"method"}],"getDropdownMonth":[{"__symbolic":"method"}],"elementFlagMethod":[{"__symbolic":"method"}],"chkMonth":[{"__symbolic":"method"}],"getDropdownYear":[{"__symbolic":"method"}],"yearFlagNegate":[{"__symbolic":"method"}],"yearFlag":[{"__symbolic":"method"}],"getCryptoId":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-fileupload","template":"\n    <div class='input-group' *ngIf='!droppable'>\n        <ng-container *ngIf='fieldlabel'>\n            <label for=\"fileName\">{{fieldlabel}}</label>\n        </ng-container>\n        <ng-container *ngIf='!fieldlabel'>\n            <label for=\"fileName\">Choose File</label>\n        </ng-container>\n        <input type='file' aria-controls=\"fileUpload\" id=\"fileName\" class='input-control' [attr.accept]='filetype' (change)='uploadFile($event,false)' [attr.multiple]='multiplefile' #inp>\n    </div>\n    <ng-container *ngIf='droppable'>\n        <ng-container *ngIf='fieldlabel'>\n            <label for=\"dragFileName\">{{fieldlabel}}</label>\n        </ng-container>\n        <ng-container *ngIf='!fieldlabel'>\n            <label for=\"dragFileName\">Drag and Drop Files below</label>\n        </ng-container>\n        <div class='upload-drop-zone {{dropClass}}' aria-controls=\"dragFileUpload\" id=\"dragFileName\" (drop)='onFileDrop($event)' (dragover)='onDragOver($event)' (dragleave)='dropClass = \"\";' #drpZone>\n            Just drag and drop files here\n        </div>\n    </ng-container>\n\n    <div class='file-upload-box' style='width: 100%'>\n        <ul>\n                <li *ngFor='let file of uploadedFiles ; let index = index' class='file-upload-info'>\n                        <span class='uploaded-file-name'>({{file.name}} &nbsp; &nbsp; ({{file.size}}) )</span>\n                        <amexio-c-icon key='tab_close' class='close-icon' (onClick)='closeFile(file,index)'>\n                        </amexio-c-icon>\n                    </li>\n        </ul>\n    </div>\n  "}]}],"members":{"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["field-label"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["http-method"]}]}],"filetype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["file-type"]}]}],"multiplefile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["multiple-file"]}]}],"paramname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["param-name"]}]}],"droppable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"onRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":130,"character":3}}]}],"onFileUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":136,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"formatBytes":[{"__symbolic":"method"}],"onFileDrop":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"closeFile":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}],"serviceCall":[{"__symbolic":"method"}],"uploadService":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-label","template":"\n  <label [ngClass]=\"{'labelFontClass': blackLabel, 'eclipse' : !wordwrap}\" style=\"outline: none\"\n  role=\"text\" tabindex=\"1\" class=\"label-content {{styleClass}}\" (click)=\"onLabel($event)\"\n    [ngStyle]=\"{'color' : fontColor,'cursor': enableclick ? 'pointer': 'text'}\">\n    <ng-content></ng-content>\n    <span class=\"label-badge\" *ngIf=\"badge\">{{badge}}</span>\n  </label>\n  "}]}],"members":{"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["badge"]}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["size"]}]}],"fontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["font-color"]}]}],"enableclick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["enable-click"]}]}],"wordwrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["word-wrap"]}]}],"blackLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onLabel":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-floating-button","template":"\n    <div [ngClass]=\"{floatingbtntooltip: tooltip}\">\n        <div class=\"floatingbutton\" title=\"\" role=\"button\" tabindex=\"1\" [attr.aria-pressed]=\"ispressed\" attr.aria-describedby=\"{{componentId}}\" (keyup.enter)=\"togglebtn($event)\" (keyup.space)=\"togglebtn($event)\" [ngClass]=\"addCSSClasses()\" [ngStyle]=\"{'top':top,'bottom':bottom,'left':left,'right':right, 'background-color': bgcolorflag ? bgcolor : ''}\"\n            (click)=\"buttonClick($event)\">\n             <amexio-c-icon *ngIf=\"icon\" [customclass]=\"icon\" [color]=\"iconcolor\">\n            </amexio-c-icon>\n            {{label}}\n\n        </div>\n        <span id=\"{{componentId}}\" role=\"tooltip\" *ngIf=\"tooltip\" class=\"floatingbtntooltiptext\">{{tooltip}}</span>\n\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"}}]}],"members":{"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["horizontal-position"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["position-top"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["position-bottom"]}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3},"arguments":["position-left"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["position-right"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3},"arguments":["label"]}]}],"block":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3},"arguments":["block"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3},"arguments":["icon"]}]}],"iconcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["color"]}]}],"bgcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3},"arguments":["bg-color"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3},"arguments":["type"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3},"arguments":["disabled"]}]}],"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3},"arguments":["relative"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":176,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3},"arguments":["size"]}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3},"arguments":["tool-tip"]}]}],"absolute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3},"arguments":["absolute"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"addCSSClasses":[{"__symbolic":"method"}],"getPositionClass":[{"__symbolic":"method"}],"setCricle":[{"__symbolic":"method"}],"btnPositionCss":[{"__symbolic":"method"}],"buttonClick":[{"__symbolic":"method"}],"togglebtn":[{"__symbolic":"method"}],"createCompId":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-floating-group-button","template":"\n \n \n \n \n     <div id=\"parentdiv\" role=\"menu\" [attr.aria-expanded]=\"togglefloatinggroup\"\n     tabindex=\"-1\" [attr.aria-pressed]=\"ispressed\">\n       <amexio-floating-button \n           (onClick)=\"onFloatingButtonClick($event)\"\n           [vertical-position]=\"verticalposition\" \n           [horizontal-position]=\"horizontalposition\"\n           [icon]=\"icon\" \n           [type]=\"type\" \n           [disabled]=\"disabled\"\n           [size]=\"size\"\n           [relative]=\"relative\"\n           [position-top]=\"top\"\n           [position-bottom]=\"bottom\"\n           [position-left]=\"left\" \n           [position-right]=\"right\">\n       </amexio-floating-button>\n    </div>\n\n\n    <div \n\n       class=\"floatinggroup\" \n       *ngIf=\"togglefloatinggroup\"\n       tabindex=\"-1\"\n       [ngStyle]=\"{'top':floatinggroupyposition, 'left':floatinggroupxposition}\">\n\n       <div #ref attr.id=\"{{node.index}}\" role=\"button\" attr.aria-label=\"{{node.label}}\" role=\"options\"\n        class=\"floatinggroupitems\" style= \"text-align:center;\"\n\n           tabindex=\"1\" *ngFor=\"let node of data\" (keyup.enter)=\"onButtonClick(node,$event)\" (keyup.arrowdown)=\"arrowDown(ref)\"\n           (keyup.arrowup)=\"arrowUp(ref)\">\n           <div *ngIf=\"node.icon\" role=\"tooltip\"  [ngClass]=\"node.typeclass\" (click)=\"onButtonClick(node,$event)\">\n               <amexio-c-icon [customclass]=\"node.icon\">\n               </amexio-c-icon>\n           </div>\n       </div>\n    </div> \n  "}]}],"members":{"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3},"arguments":["horizontal-position"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["position-top"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["size"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3},"arguments":["position-bottom"]}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3},"arguments":["position-left"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3},"arguments":["position-right"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3},"arguments":["icon"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["type"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3},"arguments":["disabled"]}]}],"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3},"arguments":["relative"]}]}],"floatinggroupposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["floating-group-position"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3},"arguments":["data"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":198,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":206,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":206,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":206,"character":88}]}],"ngOnInit":[{"__symbolic":"method"}],"addCssToBtnGroup":[{"__symbolic":"method"}],"buttonClick":[{"__symbolic":"method"}],"floatingBtnGroupTopPostion":[{"__symbolic":"method"}],"toggleVisibility":[{"__symbolic":"method"}],"onFloatingButtonClick":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"arrowDown":[{"__symbolic":"method"}],"arrowUp":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"amexio-drop-down-menu-item","template":"\n    <div *ngIf=\"!(icon && label)\"  class=\"dropdowndivider\" style=\"padding-bottom: 5px;\">\n      <ng-content></ng-content>\n    </div>\n    <a  *ngIf=\" (icon || label)\"   (click)=\"onItemClick($event)\" id={{index}}  [ngStyle]=\"{'background': selected ? '#ffcccc':''}\"  [ngClass]=\"{'dropdowndivider':separator}\">\n\n      <ng-container *ngIf=\"icon\">\n        <em [style.float]=\"iconalign\" [ngClass]=\"icon\"></em>\n      </ng-container>\n\n      <ng-container *ngIf=\"label\">\n        <span [style.float]=\"labelalign\" style=\"padding: 5px;\">\n          {{label}}\n        </span>\n      </ng-container>\n    </a>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"labelalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["label-align"]}]}],"iconalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["icon-align"]}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["separator"]}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["index"]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["selected"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}]}},"ɵbs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"amexio-drop-down-menu","template":"\n\n    <div  tabindex=\"1\" id=\"{{componentId}}\" \n    [attr.aria-expanded]=\"toggle\"\n    [attr.aria-label]=\"title\"\n     role=\"menu\"\n    (keyup)=\"navigateOptions($event)\"\n    (keyup.enter) =\"showDropDownContent($event)\"\n    (click)=\"showDropDownContent($event)\" class=\"dropdown-menu {{roundedgeclass}}\" \n    [style.padding]=\"padding\"\n\n    [ngStyle]=\"{'background-color':(transparent)?'white':'null','color':(transparent)?'black':'null' }\"\n    \n    >\n    <span *ngIf=\"title\">\n        <em *ngIf=\"icon\" style=\"padding-right: 5px;\" [ngClass]=\"icon\">&nbsp;</em>{{title}}&nbsp;\n    </span>\n    <span *ngIf=\"!title\">\n        <em *ngIf=\"icon\" style=\"padding-right: 5px;\" [ngClass]=\"icon\">&nbsp;</em>Title&nbsp;\n    </span>\n\n\n    <ng-container *ngIf=\"downArrowIcon\">\n    <em *ngIf=\"!toggle\"  class=\"fa fa-angle-down \"></em>\n    <em *ngIf=\"toggle\"  class=\"fa fa-angle-up \"></em>\n    </ng-container>\n\n    </div>\n    <div  *ngIf=\"toggle\" class=\"dropdown-menu-content\"\n    [style.height]=\"height\"   [ngClass]=\"{'menu-right':xposition}\">\n\n    <ng-content></ng-content>\n    <div  >\n    <span  role=\"option\" tabindex=\"1\"  *ngFor=\"let node of data\"   id=\"{{node.index}}\"  >\n    <amexio-drop-down-menu-item   \n                              (onClick)=\"onDropDownMenuClick($event)\"  \n                              [icon-align]=\"node.iconalign\"\n                              [label-align]=\"node.labelalign\"\n                              [label]=\"node.label\"\n                              [separator]=\"node.separator\"\n                              [icon]=\"node.icon\"\n                              [index]=\"node.index\" \n                              [selected]=\"node.selected\">\n    </amexio-drop-down-menu-item>\n    </span>\n    </div>\n    </div>\n  "}]}],"members":{"dropDownMenuLocalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"iconalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["icon-align"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"downArrowIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3},"arguments":["down-arrow-icon"]}]}],"transparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3}}]}],"dropdowns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":146,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbr"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":148,"character":30},{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onElementOutClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":173,"character":3},"arguments":["document:click",["$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":174,"character":3},"arguments":["document: touchstart",["$event.target"]]}]}],"showDropDownContent":[{"__symbolic":"method"}],"getIconPosition":[{"__symbolic":"method"}],"onDropDownMenuClick":[{"__symbolic":"method"}],"getLabelPosition":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"navigateOptions":[{"__symbolic":"method"}],"upArrowKeyNavigation":[{"__symbolic":"method"}],"downArrowKeyNavigation":[{"__symbolic":"method"}],"createEmitObject":[{"__symbolic":"method"}],"setAriaActiveDescendant":[{"__symbolic":"method"}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-toolbar","template":"\n\n\n    <div tabindex=\"1\" class=\"toolbar\">\n        <div class=\"topnavmainbar\">\n            <div class=\"toolbar-item\">\n                <ng-content select=\"[position-left]\"></ng-content>\n                <ng-content select=\"amexio-panel-header\"></ng-content>\n                <ng-content select=\"amexio-form-header\"></ng-content>\n                <ng-content select=\"amexio-window-header\"></ng-content>\n            </div>\n            <div class=\"toolbar-item\">\n                <ng-content select=\"[position-center]\"></ng-content>\n            </div>\n            <div class=\"toolbar-item\">\n                <ng-content select=\"[position-right]\"></ng-content>\n            </div>\n        </div>\n    </div>\n  "}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":50,"character":3},"arguments":["attr.class"]}]}],"seperator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["seperator"]}]}],"toolbarposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["toolbar-position"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"tabLocalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"queryTool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbu"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"getToolbaritemposition":[{"__symbolic":"method"}],"onToolClick":[{"__symbolic":"method"}],"getSeperatotClass":[{"__symbolic":"method"}],"getToolbarPosition":[{"__symbolic":"method"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-toolbar-item","template":"\n  <div tabindex=\"1\" [ngClass]=\"{'toolbaritemseperatorright':(seperatorposition === 'right'),\n  'toolbaritemseperatorleft':(seperatorposition === 'left')}\">\n  <ng-content></ng-content>\n  </div>\n   "}]}],"members":{"seperatorposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":1},"arguments":["seperator-position"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-toolbar-action","template":"\n   <ng-content></ng-content>\n  "}]}],"members":{"queryDropDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵq"},{"descendants":true}]}]}],"queryButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"},{"descendants":true}]}]}],"queryLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":34,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbo"},{"descendants":true}]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"navLinkClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"checkActionComponent":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbd"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-searchbox","template":"\n    <div (keyup.esc)=\"closeOnEscape()\">\n      <div tabindex=\"1\" (keyup.end)=\"focustolast()\" (keyup.home)=\"focustofirst()\" class=\"input-group\">\n        <!-- input div -->\n        <div class=\"input-group-prepend\">\n          <input id=\"{{componentId}}\" type=\"text\" aria-haspopup=\"true\" aria-label=\"Search input box\" [attr.aria-expanded]=\"isListFlag\"\n            class=\"form-control\" (keyup)=\"onInputClick($event)\" #inp [(ngModel)]=\"selectedValue\" [attr.placeholder]=\"placeholder\"\n            (click)=\"onSelectClick()\" (focus)=\"onFocus()\">\n        </div>\n        <!-- search btn -->\n        <div aria-label=\"search button\" class=\"input-group-text-search \" (click)=\"onSearchButtonClick($event)\">\n          <em class=\"fa fa-search iconColor\">\n          </em>\n        </div>\n      </div>\n      <!-- first div ends here -->\n\n      <!-- dropdown list and advance search btn -->\n      <form [ngStyle]=\"dropdownstyle\" class=\"dropdownposition\">\n        <ng-container *ngIf=\"!advanceSearchFlag\">\n          <ul role=\"menu\" tabindex=\"1\" #dropdownitems [style.width]=\"width+'px'\" class=\"search-dropdown-list\" [ngClass]=\"selectCssClass()\">\n\n            <li role=\"menuitem\" tabindex=\"1\" role=\"menuitem\" class=\"search-list-items \" [ngClass]=\"{'search-list-items-selected':item.selected}\"\n              *ngFor=\"let item of viewData\" id=\"{{item.index}}\" (click)=\"onItemSelect(item)\">\n              <div style=\"white-space: nowrap;display: inline;\">{{item[displayfield]}}</div>\n            </li>\n          </ul>\n\n          <div [style.width]=\"width+'px'\" class=\"advancesearchbuttondiv\">\n            <button role=\"button\" class=\"fa fa-search btncolor\" [style.width]=\"width+'px'\" class=\"advancesearchbtn fa fa-search\" (click)=\"advanceSearch()\"\n              (keyup.enter)=\"advanceSearch()\">\n              {{advanceButtonLabel}}\n            </button>\n          </div>\n\n        </ng-container>\n      </form>\n      <!-- advance search form with ng content -->\n      <div (keyup.esc)=\"closeFormOnEscape()\" [ngStyle]=\"{'block': advanceSearchRef.advanceSearchFlag ? 'block' : 'none'}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["data"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["data-reader"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["http-url"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3},"arguments":["place-holder"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["display-field"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["http-method"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3},"arguments":["value-field"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"enablefilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["enable-global-filter"]}]}],"keyup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":178,"character":3}}]}],"onSearchItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":3}}]}],"onSearchClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":190,"character":3}}]}],"advanceSearchRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":191,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbx"}]}]}],"dropdownitems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":192,"character":3},"arguments":["dropdownitems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":192,"character":38}}]}]}],"inp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":193,"character":3},"arguments":["inp",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":193,"character":28}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":221,"character":20},{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":222,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":222,"character":37}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"onSelectClick":[{"__symbolic":"method"}],"onInputClick":[{"__symbolic":"method"}],"tempOnInputClick":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"selectedValueOnFocus":[{"__symbolic":"method"}],"navigateKeys":[{"__symbolic":"method"}],"navigateKeysCondition":[{"__symbolic":"method"}],"eventKeyCodeCondition":[{"__symbolic":"method"}],"onSearchButtonClick":[{"__symbolic":"method"}],"selectCssClass":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"advanceSearch":[{"__symbolic":"method"}],"closeSearchForm":[{"__symbolic":"method"}],"getResponseData":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"closeOnEscape":[{"__symbolic":"method"}],"closeFormOnEscape":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"setAriaActiveDescendant":[{"__symbolic":"method"}],"focustolast":[{"__symbolic":"method"}],"focustofirst":[{"__symbolic":"method"}]}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-searchbox-options","template":"\n  <form [attr.aria-expanded]=\"advanceSearchFlag\" class=\"advancesearchform\"\n  *ngIf=\"advanceSearchFlag\"  [style.width]=\"formwidth+'px'\">\n    <label tabindex = \"0\" class=\"search-form-label\" [attr.aria-labellledby]=\"title\">\n        {{title}}\n    </label>\n    <span tabindex = \"0\"  aria-label=\"close form button\"\n     class=\"fa fa-window-close fa-1x close-icon\"\n     (keyup.esc)=\"closeSearchForm()\"\n     (keyup.enter)=\"closeSearchForm()\" (click)=\"closeSearchForm()\"></span>\n    <hr class=\"hrclass\">\n             <ng-content></ng-content>\n</form>\n"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"formwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["form-width"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"closeSearchForm":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-google-recaptcha","template":"\n    <div class=\"g-recaptcha\" [attr.id]=\"componentId\">\n    </div>\n  "}]}],"members":{"sitekey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["site-key"]}]}],"onSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"onFailure":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadRecaptchaService"}]}],"ngOnInit":[{"__symbolic":"method"}],"rendercaptcha":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"amexio-spinner","template":"\n    <div class=\"spinner-sm\" [ngClass]=\"positionSpinnerClass\">\n\n            <div #loadindicator [ngStyle]=\"{'display': show ? 'block': 'none'}\"\n             [style.color]='color' [style.font-size]='size'\n                    [ngClass]=\"{\n            'rectangle-bounces' :type == 'rectanglebounce',\n            'rings' :type == 'ring',\n            'half-circles' :type == 'halfcircle',\n            'fading-circles' :type == 'fadingcircle',\n            'ball-spins' :type == 'ballspin',\n            'fire-spins' :type == 'firespin',\n            'three-bounces' :type == 'threebounce',\n            'spinner-rounds' :type == 'spinnerround'}\n            \">\n            </div>\n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["type"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["color"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["horizontal-position"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["size"]}]}],"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["relative"]}]}],"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":["loadindicator"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":122,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"positionChangeClass":[{"__symbolic":"method"}],"assignColor":[{"__symbolic":"method"}],"insertStyleSheetRule":[{"__symbolic":"method"}]}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-creditcard","template":"\n    <ng-container *ngIf=\"templateFlag\">\n\n        <div class=\"creditCardFormSglCol\">\n            <div class=\"imageSglCol\">\n                <em *ngFor=\"let cardimage of cardGroupData\" [style.color]=\"cardimage.color\" [attr.class]=\"cardimage.iconName\" style=\"font-size:50px\">\n                </em>\n            </div>\n            <div class=\"ownerdetailsSglCol\">\n                <label *ngIf=\"showlabel\">CARD HOLDER NAME</label>\n                <div class=\"ownerSglCol\">\n                    <input [ngClass]=\"{'input-control-success':isNameValid,'input-control-failure':(!isNameValid && inpowner.touched)}\" type=\"text\"\n                        placeholder=\"CARD HOLDER NAME\" #inpowner=\"ngModel\" class=\"input-control\" [(ngModel)]=\"creditCardModel.owner\"\n                        (keyup)=\"onNameClick(inpowner)\">\n                </div>\n            </div>\n\n            <div class=\"cardNumberSglCol\">\n                <label *ngIf=\"showlabel\">CARD NUMBER</label>\n                <input type=\"text\" placeholder=\"CARD NUMBER\" maxlength=\"19\" class=\"input-control\" [ngModel]=\"dummyCreditCardNumber\" (ngModelChange)=\"onChangeCardNumber($event)\"\n                    [value]=\"cardNumberValue\" #inp=\"ngModel\" [ngClass]=\"{'input-control-success':validPatternCard,'input-control-failure':(!validPatternCard && (inp.dirty || inp.touched))}\"\n                    (keyup)=\"onInput(inp)\" />\n            </div>\n            <label *ngIf=\"showlabel\">EXP DATE</label>\n            <div class=\"expiration-dateSglCol\">\n                <div class=\"monthSglCol\">\n                    <select [ngModel]=\"dummyMonth\" (ngModelChange)=\"onChangeMonth($event)\" placeholder=\"MM\" style=\"padding:10px\">\n                        <option *ngFor=\"let months of dateData\">{{months.month}}</option>\n                    </select>\n                </div>\n                <div class=\"dateSglCol\">\n                    <select [(ngModel)]=\"creditCardModel.expYear\" (ngModelChange)=\"onChangeYear($event)\" yearControl=\"yearControl\" style=\"padding:10px\"\n                        placeholder=\"YY\">\n                        <option *ngFor=\"let year of yearList\">{{year}}</option>\n                    </select>\n                </div>\n            </div>\n            <div class=\"cvvSglCol\">\n                <label *ngIf=\"showlabel\">CVV</label>\n                <input #inpcvv=\"ngModel\" [ngClass]=\"{'input-control-success':isCvvValid,'input-control-failure':(!isCvvValid && inpcvv.touched)}\"\n                    type=\"password\" placeholder=\"CVV\" maxlength=\"3\" class=\"input-control\" [(ngModel)]=\"creditCardModel.cvv\" (keyup)=\"onClick(inpcvv)\">\n            </div>\n        </div>\n    </ng-container>\n    <br>\n    <ng-container *ngIf=\"!templateFlag\">\n        <div class=\"creditCardForm\">\n            <div class=\"owner\">\n                <label *ngIf=\"showlabel\">CARD HOLDER NAME</label>\n                <input [ngClass]=\"{'input-control-success':isNameValid,'input-control-failure':(!isNameValid && inpowner.touched)}\" type=\"text\"\n                    placeholder=\"CARD HOLDER NAME\" #inpowner=\"ngModel\" class=\"input-control\" [(ngModel)]=\"creditCardModel.owner\"\n                    (keyup)=\"onNameClick(inpowner)\">\n            </div>\n            <div [ngClass]=\"{'image-label':showlabel==true,'image':showlabel==false}\">\n                <em *ngFor=\"let cardimage of cardGroupData\" [style.color]=\"cardimage.color\" [attr.class]=\"cardimage.iconName\" style=\"font-size:40px\"></em>\n            </div>\n\n\n            <div class=\"cardNumber\">\n                <label *ngIf=\"showlabel\">CARD NUMBER</label>\n                <input type=\"text\" placeholder=\"CARD NUMBER\" maxlength=\"19\" class=\"input-control\" [ngModel]=\"dummyCreditCardNumber\" (ngModelChange)=\"onChangeCardNumber($event)\"\n                    [value]=\"cardNumberValue\" #inp=\"ngModel\" [ngClass]=\"{'input-control-success':validPatternCard,'input-control-failure':(!validPatternCard && (inp.dirty || inp.touched))}\"\n                    (keyup)=\"onInput(inp)\" />\n            </div>\n\n            <div [ngClass]=\"{'expiration-date-label':showlabel==true,'expiration-date':showlabel==false}\">\n                <label *ngIf=\"showlabel\">EXP DATE</label>\n                <div class=\"exp-month-date-label\">\n                    <div class=\"month\">\n                        <select [ngModel]=\"dummyMonth\" (ngModelChange)=\"onChangeMonth($event)\" style=\"padding:10px\" placeholder=\"MM\">\n                            <option *ngFor=\"let months of dateData\">{{months.month}}</option>\n                        </select>\n                    </div>\n                    <div class=\"date\">\n                        <select [(ngModel)]=\"creditCardModel.expYear\" (ngModelChange)=\"onChangeYear($event)\" yearControl=\"yearControl\" style=\"padding:10px\"\n                            placeholder=\"YY\">\n                            <option *ngFor=\"let year of yearList\">{{year}}</option>\n                        </select>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"cvv\">\n                <label *ngIf=\"showlabel\">CVV</label>\n                <input #inpcvv=\"ngModel\" [ngClass]=\"{'input-control-success':isCvvValid,'input-control-failure':(!isCvvValid && (inpcvv.dirty ||inpcvv.touched))}\"\n                    type=\"password\" placeholder=\"CVV\" maxlength=\"3\" class=\"input-control\" [(ngModel)]=\"creditCardModel.cvv\" (keyup)=\"onClick(inpcvv)\">\n            </div>\n        </div>\n    </ng-container>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":117,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵca"},"multi":true}]}]}],"members":{"yearcount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["year-count"]}]}],"showlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["show-label"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3},"arguments":["template"]}]}],"writeValue":[{"__symbolic":"method"}],"onChangeCardNumber":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onNameClick":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"replaceSpace":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"creditCardNumberSpaceRemove":[{"__symbolic":"method"}],"switchCaseMethod":[{"__symbolic":"method"}],"onCheckValidation":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"onChangeMonth":[{"__symbolic":"method"}],"onChangeYear":[{"__symbolic":"method"}]}},"ɵcb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-chip","template":"\n    <div class=\"chips\" id=\"{{index}}\" attr.aria-label=\"{{label}}\" style=\"cursor: pointer;\" [ngStyle]=\"{'background-color': color,'filter': selected ? 'contrast(70%)':''}\">\n      <amexio-c-icon [customclass]=\"icon\"></amexio-c-icon>\n      <amexio-label (click)=\"onLabelClick($event)\">\n        <ng-container *ngIf=\"!label\">\n        <span [style.color]=\"fontcolor\" style=\"cursor: pointer;\" [ngStyle]=\"{'padding-left': icon ? '10px':'0px'}\">\n          {{item[displayfield]}}\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"label\">\n        <span [style.color]=\"fontcolor\" style=\"cursor: pointer;\" [ngStyle]=\"{'padding-left': icon ? '10px':'0px'}\">\n          {{label}}\n        </span>\n      </ng-container>\n      </amexio-label>\n      <span class=\"badge\" *ngIf=\"badge\">{{badge}}</span>\n      <span *ngIf=\"closable\">\n        <em class=\"fa fa-times\" style=\"cursor: pointer; margin-left:10px\" (click)=\"onCloseClick($event)\"></em>\n      </span>\n    </div>\n  "}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["icon"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["label"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["color"]}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["badge"]}]}],"fontcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["font-color"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3},"arguments":["display-field"]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3},"arguments":["item"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["closable"]}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3}}]}],"labelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["index"]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["selected"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onCloseClick":[{"__symbolic":"method"}],"onLabelClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-chips","template":"\n    <span id=\"{{componentId}}\" tabindex=\"0\" role=\"listbox\" (keyup.end)=\"focusToLastChip($event)\" (keyup.home)=\"focusToFirstChip($event)\"\n        (keyup)=\"onchipsKeyup($event)\" (keydown.control.x)=\"closeFocusedChip($event, data)\">\n        <span role=\"option\" tabindex=\"0\" *ngFor=\"let item of data\" id=\"{{item.index}}\" attr.aria-label=\"{{item.label}}\">\n            <amexio-chip [item]=\"item\" [index]=\"item.index\" [selected]=\"item.selected\" [display-field]=\"displayfield\"\n                [icon]=\"item.icon\" [label]=\"item.label\" [badge]=\"item.badge\" [closable]=\"item.closable\" [font-color]=\"item.fontcolor\"\n                [color]=\"item.color\" (closeClick)=\"onCloseChipsClick(item)\" (labelClick)=\"emitSelectedLabel(item)\">\n            </amexio-chip>\n        </span>\n    </span>\n  "}]}],"members":{"queryChips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":38,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["data"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["display-field"]}]}],"selectedchipsData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":75,"character":31}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"listenChipOutClick":[{"__symbolic":"method"}],"onCloseChipsClick":[{"__symbolic":"method"}],"emitCloseData":[{"__symbolic":"method"}],"closeFocusedChip":[{"__symbolic":"method"}],"emitSelectedLabel":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"onchipsKeyup":[{"__symbolic":"method"}],"navigateChips":[{"__symbolic":"method"}],"leftArrowKeyNavigation":[{"__symbolic":"method"}],"rightArrowKeyNavigation":[{"__symbolic":"method"}],"setAriaActiveDescendant":[{"__symbolic":"method"}],"focusToLastChip":[{"__symbolic":"method"}],"focusToFirstChip":[{"__symbolic":"method"}],"closeChip":[{"__symbolic":"method"}]}},"ɵcd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵce"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-github-auth-provider","template":"\n\n    <div class=\"social-button\">\n    \t<ng-container *ngIf=\"!isCircle && styleType != 'square'\"  >\n    \t\t\t<amexio-button *ngIf=\"label\" [bg-color]=\"'#424949'\" [color]=\"'#fff'\" [label]=\"label\" [tooltip]=\"'Github'\" [icon]=\"'fa fa-github'\" (onClick)=\"loginToGithub($event)\"></amexio-button>\n    \t</ng-container>\n\n    \t<ng-container *ngIf=\"styleType == 'square' && !label\">\n    \t\t\t<amexio-floating-button  [block]=\"'square'\" [bg-color]=\"'#424949'\" [color]=\"'#fff'\" [relative]=\"true\" [type]=\"'default'\" [icon]=\"'fa fa-github'\" (onClick)=\"loginToGithub($event)\"></amexio-floating-button>\n    \t</ng-container>\n\n    \t<ng-container *ngIf=\"styleType == 'circle'\">\n    \t\t\t<amexio-floating-button [bg-color]=\"'#424949'\" [color]=\"'#fff'\" [relative]=\"true\" [icon]=\"'fa fa-github'\" [type]=\"'default'\" (onClick)=\"loginToGithub($event)\"></amexio-floating-button>\n    \t</ng-container>\n    </div>\n  "}]}],"members":{"onLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"loginToGithub":[{"__symbolic":"method"}]}},"ɵce":{"__symbolic":"class","members":{"clientId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["client-id"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["label"]}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["style-type"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵcf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵce"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-google-auth-provider","template":"\n    <div class=\"social-button\">\n\n        <ng-container *ngIf=\"!isCircle && styleType != 'square'\" >\n                <amexio-button [bg-color]=\"'#dd4b39'\" [color]=\"'#fff'\" [label]=\"label\" [tooltip]=\"'Google'\" [icon]=\"'fa fa-google'\" (onClick)=\"onButtonClick()\"></amexio-button>\n        </ng-container>\n\n        <ng-container *ngIf=\"styleType == 'square'\">\n                <amexio-floating-button  [block]=\"'square'\" [bg-color]=\"'#dd4b39'\" [color]=\"'#fff'\" [relative]=\"true\" [type]=\"'default'\" [icon]=\"'fa fa-google'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n        </ng-container>\n\n        <ng-container *ngIf=\"styleType == 'circle'\">\n                <amexio-floating-button [bg-color]=\"'#dd4b39'\" [color]=\"'#fff'\" [relative]=\"true\" [icon]=\"'fa fa-google'\" [type]=\"'default'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n        </ng-container>\n    </div>\n  "}]}],"members":{"onLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"Meta","line":57,"character":18},{"__symbolic":"reference","name":"ScriptLoadService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"getLoginInUserInfo":[{"__symbolic":"method"}],"signIn":[{"__symbolic":"method"}]}},"ɵcg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵce"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-linkedin-auth-provider","template":"\n    <div class=\"social-button\">\n\n        <ng-container *ngIf=\"!isCircle && styleType != 'square'\" >\n                <amexio-button [bg-color]=\"'#0082ca'\" [color]=\"'#fff'\" [label]=\"label\" [tooltip]=\"'Linkedin'\" [icon]=\"'fa fa-linkedin'\" (onClick)=\"onButtonClick()\"></amexio-button>\n        </ng-container>\n\n        <ng-container *ngIf=\"styleType == 'square'\">\n                <amexio-floating-button  [block]=\"'square'\" [bg-color]=\"'#0082ca'\" [color]=\"'#fff'\" [relative]=\"true\" [type]=\"'default'\" [icon]=\"'fa fa-linkedin'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n        </ng-container>\n\n        <ng-container *ngIf=\"styleType == 'circle'\">\n                <amexio-floating-button [bg-color]=\"'#0082ca'\" [color]=\"'#fff'\" [relative]=\"true\" [icon]=\"'fa fa-linkedin'\" [type]=\"'default'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n        </ng-container>\n    </div>\n  "}]}],"members":{"onLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ScriptLoadService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"onLinkedInLoad":[{"__symbolic":"method"}],"getLoginInUserInfo":[{"__symbolic":"method"}],"signIn":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵce"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"amexio-facebook-auth-provider","template":"\n    <div class=\"social-button\">\n            <ng-container *ngIf=\"!isCircle && styleType != 'square'\" >\n                    <amexio-button [bg-color]=\"'#3b5998'\" [color]=\"'#fff'\" [label]=\"label\" [tooltip]=\"'Facebook'\" [icon]=\"'fa fa-facebook'\" (onClick)=\"onButtonClick()\"></amexio-button>\n            </ng-container>\n    \n            <ng-container *ngIf=\"styleType == 'square'\">\n                    <amexio-floating-button  [block]=\"'square'\" [bg-color]=\"'#3b5998'\" [color]=\"'#fff'\" [relative]=\"true\" [type]=\"'default'\" [icon]=\"'fa fa-facebook'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n            </ng-container>\n    \n            <ng-container *ngIf=\"styleType == 'circle'\">\n                    <amexio-floating-button [bg-color]=\"'#3b5998'\" [color]=\"'#fff'\" [relative]=\"true\" [icon]=\"'fa fa-facebook'\" [type]=\"'default'\" (onClick)=\"onButtonClick()\"></amexio-floating-button>\n            </ng-container>\n        </div>\n  "}]}],"members":{"onLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ScriptLoadService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"getUserinfo":[{"__symbolic":"method"}],"signIn":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-login-social","template":"\n    <ng-container *ngIf=\"type ==='google'\">\n        <amexio-google-auth-provider [client-id]=\"key\" [label]=\"label\" [style-type]=\"styleType\" (onLogin)=\"onLoginClick($event)\"></amexio-google-auth-provider>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'linkedin'\">\n        <amexio-linkedin-auth-provider [client-id]=\"key\" [label]=\"label\" [style-type]=\"styleType\" (onLogin)=\"onLoginClick($event)\"></amexio-linkedin-auth-provider>\n    </ng-container>\n\n    <ng-container *ngIf=\"type === 'facebook'\">\n        <amexio-facebook-auth-provider [client-id]=\"key\" [label]=\"label\" [style-type]=\"styleType\" (onLogin)=\"onLoginClick($event)\"></amexio-facebook-auth-provider>\n    </ng-container>\n\n    <ng-container *ngIf=\"type === 'github'\">\n        <amexio-github-auth-provider (onLogin)=\"onLoginClick($event)\" [client-id]=\"key\" [style-type]=\"styleType\" [label]=\"label\"></amexio-github-auth-provider>\n    </ng-container>\n  ","styles":["\n  .social-button .button-default:hover {\n      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important;\n  }"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["type"]}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["api-key"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["label"]}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["style-type"]}]}],"onLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onLoginClick":[{"__symbolic":"method"}]}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-badge","template":"\n    <div class=\"amexio-badge {{roundedgeclass}}\" [ngClass]=\"cClass\" [style.background]=\"background\" [style.color]=\"color\" [style.top]=\"top\" [style.left]=\"left\" [style.right]=\"right\" [style.bottom]=\"bottom\" [style.height]=\"height\" [style.width]=\"width\" [ngStyle]=\"{'position': absolute ? 'absolute' : 'relative',\n                    'flex-direction': (orientation === 'horizontal') ? 'row' : 'column'\n                    }\">\n        <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"absolute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["absolute"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["background"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["color"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["top"]}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["left"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["right"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["bottom"]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["orientation"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["width"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-darkmode","template":"\n      <ng-container *ngIf=\"mode === 'day-night'\">\n              <amexio-toggle\n              [field-label]=\"fieldLabel\" [size]=\"size\" [type]=\"type\" [shape]=\"shape\" (onChange)=\"onToggleClick($event)\">\n              </amexio-toggle>\n              </ng-container>\n        \n              <ng-container *ngIf=\"mode !== 'day-night'\">\n              <amexio-slider (ngModelChange) =\"onChange($event)\" [shape]=\"shape\" [darkmode-slider]=\"true\" min-value=\"0\" [max-value]=\"maxValue\" [step-value]=\"1\" [ngModel]=\"stepVal\">\n              </amexio-slider>\n              </ng-container>\n        \n        \n    "}]}],"members":{"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5},"arguments":["field-label"]}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["shape"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5},"arguments":["type"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["size"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5},"arguments":["mode"]}]}],"colorData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5},"arguments":["data"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onToggleClick":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"sepiaMode":[{"__symbolic":"method"}],"otherMode":[{"__symbolic":"method"}],"insertStyleSheetRule":[{"__symbolic":"method"}],"addDynamicCss":[{"__symbolic":"method"}]}},"ɵcl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"amexio-value-range","template":"\n    <div [ngStyle]=\"style\" [class]=\"styleClass\" [ngClass]=\"{'amexio-slider amexio-slider-widget amexio-slider-widget-content ui-corner-all':true,\n    'ui-state-disabled':disabled,\n    'amexio-slider-horizontal':orientation == 'horizontal',\n    'amexio-slider-vertical':orientation == 'vertical',\n    'amexio-slider-animate':animate}\"\n        (click)=\"onSlideBarClick($event)\">\n\n        <span *ngIf=\" range && orientation == 'horizontal'\" class=\"amexio-slider-range amexio-slider-widget-header ui-corner-all\"\n            [ngStyle]=\"{'left':handleValues[0] + '%',width: (handleValues[1] - handleValues[0] + '%')}\">\n        </span>\n\n        <span *ngIf=\"range && orientation == 'vertical'\" class=\"amexio-slider-range amexio-slider-widget-header ui-corner-all\"\n            [ngStyle]=\"{'bottom':handleValues[0] + '%',height: (handleValues[1] - handleValues[0] + '%')}\">\n        </span>\n\n\n\n\n        <span *ngIf=\"range\" (mousedown)=\"onMouseMove($event,0)\" [style.transition]=\"dragData ? 'none': null\" class=\"amexio-slider-handle ui-state-default ui-corner-all ui-clickable \"\n            [ngStyle]=\"{'left': rangeStartLeft, 'bottom': rangeStartBottom}\" [ngClass]=\"{'amexio-slider-handle-active':handleIndex==0,\n        'rectangle-css' :type == 'rectangle',\n        'circle-css' :type == 'circle',\n        'square-css' :type == 'square'}\">\n            {{values[0]}}\n        </span>\n\n\n        <span *ngIf=\"range\" (mousedown)=\"onMouseMove($event,1)\" [style.transition]=\"dragData ? 'none': null\" class=\"amexio-slider-handle ui-state-default ui-corner-all ui-clickable\"\n            [ngStyle]=\"{'left': rangeEndLeft, 'bottom': rangeEndBottom}\" [ngClass]=\"{'amexio-slider-handle-active':handleIndex==1, \n        'rectangle-css' :type == 'rectangle',\n        'circle-css' :type == 'circle',\n        'square-css' :type == 'square'}\">\n\n\n            <span style=\"margin-bottom: 30px;\">\n                {{values[1]}}\n            </span>\n\n        </span>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":51,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵcl"},"multi":true}]}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["min"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["max"]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["orientation"]}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["step-value"]}]}],"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"maxRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["max-range"]}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3},"arguments":["type"]}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":3}}]}],"onSlideEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":117,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":117,"character":54},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":117,"character":81},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":117,"character":100}]}],"ngOnInit":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"onSlideBarClick":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"bindDragListeners":[{"__symbolic":"method"}],"checkMouseUpListener":[{"__symbolic":"method"}],"unbindDragListeners":[{"__symbolic":"method"}],"setValueFromHandle":[{"__symbolic":"method"}],"handleStepChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"isVertical":[{"__symbolic":"method"}],"updateDomData":[{"__symbolic":"method"}],"getWindowScrollTop":[{"__symbolic":"method"}],"getWindowScrollLeft":[{"__symbolic":"method"}],"calculateHandleValue":[{"__symbolic":"method"}],"updateHandleValue":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"updateValueMethodDivided":[{"__symbolic":"method"}],"getValueFromHandle":[{"__symbolic":"method"}],"getDecimalsCount":[{"__symbolic":"method"}],"getNormalizedValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-multiple-date-picker","template":"\n    <div #rootDiv>\n\n\n        <span *ngIf=\"!rangepickerFlag\" class=\"mainspan\">\n\n            <div (click)=\"fromPicker(rootDiv, $event)\" style=\" border-right-style: outset;\" class=\"fromdiv\">\n                <span class=\"lbl_text appendButton10 latoBold\">\n                    {{fromlabel}}\n                </span>\n                <em class=\"fa fa-angle-down dropicon\"></em>\n                <span id=\"parentdate\" class=\"blackText font20\">\n                    <span class=\"font30 lactoBlack\">\n                        {{fromdate | date :'dd'}}\n                    </span>\n                    <span class=\"\">\n                        {{fromdate | date: 'MMM'}}\n                        <ng-container *ngIf=\"fromdate !== null\"> ' </ng-container>\n                    </span>\n                    <span class=\"\">\n                        {{fromdate | date: 'yy'}}\n                    </span>\n                    <span>\n                        <h6 style=\"padding: 0%; margin:1%; opacity:0.5\">\n                            {{fromdate | date: 'EEEE'}}\n                        </h6>\n                    </span>\n                </span>\n\n            </div>\n\n            <div [ngClass]=\"{'disabled':(todate == null)}\" (click)=\"toPicker(rootDiv, $event)\" class=\"fromdiv pointer\">\n                <span class=\"lbl_text appendButton10 latoBold\">\n                    {{tolabel}}\n                </span>\n                <em class=\"fa fa-angle-down dropicon\"></em>\n                <span id=\"parentdate\" class=\"blackText font20\">\n                    <span class=\"font30 lactoBlack\">\n                        {{todate | date :'dd'}}\n                    </span>\n                    <span class=\"\">\n                        {{todate | date: 'MMM'}}\n                        <ng-container *ngIf=\"todate !== null\"> ' </ng-container>\n                    </span>\n                    <span class=\"\">\n                        {{todate | date: 'yy'}}\n                    </span>\n                    <span>\n\n                        <h6 style=\"padding: 0%; margin:1%; opacity:0.5\">\n                            {{todate | date: 'EEEE'}}\n                        </h6>\n                    </span>\n                </span>\n            </div>\n\n        </span>\n        <div [ngStyle]=\"dropdownstyle\" [style.width]=\"totalwidth+'px'\" *ngIf=\"datepicker\" class=\"datePickerContainer datetabs\">\n\n\n            <div class=\"flightCalOverlay\">\n                <div class=\"dayPickerFlightWrap\">\n                    <div class=\"RangeExample\">\n                        <div class=\"dayPickerHeader dayToFromCont blackText\">\n                            <div class=\"calHeading makeFlex\">\n                                <div class=\"dateFiled active\" style=\"padding-left: 8px\" [ngClass]=\"{'activecolordatetab':fromtab}\" (click)=\"fromPicker(rootDiv, $event)\">\n                                    <p class=\"font16 blackText latoBold appendRight30\">\n                                        <span *ngIf=\"!rangepickerFlag\" class=\"widgetSprite icCalendar appendRight10\">\n                                            <amexio-c-icon key=\"datepicker_calendar\"></amexio-c-icon>\n                                        </span>\n                                        <span class=\"selectedDateField appendBottom8 pointer\">\n                                             {{fromdate | date: 'dd'}} {{fromdate | date: 'MMM'}} {{fromdate | date: 'yy'}}\n                                        </span>\n                                    </p>\n                                </div>\n                                <div class=\"font16 blackText lactoBlack dashed appendRight30\"> - </div>\n                                <div class=\"dateFiled active\" [ngClass]=\"{'activecolordatetab':totab, 'disabled': (todate == null)}\" (click)=\"toPicker(rootDiv, $event)\">\n                                    <p class=\"font16 blackText latoBold appendRight30\">\n                                        <span *ngIf=\"!rangepickerFlag\" class=\"widgetSprite icCalendar appendRight10\">\n                                            <amexio-c-icon key=\"datepicker_calendar\"></amexio-c-icon>\n                                        </span>\n                                        <span class=\"selectedDateField appendBottom8 pointer\">\n                                            {{todate | date: 'dd'}} {{todate | date: 'MMM'}} {{todate | date: 'yy'}}\n                                        </span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n\n            <!-- new div -->\n\n            <ul *ngIf=\"rangepickerFlag\" style=\"list-style-type: none; margin: 0; padding:4px; display: flex; justify-content: space-between\">\n                <li class=\"prev\" style=\"cursor: pointer\" (click)=\"updateMonthList('minus',$event)\" (keyup.enter)=\"updateMonthList('minus',$event)\"\n                    [ngStyle]=\"{'cursor': backarrowflag ? 'not-allowed':'pointer'}\">\n                    <span aria-label=\"previous month push button \" (keyup.enter)=\"updateMonthList('minus',$event)\">\n                        <amexio-c-icon class=\"arrowiconshadow\" key=\"datepicker_previous\" (onClick)=\"updateMonthList('minus',$event)\"></amexio-c-icon>\n                    </span>\n                </li>\n\n                <li style=\"cursor: pointer\">\n                    <span>\n                        <span style=\"cursor:pointer\" (click)=\"dropdownDatePicker()\">\n                            {{selectedDate | date:'MMM'}}\n                            <!-- <br> -->\n                            <span class=\"title\"> {{selectedDate | date:'y'}}</span>\n                        </span>\n                        <span aria-label=\"dropdown datepicker push button\" (keyup.enter)=\"dropdownDatePicker()\" (onClick)=\" dropdownDatePicker()\"\n                            style=\"cursor:pointer; padding-left: 5px;\">\n                            <amexio-c-icon key=\"dropdown_caret\" (onClick)=\"dropdownDatePicker()\"></amexio-c-icon>\n                        </span>\n                    </span>\n                </li>\n                <li class=\"next\" style=\"cursor: pointer\" (click)=\"updateMonthList('plus',$event)\" (keyup.enter)=\"updateMonthList('plus',$event)\"\n                    [ngStyle]=\"{'cursor': forwardarrowflag ? 'not-allowed':'pointer'}\">\n                    <span aria-label=\"next month push button\" (keyup.enter)=\"updateMonthList('plus',$event)\">\n                        <amexio-c-icon class=\"arrowiconshadow\" key=\"datepicker_next\" (onClick)=\"updateMonthList('plus',$event)\"></amexio-c-icon>\n                    </span>\n                </li>\n            </ul>\n\n            <div style=\"position: absolute; width:100%; padding-right:5px;\">\n                <span [ngStyle]=\"{'display': rangepickerFlag ? '':'inline-flex' }\" style=\"display: inline-flex; flex-flow: wrap;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\">\n\n                    <ng-container *ngFor=\"let itemdaysArray of  completeDaysArray; index as i\">\n\n\n                        <span style=\"position: relative;\" [ngClass]=\"{'datetimepicker':!inlineDatepicker}\" [ngStyle]=\"{'box-shadow': rangepickerFlag ? '0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)':''}\">\n                            <!-- datepicker starts -->\n                            <span aria-label=\"datepicker window opened \">\n                                <!-- datepicker header starts and contains: 4 angles drop icon and title -->\n                                <div aria-label=\"datetimepicker header\" class=\"datetimepickertopbar\" aria-label=\"datepicker header\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n                                    <ul>\n\n                                        <li>\n                                            <span (click)=\"updateMonthList('minus',$event)\" (keyup.enter)=\"updateMonthList('minus',$event)\" [ngStyle]=\"{'cursor': backarrowflag ? 'not-allowed':'pointer'}\"\n                                                *ngIf=\"itemdaysArray.prevarrow && !rangepickerFlag\" tabindex=\"0\" role=\"button\" aria-label=\"Previous Month\">\n                                                <!-- left arrow icon -->\n                                                <i class=\"fa fa-arrow-left arrowiconshadow\" [ngStyle]=\"{'opacity': backarrowflag ? '0.2' : ''}\" style=\"float:left\" aria-hidden=\"true\"></i>\n                                            </span>\n\n                                            <span (click)=\"updateMonthList('plus',$event)\" (keyup.enter)=\"updateMonthList('plus',$event)\" class=\"pointer\" *ngIf=\"itemdaysArray.nextarrow && !rangepickerFlag\"\n                                                [ngStyle]=\"{'cursor': forwardarrowflag ? 'not-allowed':'pointer'}\" tabindex=\"0\" role=\"button\"\n                                                aria-label=\"Next Month\">\n                                                <!-- right arrow icon -->\n                                                <i class=\"fa fa-arrow-right arrowiconshadow\" [ngStyle]=\"{'opacity': forwardarrowflag ? '0.2' : ''}\" style=\"float:right\" aria-hidden=\"true\"></i>\n                                            </span>\n                                            <span class=\"title\" style=\"cursor:auto\">\n                                                {{itemdaysArray.date | date:'MMMM'}} {{itemdaysArray.date | date:'y'}}\n                                            </span>\n\n                                        </li>\n                                    </ul>\n                                </div>\n\n                                <ul class=\"weekdays\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n                                    <li *ngFor=\"let dayTitle of daysTitle\">{{dayTitle.text}}</li>\n                                </ul>\n\n                                <ul class=\"days\" [ngStyle]=\"{'display': datepicker ? 'block' : 'none'}\">\n\n                                    <ng-container *ngFor=\"let dayArray of itemdaysArray.montharray\">\n                                        <li [ngStyle]=\"{'cursor': day.isDisabled ? 'not-allowed' : 'pointer'}\" *ngFor=\"let day of dayArray\" [ngClass]=\"{'notclickable':disabled}\">\n                                            <span [attr.tabindex]=\"(day.selected ? 1: -1)\" id=\"{{day.id}}\" (keyup.enter)=\"onDateClick(day, $event, rootDiv)\" attr.aria-label=\"{{day.fulldate}}\"\n                                                (click)=\"onDateClick(day, $event, rootDiv)\" class=\"day\" [ngClass]=\"{'active': (day.from || day.to) , 'datesrange': day.range, 'currentMonth':day.isCurrentMonth, 'notCurrentMonth':!day.isCurrentMonth,'invaliddays':validateDays(day.date), 'disabled':day.isDisabled}\">\n                                                {{ day.date | date:'d' }}\n                                            </span>\n                                        </li>\n                                    </ng-container>\n                                </ul>\n                            </span>\n                            <!--datepicker ends  -->\n\n                        </span>\n\n                    </ng-container>\n                </span>\n            </div>\n        </div>\n\n\n    </div>\n    <!-- \n    fromdate => {{fromdate}}\n    <br> todate => {{todate}}\n    <br> rangepickerFlag => {{rangepickerFlag}}\n    <br> dropdownstyle = {{dropdownstyle | json}} -->\n\n\n    <!--dropdown datepicker -->\n    <div style=\"position: relative; z-index:1000\" *ngIf=\"drop\" class=\"datedropdown\">\n        <!-- hi -->\n    <!-- New Refactor code -->\n        <div class=\"dropdivMulti\">\n            <span tabindex=\"1\" aria-label=\"month list\">\n\n                <span class=\"dropspanMulti\">\n                    <ul class=\"dropulMulti\">\n                        <li tabindex=\"1\" id={{month.id}} class=\"li4\" (click)=\"getDropdownMonth(month)\" *ngFor=\"let month of monthList1\" attr.aria-label=\"{{month.fullname}}\"\n                            (keyup.arrowdown)=\"dropdownListOneArrowDown(month)\" (keyup.arrowup)=\"dropdownListOneArrowUp(month)\">\n                            <span [ngClass]=\"{'change4':month.flag}\"> {{month.name}}</span>\n                        </li>\n\n                    </ul>\n                </span>\n\n                <span class=\"dropspanMulti2\">\n                    <ul class=\"dropulMulti2\">\n                        <li class=\"li4\" tabindex=\"1\" id={{month.id}} (click)=\"getDropdownMonth(month)\" *ngFor=\"let month of monthList2\" attr.aria-label=\"{{month.fullname}}\"\n                            (keyup.arrowdown)=\"dropdownListTwoArrowDown(month)\" (keyup.arrowup)=\"dropdownListTwoArrowUp(month)\">\n                            <span [ngClass]=\"{'change4':month.flag}\"> {{month.name}}</span>\n                        </li>\n\n                    </ul>\n                </span>\n\n            </span>\n\n            <span tabindex=\"1\" aria-label=\"year list\">\n\n                <span class=\"dropspanMulti\">\n                    <ul class=\"dropulMulti\">\n                        <li tabindex=\"1\" (keyup.enter)=\"arrowClickBack($event)\" id=\"prevyearbutton\" aria-label=\"previous year list push button\" [ngClass]=\"{ 'disablearrow':backArrowFlag}\"\n                            class=\"dropiconpaddingMulti\" (click)=\"arrowClickBack($event)\">\n                            <amexio-c-icon key=\"paginator_first\" (onClick)=\"arrowClickBack($event)\"></amexio-c-icon>\n                        </li>\n                        <li tabindex=\"1\" (keyup.arrowdown)=\"yearList1ArrowDown(year)\" (keyup.arrowup)=\"yearList1ArrowUp(year)\" id=\"{{year.id}}\" [ngClass]=\"{ 'disablearrow':year.disabled}\"\n                            class=\"li4\" (click)=\"getDropdownYear(year)\" *ngFor=\"let year of yearList1\">\n                            <span [ngClass]=\"{'change4':year.flag && !year.disabled}\">\n                                {{year.year}}\n                            </span>\n                        </li>\n\n\n                    </ul>\n                </span>\n\n                <span class=\"dropspanMulti4\">\n                    <ul class=\"dropulMulti2\">\n\n                        <li tabindex=\"1\" (keyup.enter)=\"arrowClickForward($event)\" id=\"nextyearbutton\" aria-label=\"next year list push button\" [ngClass]=\"{ 'disablearrow':forwardArrowFlag}\"\n                            class=\"dropiconpaddingMulti\" (click)=\"arrowClickForward($event)\">\n                            <amexio-c-icon key=\"paginator_last\" (onClick)=\"arrowClickForward($event)\"></amexio-c-icon>\n                        </li>\n                        <li tabindex=\"1\" (keyup.arrowdown)=\"yearList2ArrowDown(year)\" (keyup.arrowup)=\"yearList2ArrowUp(year)\" id=\"{{year.id}}\" [ngClass]=\"{ 'disablearrow ':year.disabled}\"\n                            class=\"li4\" (click)=\"getDropdownYear(year)\" *ngFor=\"let year of yearList2\">\n                            <span [ngClass]=\"{'change4':year.flag && !year.disabled}\">\n                                {{year.year}}\n                            </span>\n                        </li>\n\n                    </ul>\n                </span>\n\n            </span>\n        </div>\n        <div class=\"btndivMulti1\">\n            <span class=\"dropbtnspanMulti\">\n                <button tabindex=\"1\" role=\"button\" [attr.aria-pressed]=\"okispressed\" (click)=\"navigateDropdown()\" class=\"datedropbtn\">\n                    ok\n                </button>\n                <button tabindex=\"1\" role=\"button\" [attr.aria-pressed]=\"cancelispressed\" class=\"datedropbtn\" (click)=\"negateDrop()\">\n                    cancel\n                </button>\n            </span>\n        </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":303,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":304,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":304,"character":23},"arguments":[{"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":307,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":307,"character":22},"arguments":[{"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":310,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":310,"character":25},"arguments":["200ms"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":314,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵcm"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":316,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵcm"},"multi":true}]}]}],"members":{"fromlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":321,"character":3}}]}],"tolabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":322,"character":3}}]}],"numberofmonths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":323,"character":3},"arguments":["number-of-months"]}]}],"inlineDatepicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":332,"character":3},"arguments":["inline-datepicker"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":342,"character":3},"arguments":["disabled"]}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":352,"character":3},"arguments":["min-date"]}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":361,"character":3},"arguments":["max-date"]}]}],"diabledDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":371,"character":3},"arguments":["disabled-date"]}]}],"rangePickerFromDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":373,"character":3},"arguments":["from-date"]}]}],"rangePickerToDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":374,"character":3},"arguments":["to-date"]}]}],"dateRangePickerFlag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":375,"character":3},"arguments":["date-range-picker"]}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":399,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":401,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":401,"character":55},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":401,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setfromtooncompletedayarray":[{"__symbolic":"method"}],"fromPicker":[{"__symbolic":"method"}],"toPicker":[{"__symbolic":"method"}],"openPicker":[{"__symbolic":"method"}],"calculateMonthBlocks":[{"__symbolic":"method"}],"createDaysForCurrentMonths":[{"__symbolic":"method"}],"getFullMonthName":[{"__symbolic":"method"}],"getFullDayName":[{"__symbolic":"method"}],"initDaysTitle":[{"__symbolic":"method"}],"validateDays":[{"__symbolic":"method"}],"setDisableDaysBeforeFrom":[{"__symbolic":"method"}],"resetDisabledaysBeforeFrom":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"refactoredOnDateClick":[{"__symbolic":"method"}],"onfromCardSelected":[{"__symbolic":"method"}],"onToCardSelected":[{"__symbolic":"method"}],"setVisibility":[{"__symbolic":"method"}],"fromdateRefactored":[{"__symbolic":"method"}],"assignFrom":[{"__symbolic":"method"}],"assignTo":[{"__symbolic":"method"}],"resetRange":[{"__symbolic":"method"}],"setRange":[{"__symbolic":"method"}],"disableddays":[{"__symbolic":"method"}],"validateDaysForMinMax":[{"__symbolic":"method"}],"refactoredvalidateDaysForMinMax":[{"__symbolic":"method"}],"clearFromTo":[{"__symbolic":"method"}],"clearFrom":[{"__symbolic":"method"}],"clearTo":[{"__symbolic":"method"}],"updateMonthList":[{"__symbolic":"method"}],"incrementMonthList":[{"__symbolic":"method"}],"decrementMonthList":[{"__symbolic":"method"}],"validateMinMaxDate":[{"__symbolic":"method"}],"validateMinDate":[{"__symbolic":"method"}],"validateMaxDate":[{"__symbolic":"method"}],"altercompleteDaysArray":[{"__symbolic":"method"}],"alterdatesrange":[{"__symbolic":"method"}],"dropdownDatePicker":[{"__symbolic":"method"}],"arrowClickBack":[{"__symbolic":"method"}],"arrowClickForward":[{"__symbolic":"method"}],"navigateDropdown":[{"__symbolic":"method"}],"negateDrop":[{"__symbolic":"method"}]}},"ɵcn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-geolocation","template":"\n\n    "}]}],"members":{"getlocation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":5},"arguments":["onSuccess"]}]}],"onfailure":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5},"arguments":["onFailure"]}]}],"ngOnInit":[{"__symbolic":"method"}],"getLocation":[{"__symbolic":"method"}]}},"ɵco":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"[amexio-mask-pattern]"}]}],"members":{"inputPattern":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5},"arguments":["amexio-mask-pattern"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":18}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":36,"character":43},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":36,"character":70}]}],"onModelChange":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":40,"character":5},"arguments":["keyup",["$event"]]}]}],"handleCurrentValue":[{"__symbolic":"method"}],"getOperatingValues":[{"__symbolic":"method"}],"valueInitialize":[{"__symbolic":"method"}],"validateProgress":[{"__symbolic":"method"}]}},"ɵcp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-dial-pad","template":"\n      <label class=\"labcolor\"> {{label}}</label>\n      <span style=\"display:flex\">\n        <input class=\"input-control\" [ngClass]=\"cls\" [(ngModel)]=\"value\" style=\" margin-bottom: 6px\" type=\"{{textType}}\" maxlength=\"maxlen\"\n          minlength=\"minlen\" value=\"{{value}}\" readonly>\n        <ng-container *ngIf=\"showpassword\">\n          <span *ngIf=\"show\" style=\" cursor:pointer; border-bottom: 1px solid;margin-bottom: 6px; padding: .375rem 0\" [ngClass]=\"cls\"\n            (click)=\"toggleShow()\">\n            <span>\n              <em style=\"margin-top: 13px;\n                    padding-right: 7px;\" class=\"fa fa-eye\"></em>\n            </span>\n          </span>\n          <span *ngIf=\"!show\" style=\"cursor:pointer; border-bottom: 1px solid;margin-bottom: 6px; padding: .375rem 0\" [ngClass]=\"cls\"\n            (click)=\"toggleShow()\">\n            <span>\n              <em style=\"margin-top: 13px;\n                    padding-right: 7px;\" class=\"fa fa-eye-slash\"></em>\n            </span>\n          </span>\n        </ng-container>\n        <ng-container *ngIf=\"iconfeedback\">\n          <span style=\" border-bottom: 1px solid;margin-bottom: 6px; padding: .375rem 0\" [ngClass]=\"cls\">\n            <span *ngIf=\"!isValid && cls == 'redcls'\">\n              <em class=\"fa fa-times\" style=\"margin-top: 13px\"></em>\n            </span>\n            <span *ngIf=\"isValid && cls == 'greencls'\">\n              <em class=\"fa fa-check\" style=\"margin-top: 13px\"></em>\n            </span>\n          </span>\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"type == '2-rows'\">\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of btnArray1\" class=\"btn\">\n            <button type=\"button\" tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" [ngClass]=\"{'rounded': (btnType == 'round')}\" class=\"pointer btncolor\"\n              (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n          <span class=\"btn\">\n            <button type=\"button\" tabindex=\"0\" (keyup.enter)=\"eraseData()\" [ngClass]=\"{'rounded': (btnType == 'round')}\" aria-label=\"backspace\"\n              class=\"fa fa-arrow-left pointer btncolor\" (click)=\"eraseData()\">\n            </button>\n          </span>\n        </span>\n\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of btnArray2\" class=\"btn \">\n            <button style=\"margin-top:8px\" tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" [ngClass]=\"{'rounded': btnType == 'round'}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n          <span class=\"btn\">\n            <button type=\"button\" tabindex=\"0\" (keyup.enter)=\"clearData()\" aria-label=\"clear data\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              style=\"margin-top:8px\" class=\"fa fa-eraser pointer btncolor\" (click)=\"clearData()\">\n\n            </button>\n          </span>\n        </span>\n      </ng-container>\n\n      <ng-container *ngIf=\"type == 'classic'\">\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type2Arr1\" class=\"btn\">\n            <button type=\"button\" tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" [ngClass]=\"{'rounded': (btnType == 'round')}\" class=\"pointer btncolor\"\n              (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n        </span>\n\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type2Arr2\" class=\"btn \">\n            <button style=\"margin-top:8px\" tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n        </span>\n\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type2Arr3\" class=\"btn \">\n            <button style=\"margin-top:8px\" tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n\n        </span>\n\n        <span class=\"btnspan\">\n          <span class=\"clear-btn\">\n            <button tabindex=\"0\" (keyup.enter)=\"clearData()\" aria-label=\"clear data\" [ngClass]=\"{'rounded': (btnType == 'round')}\" type=\"button\"\n              style=\"margin-top:10px; width: 42px; height: 35px; left:-1px;\" class=\"fa fa-eraser pointer btncolor\" (click)=\"clearData()\">\n            </button>\n          </span>\n          <span class=\"btn\">\n            <button style=\"margin-top:8px\" tabindex=\"0\" [ngClass]=\"{'rounded': (btnType == 'round')}\" type=\"button\" class=\"pointer btncolor\"\n              (click)=\"getBtnData(item)\">{{lastDigit}}</button>\n          </span>\n\n          <span class=\"clear-btn\">\n            <button type=\"button\" tabindex=\"0\" (keyup.enter)=\"eraseData()\" aria-label=\"backspace\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              style=\"margin-top:10px; width: 42px; height: 35px; left:3px;\" class=\"fa fa-arrow-left pointer btncolor\" (click)=\"eraseData()\">\n            </button>\n          </span>\n        </span>\n\n      </ng-container>\n\n      <ng-container *ngIf=\"type == 'calculator'\">\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type3Arr1\" class=\"btn\">\n            <button tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" type=\"button\" [ngClass]=\"{'rounded': (btnType == 'round')}\" class=\"pointer btncolor\"\n              (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n        </span>\n\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type3Arr2\" class=\"btn \">\n            <button tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" style=\"margin-top:8px\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n\n        </span>\n\n        <span class=\"btnspan\">\n          <span *ngFor=\"let item of type3Arr3\" class=\"btn \">\n            <button tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" style=\"margin-top:8px\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{item}}</button>\n          </span>\n        </span>\n\n        <span class=\"btnspan\">\n\n          <span class=\"clear-btn\">\n            <button tabindex=\"0\" (keyup.enter)=\"clearData()\" aria-label=\"clear data\" [ngClass]=\"{'rounded': (btnType == 'round')}\" type=\"button\"\n              style=\"margin-top:10px; width: 42px; height: 35px; left:-1px;\" class=\"fa fa-eraser pointer btncolor\" (click)=\"clearData()\">\n            </button>\n          </span>\n          <span class=\"btn\">\n            <button tabindex=\"0\" (keyup.enter)=\"getBtnData(item)\" style=\"margin-top:8px\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              type=\"button\" class=\"pointer btncolor\" (click)=\"getBtnData(item)\">{{lastDigit}}</button>\n          </span>\n\n          <span class=\"clear-btn\">\n            <button tabindex=\"0\" (keyup.enter)=\"eraseData()\" aria-label=\"backspace\" type=\"button\" [ngClass]=\"{'rounded': (btnType == 'round')}\"\n              style=\"margin-top:10px; width: 42px; height: 35px;left: 3px; \" class=\"fa fa-arrow-left pointer btncolor\" (click)=\"eraseData()\">\n            </button>\n          </span>\n        </span>\n\n      </ng-container>\n    "}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5},"arguments":["field-label"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":5}}]}],"random":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":5}}]}],"password":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"maxlen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":5},"arguments":["max-length"]}]}],"minlen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5},"arguments":["min-length"]}]}],"btnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":5},"arguments":["button-type"]}]}],"showpassword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":5},"arguments":["show-password"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":180,"character":5}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"generateTyp1Arr":[{"__symbolic":"method"}],"generateType2Arr":[{"__symbolic":"method"}],"generateTyp2Arry":[{"__symbolic":"method"}],"generateRandomArray":[{"__symbolic":"method"}],"validateMinMax":[{"__symbolic":"method"}],"validateMin":[{"__symbolic":"method"}],"validateMax":[{"__symbolic":"method"}],"getBtnData":[{"__symbolic":"method"}],"eraseData":[{"__symbolic":"method"}],"emitBtnData":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"getRandomNumber":[{"__symbolic":"method"}],"randomFloat":[{"__symbolic":"method"}],"randomInt":[{"__symbolic":"method"}],"toggleShow":[{"__symbolic":"method"}]}},"ɵcq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-date-range-picker","template":"\n      <span style=\"display:inline-flex\">\n        <span style=\"display:inline-grid;     box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;  \">\n          <span class=\"customRangePanel customRange\">\n            Custom\n          </span>\n          <span *ngFor=\"let item of customRange ; let i = index\" class=\"customRangePanel\" (click)=\"selectRangeOption(item)\">\n            {{item}}\n            <!-- today tooltip span -->\n            <span *ngIf=\" (i == 0) && todayIconFlag\" class=\"tooltipRange\"> <i class=\"fa fa-info-circle \"\n                style=\"color: red; font-weight: bold\" aria-hidden=\"true\"></i>\n              <span class=\"tooltiptextRange\">\n                today is disabled date\n              </span>\n            </span>\n            <!-- yesterday tooltip span -->\n            <span *ngIf=\" (i == 1) && yesterdayIconFlag\" class=\"tooltipRange\"> <i class=\"fa fa-info-circle \"\n                style=\"color: red; font-weight: bold\" aria-hidden=\"true\"></i>\n              <span class=\"tooltiptextRange\">\n                yesterday is disabled date\n              </span>\n            </span>\n          </span>\n          <span style=\"display:inline-grid;   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\">\n            <!-- blank days upto today -->\n            <span class=\"customRangePanel\">\n              <input  [(ngModel)] = \"multiDateRangePickerModel.daysOptionToday\" (keyup.enter)=\"ResetDaysTillToday()\" type=\"text\" size=\"3\"> Days upto today\n            </span>\n            <!-- blank days upto Yesterday -->\n            <span class=\"customRangePanel\">\n              <input [(ngModel)] = \"multiDateRangePickerModel.daysOptionYesterday\"  (keyup.enter)=\"ResetDaysTillYesterday()\" type=\"text\" size=\"3\"> Days upto Yesterday\n            </span>\n          </span>\n\n        </span>\n        <span style=\"display: inline-block; margin-left: 2px;\">\n          <amexio-multiple-date-picker [fromlabel]=\"'Departure'\" [tolabel]=\"'Return'\" [number-of-months]=\"2\"\n            [from-date]=\"newFromDate\" [to-date]=\"newToDate\" [date-range-picker]=\"true\">\n          </amexio-multiple-date-picker>\n        </span>\n      </span>\n    "}]}],"members":{"disabledDates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5},"arguments":["disabled-date"]}]}],"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵcm"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateFromTodate":[{"__symbolic":"method"}],"chkDisableddate":[{"__symbolic":"method"}],"clearSelectedFlag":[{"__symbolic":"method"}],"alterCompleteDaysArray":[{"__symbolic":"method"}],"selectRangeOption":[{"__symbolic":"method"}],"ResetDaysTillToday":[{"__symbolic":"method"}],"ResetDaysTillYesterday":[{"__symbolic":"method"}]}},"ɵcr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-image","template":"\n    <!--Normal image-->\n    <ng-container *ngIf=\"iconclass && (!path && !mda) && overlay || overlayText || titlePara || imgTitle \">\n    <div class=\"img-container\" [ngClass]=\"addimageCSSClass()\"  [ngStyle]=\"{'top':top,'bottom':bottom,'left':left,'right':right} \">\n      <ng-container *ngIf=\"path || (path && iconclass)\">\n        <ng-container *ngIf=\"!(width || height)\">\n          <img alt=\"title\" [src]=\"path\" [attr.class]=\"cclass\" (click)=\"onImageClick($event)\" [attr.title]=\"tooltip\">\n          <div *ngIf=\"overlay\" [ngClass]=\"overlayEffect\">\n            <div *ngIf=\"overlayText\" [ngClass]=\"overlayTextClass\">{{overlayText}}\n              <p *ngIf=\"titlePara\">{{titlePara}}</p>\n            </div>\n          </div>\n          <div *ngIf=\"imgTitle\" [ngClass]=\"position\">{{imgTitle}}</div>\n        </ng-container>\n        <ng-container *ngIf=\"width || height\">\n          <img alt=\"title\" [ngStyle]=\"{'width':width,'height':height}\" [attr.class]=\"cclass\" [src]=\"path\" (click)=\"onImageClick($event)\" [attr.title]=\"tooltip\">\n           <div *ngIf=\"overlay\" [ngClass]=\"overlayEffect\">\n            <div *ngIf=\"overlayText\" [ngClass]=\"overlayTextClass\">{{overlayText}}\n              <p *ngIf=\"titlePara\">{{titlePara}}</p>\n            </div>\n          </div>\n          <div *ngIf=\"imgTitle\" [ngClass]=\"position\">{{imgTitle}}</div>\n        </ng-container>\n      </ng-container>\n      </div>\n    </ng-container>\n\n\n\n    <ng-container *ngIf=\"!(iconclass && (!path && !mda) && overlay || overlayText || titlePara || imgTitle )\">\n        <ng-container *ngIf=\"path || (path && iconclass)\">\n        <ng-container *ngIf=\"!(width || height)\">\n        <img alt=\"title\" [src]=\"path\" [attr.class]=\"cclass\" (click)=\"onImageClick($event)\" [attr.title]=\"tooltip\">\n        </ng-container>\n        <ng-container *ngIf=\"width || height\">\n        <img alt=\"title\" [ngStyle]=\"{'width':width,'height':height}\" [attr.class]=\"cclass\" [src]=\"path\" (click)=\"onImageClick($event)\" [attr.title]=\"tooltip\">\n        </ng-container>\n        </ng-container>\n        </ng-container>\n    \n    <!--this is for fontawesome-->\n    <ng-container *ngIf=\"iconclass && (!path && !mda)\">\n      <em [attr.class]=\"iconclass\" [attr.title]=\"tooltip\" (click)=\"onImageClick($event)\"></em>\n      <label class=\"image-title\" *ngIf=\"title\" (click)=\"onImageClick($event)\" style=\"cursor: pointer\">{{title}}</label>\n    </ng-container>\n\n    <!--Material icon-->\n    <ng-container *ngIf=\"(iconclass && mda) && !path\">\n      <em [attr.class]=\"iconclass\" [attr.title]=\"tooltip\" (click)=\"onImageClick($event)\">{{mda}}</em>\n    </ng-container>\n\n    <ng-container *ngIf=\" title && !iconclass\">\n      <span style=\"font-size: medium\">{{title}}</span>\n    </ng-container>\n  "}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3},"arguments":["icon-class"]}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["c-class"]}]}],"mda":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":171,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3},"arguments":["filter"]}]}],"overlayEffect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3},"arguments":["overlay-effect"]}]}],"overlayText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3},"arguments":["overlay-text"]}]}],"imgTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3},"arguments":["image-title"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3},"arguments":["title-position"]}]}],"titlePara":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":234,"character":3},"arguments":["para"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":3},"arguments":["position-top"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":254,"character":3},"arguments":["position-bottom"]}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3},"arguments":["position-left"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":3},"arguments":["position-right"]}]}],"absolute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":284,"character":3},"arguments":["absolute"]}]}],"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":295,"character":1},"arguments":["relative"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onImageClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"addimageCSSClass":[{"__symbolic":"method"}]}},"ɵcs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"onMinimizeClick":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵct":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"amexio-floating-panel","template":"\n      <div *ngIf=\"showPanel\" [ngStyle]=\"style\" [ngClass]=\"{floatarrow:arrow}\" class=\"{{roundedgeclass}}\" #floatingPanel (mousedown)=\"onMouseDown($event, floatingPanel)\"\n        [style.background]=\"'#ffffff'\" [style.padding]=\"resizable  ? '5px':'0px'\" [style.resize]=\"resizable  ? 'both':''\" [style.overflow]=\"resizable ?'auto':''\">\n\n        <div class='floatingpanel-header' name=\"floatingheader\" [ngStyle]=\"{'cursor': (draggable) ? 'move':null}\" [style.margin]=\"resizable  ? '-5px -5px 0px -5px': ''\"\n          [ngClass]=\"themeCss\">\n          <div class=\"flex-spacebetween\">\n            <amexio-label [word-wrap]=\"false\" style=\"width:90%\" [size]=\"'medium-bold'\">\n              {{title}}\n            </amexio-label>\n            <span *ngIf=\"closeable\" [ngStyle]=\"{'color': gradientFlag ? 'black':'white'}\" class=\"creative-header-icon-div\" style=\"padding-top: 1px\">\n              <span class=\"fa fa-times ng-star-inserted\" style=\"cursor: pointer;\" (click)=\"togglePanel()\"></span>\n            </span>\n          </div>\n          <br/>\n        </div>\n        <div class=\"card-container-body card-container-ce-color\" style=\"display: block;overflow: auto;\" [ngStyle]=\"{'height':height + 'px'}\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    "}]}],"members":{"relative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["relative"]}]}],"absolute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5},"arguments":["absolute"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5},"arguments":["height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5},"arguments":["width"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5},"arguments":["title"]}]}],"topPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5},"arguments":["top-position"]}]}],"bottomPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["bottom-position"]}]}],"rightPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5},"arguments":["right-position"]}]}],"leftPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5},"arguments":["left-position"]}]}],"onclose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5},"arguments":["onClose"]}]}],"closeable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5},"arguments":["closeable"]}]}],"showPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5},"arguments":["show-panel"]}]}],"showPanelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5}}]}],"arrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5},"arguments":["arrow"]}]}],"buttonRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"}]}]}],"floatingPanelRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":5},"arguments":["floatingPanel"]}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":87,"character":75},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":87,"character":102}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getZindex":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"elementDrag":[{"__symbolic":"method"}],"closeDragElement":[{"__symbolic":"method"}],"togglePanel":[{"__symbolic":"method"}],"panelStyle":[{"__symbolic":"method"}],"arrowPadding":[{"__symbolic":"method"}],"setPanelAbsolutePostion":[{"__symbolic":"method"}],"setPanelStylePostion":[{"__symbolic":"method"}],"changeHeaderColor":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}]}},"ɵcu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"members":{"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":["target",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":14,"character":33}}]}]}],"queryTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"AmexioTabPillComponent"}]}]}],"tabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5},"arguments":["tab-position"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["tab",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":30}}]}]}],"tabslist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["tabslist",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":35}}]}]}],"fullPageTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5},"arguments":["divide-header-equally"]}]}],"activeBGColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5},"arguments":["active-bg-color"]}]}],"bodyheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["body-height"]}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":45,"character":49}]}],"addDynamicTab":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabPillClose":[{"__symbolic":"method"}],"onVerticalTabClick":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}],"tabDomRemove":[{"__symbolic":"method"}],"asignTabPillClass":[{"__symbolic":"method"}],"adjustWidth":[{"__symbolic":"method"}],"onAdjustHeight":[{"__symbolic":"method"}]}},"ɵcv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"amexio-radio-group","template":"\n    <div role=\"radiogroup\" [attr.name]=\"name\"  attr.aria-labelledby=\"{{componentId}}\" [attr.aria-disabled]=\"disabled\"\n      [attr.aria-required]=\"!allowblank\" class=\"inputgroup from-group\">\n      <div *ngIf=\"fieldlabel\">\n        <legend style=\"margin-bottom: .6rem; margin-top: 5px;\" id=\"{{componentId}}\">{{fieldlabel}}</legend>\n      </div>\n\n      <ng-container *ngIf=\"horizontal\">\n        <ng-container *ngFor=\"let rData of data let index=index\">\n          <label for=\"{{name+rData[displayfield]+index}}\" \n          [attr.aria-checked]=\"value\" \n          [attr.aria-disabled]=\"rData.disabled\"\n     \n            class=\"input-box-container\" style=\"padding-bottom:0px !important; margin: 5px !important\" (click)=\"onClick(rData, $event)\"\n            [ngClass]=\"{'disable-component' : rData.disabled || disabled}\">\n            {{rData[displayfield]}}\n\n            <input [attr.tabindex]=\"disabled ? -1 : 1\"\n            style=\"top:0; left:0\" id=\"{{name+rData[displayfield]+index}}\"\n             type=\"radio\" \n\n              [required]=\"!allowblank\"\n               [attr.name]=\"name\" \n               [value]=\"rData?.selected ? rData[valuefield] : rData[valuefield] \"\n              [attr.disabled]=\"rData?.disabled ? true: null\" \n              [(ngModel)]=\"value\"\n              (focus)=\"onFocus()\"\n              (blur)=\"onBlur()\"\n              [checked]=\"(value === rData[valuefield] || rData.selected)\">\n\n            <span class=\"input-box-radiobox-label\" [ngClass]=\"{'focusOnCheckbox':tabFocus}\" ></span>\n          </label>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"!horizontal\">\n        <ng-container *ngFor=\"let rData of data let index=index\">\n          <div>\n            <label for=\"{{name+rData[displayfield]+index}}\" [attr.aria-checked]=\"value\" [attr.aria-disabled]=\"rData.disabled\"\n              class=\"input-box-container\" style=\"padding-bottom:0px !important; margin: 5px !important\" (click)=\"onClick(rData, $event)\"\n              [ngClass]=\"{'disable-component' : rData.disabled || disabled}\">{{rData[displayfield]}}\n              <input style=\"top:0; left:0\" id=\"{{name+rData[displayfield]+index}}\" type=\"radio\"\n              [attr.tabindex]=\"disabled ? -1 : 1\" [required]=\"!allowblank\" [attr.name]=\"name\" [value]=\"rData?.selected ? rData[valuefield] : rData[valuefield] \"\n              (focus)=\"onFocus()\"\n              (blur)=\"onBlur()\"\n              [attr.disabled]=\"rData?.disabled ? true: null\" [(ngModel)]=\"value\"\n                [checked]=\"(value === rData[valuefield] || rData.selected)\">\n              <span class=\"input-box-radiobox-label\" [ngClass]=\"{'focusOnCheckbox':tabFocus}\"></span>\n            </label>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":86,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵcv"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":88,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵcv"},"multi":true}]}]}],"members":{"allowblank":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3},"arguments":["allow-blank"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3},"arguments":["field-label"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["value-field"]}]}],"defaultSelectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3},"arguments":["default-value"]}]}],"horizontal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3}}]}],"onSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":211,"character":3}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":213,"character":3}}]}],"isComponentValid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":222,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":232,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"checkDefaultValidation":[{"__symbolic":"method"}],"checkSelectedFlag":[{"__symbolic":"method"}],"getResponseData":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"checkValidity":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵcw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-panel","template":"\n\n\n\n    <div    #id style=\"width: 100%\" class=\"{{roundedgeclass}}\" [ngClass]=\"{'panel-full-screen': yesFullScreen && fullscreenMax}\" (contextmenu)=\"loadContextMenu({event:$event,ref:id})\"  >\n        <ng-container *ngIf=\"collapsible; else elseBlock\"> \n            <div id=\"{{componentId}}\" [ngStyle]=\"{'background': bgColor, 'color': color}\"\n            *ngIf=\"header\" class=\"panel-accordion\"  [ngClass]=\"themeCss\"\n            (click)=\"onTabClick(id)\"    >\n                <amexio-toolbar\n                tabindex=\"0\" \n                role=\"heading\"\n                [attr.aria-expanded]=\"expanded\"\n                (keyup.enter)=\"onTabClick(id)\"\n                (keyup.space)=\"onTabClick(id)\">\n                    <amexio-toolbar-item [ngStyle]=\"{'color': gradientFlag ? 'white':''}\" position-left  attr.aria-label=\"{{title}}\">\n                        <amexio-label  attr.aria-labelledby=\"{{componentId}}\" size=\"small\">\n                            {{title}}\n                        </amexio-label>\n                    </amexio-toolbar-item>\n                    <amexio-toolbar-item [ngStyle]=\"{'color': gradientFlag ? 'black':''}\" position-right>\n                        <ng-content select=\"amexio-panel-header\"></ng-content>\n                    </amexio-toolbar-item>\n                    <amexio-toolbar-item [ngStyle]=\"{'color': gradientFlag ? 'black':''}\" style=\"margin:auto\" position-right>     \n                        <amexio-c-icon style=\"padding-right:10px\" class=\"cursor-style\" *ngIf=\"(yesFullScreen && fullscreenMax)\" [key]=\"'full-screen-min-icon'\" (onClick)=\"minScreenChange($event)\"></amexio-c-icon>\n                    </amexio-toolbar-item>\n                    <amexio-toolbar-item [ngStyle]=\"{'color': gradientFlag ? 'black':''}\" style=\"margin:auto\" position-right>\n                                          <amexio-c-icon style=\"padding-right:10px\" class=\"cursor-style\" *ngIf=\"(yesFullScreen && !fullscreenMax)\" [key]=\"'full-screen-max-icon'\" (onClick)=\"maxScreenChange($event)\"></amexio-c-icon>\n                    </amexio-toolbar-item>\n                    <amexio-toolbar-item [ngStyle]=\"{'color': gradientFlag ? 'black':''}\" style=\"margin:auto\" position-right>\n                        <i [class]=\"iconclassKey\" aria-hidden=\"true\" #btn1></i>\n                    </amexio-toolbar-item>\n                </amexio-toolbar>\n            </div>\n        </ng-container>\n\n        <ng-template #elseBlock>\n            <div    id=\"{{componentId}}\"   *ngIf=\"header\" class=\"panel-accordion\" (click)=\"onTabClick(id)\">\n                <amexio-toolbar\n                tabindex=\"0\" \n                [attr.aria-expanded]=\"expanded\"\n                (keyup.enter)=\"onTabClick(id)\"\n                (keyup.space)=\"onTabClick(id)\"\n            \n                >\n                    <amexio-toolbar-item position-left tabindex=\"0\" [attr.aria-expanded]=\"expanded\"  attr.aria-label=\"{{title}}\">\n                        <amexio-label  size=\"small\"   attr.aria-labelledby=\"{{componentId}}\" >\n                            {{title}}\n                        </amexio-label>\n                    </amexio-toolbar-item>\n                    <amexio-toolbar-item position-right>\n                        <ng-content select=\"amexio-panel-header\"></ng-content>\n                    </amexio-toolbar-item>\n                </amexio-toolbar>\n            </div>\n        </ng-template>\n    \n        <div tabindex=\"0\"  id=\"panelpanelId\" class=\"panel-panel\" [ngStyle]=\"{'border-color': border && bgColor}\" [ngClass]=\"{'panel-box-border':border, 'panel-without-header':!header}\" [style.textAlign]=\"contentAlign\" [style.height.px]=\"height\"\n            [@panelState]=\"panelstyle.state\">\n            <ng-content aria-labelledby=\"panelpanelId\" ></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"flag && (this.contextmenu && this.contextmenu.length > 0)\">\n            <base-contextmenu tabindex=\"0\" [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\"\n                [mouse-location-left]=\"mouseLocation.left\" [is-FlagShow]=\"flag\" [right-click-data]=\"nodeRightClick\"\n                (onRightClick)=\"rightClickDataEmit($event)\" [position-up]=\"posixUp\">\n            </base-contextmenu>\n        </ng-container>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":99,"character":4},"arguments":["panelState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":100,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":100,"character":22},"arguments":[{"visibility":"hidden","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":104,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":104,"character":23},"arguments":[{"visibility":"visible","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":108,"character":6},"arguments":["block",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":108,"character":21},"arguments":[{"display":"block","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":112,"character":6},"arguments":["none",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":112,"character":20},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":116,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":116,"character":25},"arguments":["200ms"]}]}]]}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3},"arguments":["context-menu"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3}}]}],"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3},"arguments":["background"]}]}],"contentAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":219,"character":3},"arguments":["content-align"]}]}],"parentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":3}}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3},"arguments":["fit"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":233,"character":3}}]}],"nodeRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":235,"character":3}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":237,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":267,"character":44},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":267,"character":51}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":267,"character":32},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onTabClick":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"updatestyle":[{"__symbolic":"method"}],"getContextMenu":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"changeHeaderColor":[{"__symbolic":"method"}]}},"ɵcx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"amexio-panel-item","template":"\n      <div [@slide]=\"!showrow ? 'right' : ''\">\n\n          <ng-container *ngIf=\"showrow\">\n            <div style=\"cursor: pointer\" (click)=\" onPanelClick($event)\">\n              <div class=\"panelitemrow\" >\n                <span style=\"padding-right: 5px;\" *ngIf=\"icon\">\n                  <amexio-c-icon [customclass]=\"icon\" [label]=\"title\">\n                  </amexio-c-icon>\n                </span>\n                <span *ngIf=\"!icon\">\n                  {{title}}\n                </span>\n                <span *ngIf=\"hasContent\" style=\"float:right;padding-right:2%\">\n                  <amexio-c-icon [customclass]=\"'fa fa-arrow-right'\">\n                  </amexio-c-icon>\n                </span>\n              </div>\n  \n            </div>\n          </ng-container>\n  \n        </div>\n           <div  [@slide]=\"!showngcontent ? 'left' : ''\" #tref style=\"width: 100%;\n           padding: 1%;\" class=\"panelborder\"\n           [ngStyle]=\"{'display':showngcontent ? 'block': 'none'}\">\n  \n            <ng-content>\n  \n            </ng-content>\n          </div>\n  \n   \n    ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":46,"character":8},"arguments":["slide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":47,"character":12},"arguments":["left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":26},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":48,"character":12},"arguments":["right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":27},"arguments":[{"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":12},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":33},"arguments":[500]}]}]]}]}]}],"members":{"activePane":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"tref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":5},"arguments":["tref",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":78,"character":31}}]}]}],"childPanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onPanelClick":[{"__symbolic":"method"}]}},"ɵcy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"amexio-sliding-panel","template":"\n      <div>\n          <div *ngIf=\"header && !showbackarrow\" class=\"panelheader\" style=\"font-weight: bold\">\n              {{header}}\n          </div>\n          <div *ngIf=\"showbackarrow\" class=\"panelitemrow\">\n              <span style=\"cursor:pointer\" (click)=\"restorePanelState()\">\n                  <amexio-c-icon [customclass]=\"'fa fa-arrow-left'\">\n                  </amexio-c-icon>\n              </span>\n              <span style=\"font-weight: bold;\" >\n                  {{panelItemName}}\n              </span>\n          </div>\n          <ng-content select=\"amexio-panel-item \">\n\n          </ng-content>\n      </div>\n    "}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"queryTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":30,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵcx"}]}]}],"onPanelItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"restorePanelState":[{"__symbolic":"method"}],"onPaneClick":[{"__symbolic":"method"}]}},"ɵcz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"amexio-nav-item","template":"\n    <div [attr.id]=\"componentId\" class=\"topnavmainbarinneritems\" [ngClass]=\"{'topnavmainbarinneritems-mobile':mobilemode,\n     'nav-dropdown-content-right':enablerightclass}\">\n        <amexio-nav-action *ngIf=\"isAction\" [color]=\"itemcolor\" [type]=\"type\" [title]=\"title\" [icon]=\"icon\" (navLinkClick)=\"navItemClick($event)\"></amexio-nav-action>\n        <amexio-nav-textfield *ngIf=\"isTextField\" [color]=\"itemcolor\" [(ngModel)]=\"value\" [title]=\"title\"></amexio-nav-textfield>\n        <amexio-nav-menu *ngIf=\"isMenu\" [submenupos]=\"submenupos\" [sub-menu-height-padding]=\"subMenuPadding\" [mobilemode]=\"mobilemode\" [color]=\"itemcolor\" [title]=\"title\" [icon]=\"icon\" [data]=\"data\" (onNavItemClick)=\"navItemClick($event)\">\n        </amexio-nav-menu>\n        <amexio-nav-menu *ngIf=\"isMenuContainer\" [sub-menu-height-padding]=\"subMenuPadding\" [mobilemode]=\"mobilemode\" [color]=\"itemcolor\" [title]=\"title\" [icon]=\"icon\" [type]=\"type\" (navLinkClick)=\"navItemClick($event)\">\n            <ng-content></ng-content>\n        </amexio-nav-menu>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":45,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵcz"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"onNavItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"navmenus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":100,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵda"}]}]}],"mobilemode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"subMenuPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["sub-menu-height-padding"]}]}],"submenupos":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["submenupos"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":122,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setSubmenuIcon":[{"__symbolic":"method"}],"setHoverattr":[{"__symbolic":"method"}],"navItemClick":[{"__symbolic":"method"}],"setMobileMode":[{"__symbolic":"method"}],"setNavbarWidth":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"hoverfun":[{"__symbolic":"method"}],"ResetHoverattr":[{"__symbolic":"method"}]}},"ɵda":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"amexio-nav-menu","template":"\n    <div #navmenu class=\"nav-dropdown\" (mouseover)=\"onMouseOver($event)\" (mouseleave)=\"onMouseLeave($event)\" >\n      <a class=\"nav-dropbtn\" style=\"white-space: nowrap\" [ngStyle]=\"{'color':color}\" \n        (click)=\"onHeaderClick($event)\">\n        <span [style.padding-left.px]=\"icon ? 0 : 10\">\n          <em *ngIf=\"icon\" [ngClass]=\"icon\"></em>\n        </span>\n        <span>{{title}}</span>\n        <span>\n          <em *ngIf=\"!mobilemode\" class=\"dropdownicon fa fa-angle-down\"></em>\n          <em *ngIf=\"mobilemode && showMenus\" class=\"dropdownicon fa fa-angle-up\"></em>\n          <em *ngIf=\"mobilemode && !showMenus\" class=\"dropdownicon fa fa-angle-down\"></em>\n        </span>\n      </a>\n      <div *ngIf=\"(type==='menucontainer' && showMenus) \"\n        class=\"dropdownData\">\n        <ng-content></ng-content>\n      </div>\n      <amexio-nav-desktop  *ngIf=\" (type !='menucontainer') && showMenus && !mobilemode\" (onNavItemClick)=\"navItemClick($event)\"  class=\"amexio-nav-desktop amexio-nav-submenus amexio-nav-desktop-submenus\"  [nodes]=\"data\" [ngStyle]=\"{'right': (position === 'right') ? '10px':null}\"></amexio-nav-desktop>\n\n      <amexio-nav-mobile  *ngIf=\" (type !='menucontainer') && showMenus && mobilemode\"  (onNavItemClick)=\"navItemClick($event)\"   class=\"amexio-nav-mobile amexio-nav-submenus amexio-nav-mobile-submenus\"  [nodes]=\"data\"></amexio-nav-mobile>\n  \n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"navLinkClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"onNavItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"subMenuPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3},"arguments":["sub-menu-height-padding"]}]}],"mobilemode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"rightflag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["color"]}]}],"submenupos":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3},"arguments":["submenupos"]}]}],"navmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":["navmenu",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":113,"character":32}}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setMobileMode":[{"__symbolic":"method"}],"dataObject":[{"__symbolic":"method"}],"onHeaderClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"getMenuPosition":[{"__symbolic":"method"}],"onMouseoverTitle":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"navItemClick":[{"__symbolic":"method"}],"onIconClick":[{"__symbolic":"method"}]}},"ɵdb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"amexio-banner","template":"\n    <ng-container *ngIf=\"showBanner\">\n\n        <span class=\"bannerContent\" [style.justify-content]=\"alignment\" [ngStyle]=\"{'flex-direction': mobileMode ? 'column': 'unset'}\" (window:resize)=\"resize($event)\">\n            <amexio-image style=\"padding-left: 10px;\" [icon-class]=\"icon\"></amexio-image>\n            <amexio-label [word-wrap] = \"false\" style=\"padding-left: 10px;\">{{title}}</amexio-label>\n        </span>\n        <amexio-c-icon style=\"padding-bottom: 4px\" *ngIf=\"closeable\" [key]=\"'window_close'\" (onClick)=\"onCloseClick()\">\n        </amexio-c-icon>\n    </ng-container>\n  ","styles":["\n      :host{\n        display: inline-flex;\n        justify-content: space-between;\n        width: 100%;\n        align-items: center;\n      }\n\n      amexio-c-icon {\n        margin: 0 10px;\n        cursor: pointer;\n      }\n\n      .bannerContent {\n        flex-grow: 1;\n        display: inline-flex;\n        width: 100px;\n      }\n\n    "]}]}],"members":{"closeable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["closable"]}]}],"interval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"hideBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"closeOnScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["close-on-scroll"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":75,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":75,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":76,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":77,"character":16},{"__symbolic":"reference","name":"DeviceQueryService"}]}],"onWindowScroll":[{"__symbolic":"method"}],"callWindowScroll":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onCloseCommon":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"responsiveMethod":[{"__symbolic":"method"}],"onShowClick":[{"__symbolic":"method"}]}},"ɵdc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-nav-action","template":"\n    <a *ngIf=\"(type=='link')\" [ngStyle]=\"{'color':color}\" class=\"top-nav-link\" style=\"margin-right:20px\"\n    (click)=\"onClick($event)\"><i *ngIf=\"icon\" [ngClass]=\"icon\"></i>{{title}}</a>\n\n    <button *ngIf=\"(type=='button')\" [ngStyle]=\"{'color':color}\" class=\"top-nav-button\" style=\"cursor: pointer\" (click)=\"onClick($event)\">\n    <i *ngIf=\"icon\" style=\"padding-right:10px\" [ngClass]=\"icon\"></i>{{title}}</button>\n\n    <div  *ngIf=\"(type=='slider')\" style=\"width: 60px;\n    padding-bottom: 20px;\" class=\"top-nav-button\">\n    <amexio-darkmode [type]=\"2\"  [mode]=\"'sepia'\" [size]=\"'small'\"></amexio-darkmode>\n    </div>\n    <div  *ngIf=\"(type=='toggle')\" class=\"top-nav-button\">\n    <amexio-darkmode [type]=\"2\"  [mode]=\"'day-night'\" [size]=\"'small'\"></amexio-darkmode>\n    </div>\n    "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"navLinkClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ɵdd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-nav-textfield","template":"\n  <input  [ngStyle]=\"{'color':color}\" type=\"text\" class=\"top-nav-input-control\" [(ngModel)]=\"value\"/>\n\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":31,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵdd"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":33,"character":17},"member":"None"}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"ɵde":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-nav-desktop","template":"\n      <div #divRef class=\"scroll-class\" (scroll)=\"onScroll()\" [ngClass]=\"{'navbar-scroll': (nodes &&(nodes.length > 6))}\" [ngStyle]=\"{'height': (nodes &&(nodes.length > 6)) ?'300px':'auto'}\">\n      <div #menus style=\"display: flex; flex-direction: column;\" *ngFor=\"let node of nodes\">\n          <div *ngIf=\"node.separatorHeader\" class=\"nav-menu-separator\">\n              <!-- Add only border separator -->\n          </div>\n          <div *ngIf=\"node.separatorHeader\" class=\"nav-menu-header\">\n              {{node.separatorHeader}}\n          </div>\n          <div class=\"nav-desktop-link\" (click)=\"onClick($event,node)\" (mouseover)=\"onMouseOver($event, node)\"   (mouseleave)=\"onMouseLeave($event,node)\"\n              [ngClass]=\"{'nav-menu-separator': (node.separator && !node.separatorHeader)}\">\n\n              <span class=\"flex-inline\" [ngStyle]=\"{'flex-direction': (position === 'left') ?'row':'row-reverse'}\">\n                  <em *ngIf=\"node.icon\" [ngClass]=\"node.icon\"></em>\n                  <span style=\"flex-grow: 1; margin: 0px 5px; \">{{node.text}}</span>\n                  <i *ngIf=\"node.submenus\" class=\"fa \" aria-hidden=\"true\" [ngClass]=\"{'fa-angle-right': (position === 'left'), \n                                                   'fa-angle-left':(position === 'right')}\"></i>\n              </span>\n\n        \n\n              <amexio-nav-desktop  *ngIf=\"node.showInnerMenus\" (onNavItemClick)=\"onInnerClick($event)\"\n               class=\" amexio-nav-submenus amexio-nav-desktop-submenus\"\n                [nodes]=\"node.submenus\" \n                [ngStyle]=\"{'left': (position === 'left') ? '100%':null,\n                                                               'right': (position === 'right') ? '100%':null,'margin-top': ((nodes &&(nodes.length > 6)) &&  node.submenus) ? marginTop :'-50px'}\">\n              </amexio-nav-desktop>\n\n          </div>\n\n      </div>\n      </div>\n    ","styles":["\n      .amexio-nav-desktop{margin-top:-50px}.amexio-nav-desktop>*{cursor:pointer}.scroll-class{overflow-x:hidden;padding:10px}.amexio-nav-submenus{padding:0!important}\n    "]}]}],"members":{"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5},"arguments":["nodes"]}]}],"menus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":5},"arguments":["menus",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":32}}]}]}],"divRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":5},"arguments":["divRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":33}}]}]}],"onNavItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onInnerClick":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}},"ɵdf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-nav-mobile","template":"\n      <div #menus style=\"display: flex; flex-direction: column;\" *ngFor=\"let node of nodes\">\n          <div *ngIf=\"node.separatorHeader\" class=\"nav-menu-separator\">\n              <!-- Add only border separator -->\n          </div>\n          <div *ngIf=\"node.separatorHeader\" class=\"nav-menu-header\">\n              {{node.separatorHeader}}\n          </div>\n          <div class=\"nav-mobile-link\"  [ngClass]=\"{'nav-menu-mobile-separator': (node.separator && !node.separatorHeader)}\">\n\n              <span class=\"flex-inline\" (click)=\"toggleMenu($event,node)\">\n                  <em *ngIf=\"node.icon\" [ngClass]=\"node.icon\"></em>\n                  <span style=\"flex-grow: 1;\">{{node.text}}</span>\n                  <i *ngIf=\"node.submenus\" class=\"fa fa-angle-down\" aria-hidden=\"true\"></i>\n              </span>\n\n        \n\n              <amexio-nav-mobile *ngIf=\"node.showInnerMenus\" (onNavItemClick)=\"onInnerClick($event)\"  class=\"amexio-nav-mobile amexio-nav-submenus amexio-nav-mobile-submenus\" \n              [nodes]=\"node.submenus\" >\n              </amexio-nav-mobile>\n\n          </div>\n\n      </div>\n    "}]}],"members":{"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5},"arguments":["nodes"]}]}],"onNavItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":5}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"onInnerClick":[{"__symbolic":"method"}]}},"ɵdg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"amexio-dockbar-item","template":"\n    <div *ngIf=\"active\"  [style.width]=\"width\"\n    class=\"dockbar-active-content dockbar-height\"\n    [style.min-height]=\"height\"  [style.max-height]=\"height\">\n      <ng-container *ngIf=\"active && title\">\n        <div class=\"dockbar-title\">\n          {{title}}\n          <span class=\"dockbar-item-close-bar\" (click)=\"onBarIconClick()\">\n            <amexio-c-icon key=\"dockbar_close\"></amexio-c-icon>\n            <!--\n                        <i class=\"fa fa-times\" aria-hidden=\"true\"></i>\n            -->\n          </span>\n        </div>\n      </ng-container>\n      <ng-content>\n      </ng-content>\n    </div>\n  "}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"mda":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"onBarIconClick":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵdh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-dockbar","template":"\n    <div class=\"dockbar\" [style.min-height]=\"height\">\n      <ng-container *ngFor=\"let dockbar of dockbarArray\">\n        <button [ngClass]=\"{'active':dockbar.active}\" (click)=\"onClick(dockbar)\">\n\n          <!--Normal image-->\n          <ng-container *ngIf=\"dockbar.path\">\n            <img [src]=\"dockbar.path\">\n          </ng-container>\n\n          <!--this is for fontawesome-->\n          <ng-container *ngIf=\"(!(dockbar.icon && dockbar.mda) && dockbar.icon)\">\n            <amexio-image [icon-class]=\"dockbar.icon\" [c-class]=\"\"></amexio-image>\n            <!--<i [ngClass]=\"dockbar.icon\"></i>-->\n          </ng-container>\n\n          <!--if dockbar have label instead of icon -->\n          <ng-container *ngIf=\"dockbar.label && dockbar.active\">\n            <p><strong class=\"dockbar-label-highlight\">{{dockbar.label}}</strong></p>\n          </ng-container>\n\n          <ng-container *ngIf=\"dockbar.label && !dockbar.active\">\n            <p>{{dockbar.label}}</p>\n          </ng-container>\n\n        </button>\n      </ng-container>\n    </div>\n    <div class=\"dockbar-content {{roundedgeclass}}\" [style.min-height]=\"height\">\n      <ng-content></ng-content>\n    </div>\n\n  "}]}],"members":{"dockbars":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":61,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdg"}]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onClick":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵdi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-menu","template":"\n    <div class=\"menu-container\">\n        <div class=\"menubar\">\n            <ul role=\"menubar\" class=\"menuheader\">\n                <li class=\"menulink\">{{label}}</li>\n                <div>\n                    <li role=\"menuitem\" tabindex=\"{{node.tabindex}}\" id=\"{{rowindex}}\" *ngFor=\"let node of data let rowindex = index \"\n                        (keyup)=\"onMenubarKeyup($event,false,rowindex,node,data)\" class=\"menulink\">\n                        <a (click)=\"onClick(node)\" (mouseover)=\"onMouseOver($event, node)\">\n                            <amexio-c-icon *ngIf=\"node.icon\" [customclass]=\"node.icon\"></amexio-c-icon>&nbsp;&nbsp;{{node.text}}\n                        </a>\n                         <span *ngIf=\"(node.children && node.children[0].children)\" class=\"{{roundedgeclass}}\">\n                            <div *ngIf=\"(node.children && node.children.length>0)\" class=\"menu-content\" [ngClass]=\"{'menu-content-display':node.expand,'menu-content-hide':!node.expandflag,\n                      ' menu-content-left': (node.children && node.children.length>3),'menu-right':xposition}\">\n                                <ul class=\"menu-content-cols\">\n                                    <li class=\"col-menu-nodes\" [ngClass]=\"{'col-menu-nodes-fixed': (node.children && node.children.length<4),\n                        'col-menu-nodes-percentage': (node.children && node.children.length>3)}\"\n                                        *ngFor=\"let subnode of node.children let rowindex = index\">\n                                        <div class=\"content\">\n                                            <div *ngIf=\"(subnode.text && subnode.text.length>0)\" id=\"{{subnode.index}}\"\n                                                tabindex=\"{{subnode.tabindex}}\" (click)=\"onInnerNodeClick(subnode,node)\"\n                                                (keyup)=\"navigateChild($event,true,rowindex,subnode,node.children,node)\"\n                                                class=\"menu-links-header\">\n                                                <amexio-c-icon *ngIf=\"subnode.icon\" [customclass]=\"subnode.icon\"></amexio-c-icon>&nbsp;&nbsp;{{subnode.text}}\n                                             </div>\n                                            <div *ngIf=\"subnode.image\" style=\"padding: 10px;\">\n                                                <img [attr.src]=\"subnode.image\" alt=\"\">\n                                            </div>\n                                            <ul class=\"menu-content-cols\">\n                                                <li *ngFor=\"let subinnernode of subnode.children let subinnerindex = index\"\n                                                    tabindex=\"{{subinnernode.tabindex}}\" (click)=\"onSubInnerNodeClick(subinnernode,node)\"\n                                                    id={{subinnernode.index}} (keyup)=\"updownInnerChildNavigation($event,subinnerindex,subnode.children,subinnernode,node)\"\n                                                    class=\"menulinks\">\n                                                    <div *ngIf=\"subinnernode.image\" style=\"padding: 10px;\">\n                                                        <img [attr.src]=\"subinnernode.image\" alt=\"\">\n                                                    </div>\n                                                 \n                                                    <amexio-c-icon *ngIf=\"subinnernode.icon\" key=\"menubar_ravelry\">\n                                                    </amexio-c-icon>\n                                                    &nbsp;&nbsp;{{subinnernode.text}}{{subinnernode.template}}\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </li>\n\n                                </ul>\n                            </div>\n\n                        </span>\n                        <ng-container *ngIf=\"(node.children && !node.children[0].children)\">\n                            <div class=\"menu-content\" [ngClass]=\"{'menu-content-display':node.expand}\">\n                                <ul class=\"menu-content-cols\">\n                                    <li class=\"col-menu-nodes col-menu-nodes-fixed\">\n                                        <div class=\"content\">\n                                            <ul class=\"menu-content-cols\">\n                                                <li *ngFor=\"let subnode of node.children\" class=\"menulinks\">\n                                                    <div *ngIf=\"subnode.image\" style=\"padding: 10px;\">\n                                                        <img [attr.src]=\"subnode.image\" alt=\"\">\n                                                    </div>\n                                                     <amexio-c-icon *ngIf=\"subnode.icon\" key=\"menubar_ravelry\"></amexio-c-icon>&nbsp;&nbsp;{{subnode.text}}\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </li>\n                                </ul>\n                            </div>\n                        </ng-container>\n\n\n                    </li>\n                </div>\n\n            </ul>\n        </div>\n    </div>\n  ","providers":[{"__symbolic":"reference","name":"CommonDataService"}]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3},"arguments":["data-reader"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"},{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onSubInnerNodeClick":[{"__symbolic":"method"}],"onInnerNodeClick":[{"__symbolic":"method"}],"onMenubarKeyup":[{"__symbolic":"method"}],"NavigateMenubarLeft":[{"__symbolic":"method"}],"NavigateMenubarRight":[{"__symbolic":"method"}],"navigateChild":[{"__symbolic":"method"}],"navigateChildMenuitemLeft":[{"__symbolic":"method"}],"navigateChildMenuitemRight":[{"__symbolic":"method"}],"onnavigateChildEnterClick":[{"__symbolic":"method"}],"onEnterClick":[{"__symbolic":"method"}],"updownInnerChildNavigation":[{"__symbolic":"method"}],"onUpInnerChildNavigate":[{"__symbolic":"method"}],"onDownInnerChildNavigate":[{"__symbolic":"method"}],"onInnerChildEnterClick":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"generateInnerIndex":[{"__symbolic":"method"}],"generateSunInnerIndex":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}]}},"ɵdj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-breadcrumb","template":"\n    <ng-container *ngIf=\"data\">\n\n        <div *ngFor=\"let nodeObject of data\">\n\n            <div   class=\"breadcrum-rightshift-css {{roundedgeclass}}\">\n                <div class=\"breadcrumb-group\" tabindex=\"1\" aria-label=\"breadcrum\">\n                    <label tabindex=\"1\" (click)=\"onButtonClick(nodeObject)\" (keyup.enter)=\"onButtonClick(nodeObject)\" class=\"label-icon-css\">\n                        <ng-container *ngIf=\"nodeObject && nodeObject.icon\">\n                            <span [ngClass]=\"nodeObject.icon\"></span>\n                        </ng-container>&nbsp;\n                        <span>{{nodeObject[displaykey]}}&nbsp;&nbsp;</span>\n                    </label>\n                    <ng-container *ngIf=\"nodeObject[childarraykey]\">\n                        <amexio-c-icon tabindex=\"1\" aria-label=\"button clickable\" (click)=\"onArrowClick(nodeObject)\"\n                            (keyup.enter)=\"onArrowClick(nodeObject)\" class=\"arrow-group-css\" [key]=\"arrowKey\"></amexio-c-icon>\n                    </ng-container>\n                    <div class=\"context-menu-list1\" [@breadCrumbStateState]=\"nodeObject.expand ? 'visible':'hidden'\">\n                        <ng-container *ngFor=\"let node of nodeObject[childarraykey] let rowindex = index\">\n                            <div tabindex=\"{{node.tabindex}}\" id=\"{{node.id}}\" class=\"context-menu-list-items1\" [ngStyle]=\"{'cursor': node.disabled ? 'not-allowed':'pointer'}\"\n                                (click)=\"getSelectedItem({data:node,parentRef:nodeObject})\" (keyup.arrowdown)=\"onArrowDown(nodeObject,node,rowindex)\"\n                                (keyup.arrowup)=\"onArrowUp(nodeObject,node,rowindex)\" (keyup.enter)=\"getSelectedItem({data:node,parentRef:nodeObject})\">\n                                <div class=\"dropdown-icon-css\">\n                                    <ng-container *ngIf=\"node.icon\">\n                                        <amexio-c-icon [ngClass]=\"node.icon\"></amexio-c-icon>\n                                    </ng-container>&nbsp;\n                                </div>\n                                <div class=\"dropdown-label-css\">\n                                    <span>{{node[displaykey]}}&nbsp;</span>\n                                </div>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"nodeObject.show\">\n                    <amexio-breadcrumb [data]=\"childItem\" [display-key]=\"displaykey\" [childarray-key]=\"childarraykey\"\n                        (onListItemClick)=\"getEventEmitClick($event)\" (onClick)=\"onButtonClick($event)\">\n                    </amexio-breadcrumb>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":70,"character":4},"arguments":["breadCrumbStateState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":71,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":22},"arguments":[{"transform":"scale(0)","transform-origin":"left top 0px","$quoted$":["transform","transform-origin"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":23},"arguments":[{"transform-origin":"left top 0px","transform":"scale(1)","$quoted$":["transform-origin","transform"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":79,"character":6},"arguments":["*=>hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":79,"character":30},"arguments":["0ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":80,"character":6},"arguments":["*=>visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":80,"character":31},"arguments":["200ms"]}]}]]}]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3},"arguments":["http-url"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3},"arguments":["http-method"]}]}],"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3},"arguments":["display-key"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3},"arguments":["childarray-key"]}]}],"onListItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":153,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":178,"character":30},{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"iconAddedMethod":[{"__symbolic":"method"}],"setTabindex":[{"__symbolic":"method"}],"childIconCheckMethod":[{"__symbolic":"method"}],"getSelectedItem":[{"__symbolic":"method"}],"getEventEmitClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"onElementOutClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":312,"character":3},"arguments":["document:click",["$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":313,"character":3},"arguments":["document: touchstart",["$event.target"]]}]}]}},"ɵdk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-sidenav-innernode","template":"\n    <ul>\n        <li role=\"option\" *ngFor=\"let node of data\">\n            <div [attr.tabindex]=\"node.tabindex\" (keyup.enter)=\"onenterNodeClick($event,node)\" [attr.draggable]=\"enabledrag\"\n                (dragstart)=\"dragStartEvent({event:$event,data:node})\" class=\"defaultnode\" [ngClass]=\"{'activenode':node.active}\"\n                (click)=\"onNodeClick(node)\">\n\n                <span *ngIf=\"node.icon\" class=\"sideInnerNodeCss\">\n                    <amexio-c-icon class=\"node-icon\" [customclass]=\"node.icon\" [color]=\"node.iconcolor\"></amexio-c-icon>\n                    <span  class=\"sideInnerNodeFlex\">{{node[displaykey]}}\n                        <ng-container *ngIf=\"node.badge\">\n                            <span class=\"nav-badge\">{{node.badge}}</span>\n                        </ng-container>\n                    </span>\n\n                <ng-container *ngIf=\"node[childarraykey] && (node[childarraykey].length>0)\">\n                    <span style=\"padding-right: 10px; float: right\" *ngIf=\"node.expand\">\n                        <amexio-c-icon key=\"sidenav-angle-up\"></amexio-c-icon>\n                    </span>\n                    <span style=\"padding-right: 10px;float: right;\" *ngIf=\"!node.expand\">\n                        <amexio-c-icon key=\"sidenav-angle-down\"></amexio-c-icon>\n                    </span>\n                </ng-container>\n                </span>\n\n\n                <span *ngIf=\"!node.icon\" class=\"sideInnerNodeCss\">\n                    <amexio-c-icon class=\"node-icon\" [customclass]=\"node.icon\" [color]=\"node.iconcolor\"></amexio-c-icon>\n                    <span class=\"sideInnerNodeFlex\">{{node[displaykey]}}\n                        <ng-container *ngIf=\"node.badge\">\n                            <span class=\"nav-badge\">{{node.badge}}</span>\n                        </ng-container>\n                    </span>\n\n                <ng-container *ngIf=\"node[childarraykey] && (node[childarraykey].length>0)\">\n                    <span style=\"padding-right: 10px; float: right\" *ngIf=\"node.expand\">\n                        <amexio-c-icon key=\"sidenav-angle-up\"></amexio-c-icon>\n                    </span>\n                    <span style=\"padding-right: 10px;float: right;\" *ngIf=\"!node.expand\">\n                        <amexio-c-icon key=\"sidenav-angle-down\"></amexio-c-icon>\n                    </span>\n                </ng-container>\n                </span>\n\n\n\n            </div>\n            <div class=\"submenu-details\" [ngClass]=\"{'sidenav-submenu-expanded':node.expand}\">\n                <amexio-sidenav-innernode *ngIf=\"node[childarraykey] && (node[childarraykey].length>0)\" [enable-drag]=\"enabledrag\"\n                    (onDrag)=\"dragStartEvent($event)\" [display-key]=\"displaykey\" [child-array-key]=\"childarraykey\" [data]=\"node[childarraykey]\"\n                    (onDrag)=\"dragStartEvent($event)\" (onClick)=\"getOnClick($event)\">\n                </amexio-sidenav-innernode>\n            </div>\n        </li>\n    </ul>\n  "}]}],"members":{"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["display-key"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["icon"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["child-array-key"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["data"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"enabledrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["enable-drag"]}]}],"onDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"emitNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onNodeClick":[{"__symbolic":"method"}],"onenterNodeClick":[{"__symbolic":"method"}],"getOnClick":[{"__symbolic":"method"}],"activateNode":[{"__symbolic":"method"}],"dragStartEvent":[{"__symbolic":"method"}]}},"ɵdl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"amexio-datagrid","template":"\n    <div [style.height]=\"height\" [ngClass]=\"{'datagrid-full-screen': yesFullScreen && fullscreenMax}\">\n      <div class=\"datagrid\">\n        <div class=\"datatabletitle\">\n          <span *ngIf=\"title\" id=\"{{gridId}}\"> {{title}} </span>\n          <span class=\"dataheaderFilter\" class=\"float-right\" style=\"padding-bottom:1.1%\">\n            <ng-content select=\"amexio-datagrid-header\"></ng-content>\n            <span tabindex='1' *ngIf=\"enablecolumnfilter ? true:false\" (keyup.enter)=\"onEnableColumnClick($event)\" class=\"enablecolumnfilter\"\n              (click)=\"onEnableColumnClick($event)\" style=\" cursor: pointer;\">\n              &nbsp;\n              <span style=\"padding-right: 10px\" *ngIf=\"!show\">\n                <em class=\"fa fa-bars\"></em>\n              </span>\n              <amexio-c-icon class=\"float-right\" style=\"cursor:pointer; padding-left:10px\" *ngIf=\"((yesFullScreen && fullscreenMax))\" [key]=\"'full-screen-min-icon'\"\n                (onClick)=\"minScreenChange($event)\"></amexio-c-icon>\n\n              <amexio-c-icon class=\"float-right\" style=\"cursor:pointer; padding-left:10px\" *ngIf=\"((yesFullScreen && !fullscreenMax))\"\n                [key]=\"'full-screen-max-icon'\" (onClick)=\"maxScreenChange($event)\"></amexio-c-icon>\n            </span>\n\n          </span>\n          <span *ngIf=\"groupby ? true : false\" class=\"float-right-datagridlist\" tabindex=\"1\" (keyup.enter)=\"showGroupCol()\" (click)=\"groupbyIconClick()\"\n            style=\" cursor: pointer;\">\n            <amexio-c-icon key=\"datagrid_list\"></amexio-c-icon>\n          </span>\n        </div>\n        <!--Filter with Checkbox datagrid start-->\n\n        <ng-container *ngIf=\"enabledatafilter ? true : false\">\n          <div class=\"datatable datatable-row\">\n            <ng-container *ngIf=\"enablecheckbox\">\n              <div class=\"datatable-col col-group datatable-checkbox-width\">\n                <div class=\"inputgroup\">\n                  <div class=\"input-box\">\n                    <div *ngIf=\"!selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox default\"></div>\n                    <div *ngIf=\"selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox active\">&#10004;</div>\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n\n            <!--Filter datagrid start-->\n\n            <ng-container *ngIf=\"enabledatafilter ? true : false\">\n              <ng-container *ngFor=\"let cols of columns\">\n                <ng-container *ngIf=\"!cols.hidden\">\n                  <div class=\"datatable-col col-group\" [style.width.%]=\"cols.width\">\n                    <data-grid-filter (onFilterClick)=\"getFilterClick()\" [column]=\"cols\" (filterObject)=\"getFilteredData($event)\">\n                    </data-grid-filter>\n                  </div>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n\n          </div>\n        </ng-container>\n\n        <!--Filter datagrid start-->\n        <ng-container *ngIf=\"globalfilter ? true : false\">\n          <div class=\"datatable datatable-row\">\n            <ng-container class=\"datatable datatable-column\">\n              <div class=\"inputgroup\" style=\"padding-left: 1%; padding-right: 1%\">\n                <input type=\"text\" tabindex=\"1\" [(ngModel)]=\"filterValue\" (keyup)=\"keyUpSearch()\" type=\"text\" class=\"input-control\" aria-label=\"Text input with dropdown button\">\n                <span style=\" cursor: pointer;\" tabindex=\"1\" (click)=\"onFilterIconClick($event)\" (keyup.enter)=\"onFilterIconClick($event)\"\n                  class=\"datatable-filter-icon\">\n                  <amexio-c-icon key=\"datagrid_filter\"></amexio-c-icon>\n                </span>\n                <span *ngIf=\"showToolTip\" class=\"dropdown\" style=\"width: 250px; right: 0\">\n                  <ul class=\"dropdown-list\" *ngFor=\"let opt of globalFilterOptions;  let i = index\">\n                    <li #listId id={{i}} (keyup.enter)=\"selectedOption(opt)\" (keyup.arrowup)=\"onArrowUpGlobalList(listId.id)\" (keyup.arrowdown)=\"onArrowdownGlobalList(listId.id)\"\n                      role=\"option\" tabindex=\"1\" class=\"list-items\">\n                      <div (click)=\"selectedOption(opt)\">\n                        {{opt.key}}&nbsp;\n                        <i [class]=\"opt.checkedStatus\" aria-hidden=\"true\"></i>\n                      </div>\n                    </li>\n                  </ul>\n                </span>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"enablecolumnfilter ? true : false\">\n          <span *ngIf=\"showEnableColumnFilter\" class=\"dropdown dropdown-right\" [ngStyle]=\"{'top': globalfilter || enabledatafilter ? '10%':''}\"\n            style=\"width: 250px;\">\n            <ul role=\"listbox\" class=\"dropdown-list\">\n              <li #listId id={{i}} (keyup.arrowup)=\"onArrowUpList(listId.id)\" (keyup.arrowdown)=\"onArrowdownList(listId.id)\" role=\"option\"\n                tabindex=\"1\" class=\"list-items\" *ngFor=\"let cols of columns;let i = index;\">\n                <div [attr.aria-checked]=\"!cols.hidden\">\n                  <input tabindex=\"1\" role=\"checkbox\" id=\"{{componentId}}\" type=\"checkbox\" [attr.checked]=\"!cols.hidden ? true: null\" (click)=\"onColumnCheck(cols)\"\n                    (keyup.enter)=\"onColumnCheck(cols)\" />\n                  <label>{{cols.text}}</label>\n                </div>\n              </li>\n            </ul>\n          </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"groupby ? true : false\">\n          <span *ngIf=\"showGroupByColumn\" class=\"dropdown dropdown-right\" style=\"width: 250px;\">\n            <ul class=\"dropdown-list\">\n              <li #listId id={{i}} (keyup.arrowup)=\"onArrowUpList(listId.id)\" (keyup.arrowdown)=\"onArrowdownList(listId.id)\" role=\"option\"\n                tabindex=\"1\" class=\"list-items\" *ngFor=\"let cols of columns;let i = index;\" (click)=\"showGroupByColumn = !showGroupByColumn\">\n                <div (click)=\"setGroupByColumn(cols)\">\n                  <label>{{cols.text}}</label>\n                </div>\n              </li>\n            </ul>\n          </span>\n        </ng-container>\n      </div>\n\n      <!--Checkbox datagrid with datatypes condition start-->\n      <ng-container *ngIf=\"enableHeader\">\n        <div class=\"{{roundedgeclass}}\">\n\n          <div class=\"datatable\" role=\"grid\" attr.aria-labelledby=\"{{gridId}}\">\n            <div class=\"datatable-header\" [ngClass]=\"themeCss\">\n              <ng-container *ngIf=\"enablecheckbox\">\n                <div class=\"datatable-col datatable-checkbox-width checkbox-col\">\n                  <div class=\"inputgroup\">\n                    <div class=\"input-box\">\n                      <div *ngIf=\"!selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox default\"></div>\n                      <div *ngIf=\"selectAll\" (click)=\"selectAllRecord()\" class=\"checkbox active\">&#10004;</div>\n                    </div>\n                  </div>\n                </div>\n              </ng-container>\n              <!--datagrid start unhidden-->\n              <ng-container *ngFor=\"let cols of columns\">\n                <ng-container *ngIf=\"!cols.hidden\">\n                  <ng-container *ngIf=\"(cols.datatype=='string' || cols.datatype == 'boolean')\">\n                    <div class=\"datatable-col\" tabindex=\"1\" [style.width.%]=\"cols.width\" (click)=\"sortOnColHeaderClick(cols, $event)\" (keyup.enter)=\"sortOnColHeaderClick(cols, $event)\">\n\n                      <ng-container *ngIf=\"cols.headerTemplate\">\n                        <ng-template [ngTemplateOutlet]=\"cols.headerTemplate\" [ngTemplateOutletContext]=\"{column:cols}\"></ng-template>\n                      </ng-container>\n                      <ng-container *ngIf=\"!cols.headerTemplate\">\n                        {{cols.text}} &nbsp;\n\n                      </ng-container>\n                      <ng-container *ngIf=\"this.sortBy==1   && cols.isColumnSort\">\n                        <amexio-c-icon key=\"datagrid_arrowup\"></amexio-c-icon>\n                      </ng-container>\n                      <ng-container *ngIf=\"this.sortBy==2  && cols.isColumnSort\">\n                        <amexio-c-icon key=\"datagrid_arrowdown\"></amexio-c-icon>\n                      </ng-container>\n                    </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"cols.datatype=='number'\">\n                    <div class=\"datatable-col\" tabindex=\"1\" [style.width.%]=\"cols.width\" (keyup.enter)=\"sortOnColHeaderClick(cols, $event)\" (click)=\"sortOnColHeaderClick(cols, $event)\">\n                      <ng-container *ngIf=\"cols.headerTemplate\">\n                        <ng-template [ngTemplateOutlet]=\"cols.headerTemplate\" [ngTemplateOutletContext]=\"{column:cols}\"></ng-template>\n                      </ng-container>\n                      <ng-container *ngIf=\"!cols.headerTemplate\">\n                        <span class=\"float-right\">\n                          {{cols.text}} &nbsp;\n                          <ng-container *ngIf=\"this.sortBy==1 && cols.isColumnSort\">\n                            <amexio-c-icon key=\"datagrid_arrowup\"></amexio-c-icon>\n                          </ng-container>\n                          <ng-container *ngIf=\"this.sortBy==2 && cols.isColumnSort\">\n                            <amexio-c-icon key=\"datagrid_arrowdown\"></amexio-c-icon>\n                          </ng-container>\n                        </span>\n                      </ng-container>\n                    </div>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n\n      <!--Group BY datagrid start-->\n      <ng-container *ngIf=\"!groupby\">\n        <div class=\"datatable-height {{roundedgeclass}}\" [style.height]=\"height\">\n          <div class=\"datatable\" role=\"grid\">\n            <div style=\"height: 300px;\" *ngIf=\"mask\">\n              <div class=\"spinner\"></div>\n            </div>\n            <ng-container *ngIf=\"!mask\">\n              <div #id class=\"datatable-row\" *ngFor=\"let row of viewRows;let i=index\" id=\"{{'row'+i}}\" [ngClass]=\"{'datatable-row-active':row.isSelected}\"\n                (click)=\"onRowClick(row, i)\">\n\n                <ng-container *ngIf=\"enablecheckbox\">\n                  <div class=\"datatable-col datatable-checkbox-width checkbox-col\">\n                    <div class=\"inputgroup\">\n                      <div class=\"input-box\">\n                        <div (click)=\"setSelectedRow(row, check)\" [class]=\"row.checkBoxSelectClass\" #check>\n                          {{((row.checkBoxSelectClass == 'checkbox active') && (check.classList.value == 'checkbox active')) || ((row.checkBoxSelectClass\n                          == 'checkbox default') && (check.classList.value == 'checkbox active')) ? '&#10004;' : ''}}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngFor=\"let cols of columns;let colIndex = index\">\n                  <ng-container *ngIf=\"!cols.hidden\">\n                    <ng-container *ngIf=\"cols.datatype=='number'\">\n                      <div #ref id=\"{{title}}-{{i+1}}{{colIndex+1}}\" class=\"datatable-col\" [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == firstIndex))? 1: tabindex)\"\n                        [style.width.%]=\"cols.width\" scope=\"row\" [attr.data-label]=\"cols.text\" (keyup.arrowright)=\"arrowRight(ref)\"\n                        (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.arrowdown)=\"arrowDown(ref)\" (keyup.arrowup)=\"arrowUp(ref)\" (keyup.end)=\"keyEnd(ref)\"\n                        (keyup.home)=\"keyHome(ref)\" (keyup.control.end)=\"keyControlEnd()\" (keyup.control.home)=\"keyControlHome()\"\n                        (keyup.pagedown)=\"onPageDownClick()\" (keyup.pageup)=\"onPageUpClick()\" (keyup.enter)=\"onRowClick(row, i)\"\n                        [style.width.%]=\"cols.width\" scope=\"row\" [attr.data-label]=\"cols.text\">\n                        <span class=\"float-right\">\n                          <ng-container *ngIf=\"row[cols.dataindex]!= '';else elseBlock\">\n                            <div (contextmenu)=\"loadContextMenu($event,row, cols, id)\">\n                              <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                            </div>\n                          </ng-container>\n                          <ng-template #elseBlock>\n                            &nbsp;\n                          </ng-template>\n                        </span>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"!cols?.bodyTemplate && (cols.datatype == 'string' || cols.datatype == 'boolean')\">\n                      <div #ref id=\"{{title}}-{{i+1}}{{colIndex+1}}\" class=\"datatable-col\" [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == firstIndex))? 1: tabindex)\"\n                        [style.width.%]=\"cols.width\" scope=\"row\" [attr.data-label]=\"cols.text\" (keyup.arrowright)=\"arrowRight(ref)\"\n                        (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.enter)=\"onRowClick(row, i)\" (keyup.arrowdown)=\"arrowDown(ref)\"\n                        (keyup.arrowup)=\"arrowUp(ref)\" (keyup.end)=\"keyEnd(ref)\" (keyup.home)=\"keyHome(ref)\" (keyup.control.end)=\"keyControlEnd()\"\n                        (keyup.control.home)=\"keyControlHome()\" (keyup.pageup)=\"onPageUpClick()\" (keyup.pagedown)=\"onPageDownClick()\">\n                        <div (contextmenu)=\"loadContextMenu($event,row, cols, id)\">\n                          <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                        </div>\n                        <ng-template #elseBlock>\n                          &nbsp;\n                        </ng-template>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"cols.bodyTemplate\">\n                      <div #ref id=\"{{title}}-{{i+1}}{{colIndex+1}}\" class=\"datatable-col\" [attr.tabindex]=\"(((i+1== 1) && (colIndex + 1 == firstIndex))? 1: tabindex)\"\n                        [style.width.%]=\"cols.width\" scope=\"row\" [attr.data-label]=\"cols.text\" (keyup.arrowright)=\"arrowRight(ref)\"\n                        (keyup.arrowleft)=\"arrowLeft(ref)\" (keyup.arrowdown)=\"arrowDown(ref)\" (keyup.arrowup)=\"arrowUp(ref)\" (keyup.end)=\"keyEnd(ref)\"\n                        (keyup.home)=\"keyHome(ref)\" (keyup.control.end)=\"keyControlEnd()\" (keyup.control.home)=\"keyControlHome()\"\n                        (keyup.pagedown)=\"onPageDownClick()\" (keyup.pageup)=\"onPageUpClick()\" class=\"datatable-col\" [style.width.%]=\"cols.width\"\n                        scope=\"row\" [attr.data-label]=\"cols.text\">\n                        <ng-template [ngTemplateOutlet]=\"cols.bodyTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { text : row[cols.dataindex] }, row: row }\"></ng-template>\n                      </div>\n                    </ng-container>\n                  </ng-container>\n\n                </ng-container>\n              </div>\n            </ng-container>\n\n          </div>\n        </div>\n\n      </ng-container>\n\n      <!--Group BY datagrid end-->\n\n      <!--Group BY and Filter Data datagrid start-->\n      <ng-container *ngIf=\"groupby && !enabledatafilter\">\n        <div class=\"datatable-height {{roundedgeclass}}\" [style.height]=\"height\">\n          <div class=\"datatable\" role=\"grid\" style=\"table-layout: inherit !important;\">\n            <div style=\"height: 300px;\" *ngIf=\"mask\">\n              <div class=\"spinner\"></div>\n            </div>\n            <ng-container *ngIf=\"!mask\">\n              <div class=\"datatable-row\" *ngFor=\"let row of viewRows;let i=index\" id=\"{{'row'+i}}\" [ngClass]=\"{'datatable-row-active':row.isSelected}\"\n                (click)=\"toogle(row, i)\">\n                <ng-container *ngIf=\"enablecheckbox\">\n                  <div class=\"datatable-col datatable-checkbox-width checkbox-col\">\n                    <div class=\"inputgroup\">\n                      <div class=\"input-box\">\n                        <div (click)=\"selectParent(row)\" [class]=\"row.isSelected ?'checkbox active':'checkbox default'\">\n                          {{row.isSelected ? '&#10004;' : ''}}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngFor=\"let cols of columns;let colIndex = index\">\n                  <ng-container *ngIf=\"isGroupChecking(row)\">\n\n                    <ng-container *ngIf=\"colIndex == 0\">\n                      <div #grpref class=\"datatable-col col-group\" class=\"datatable-col col-group\" id=\"{{title}}-{{i+1}}{{colIndex+1}}\" tabindex=\"1\"\n                        (keyup.arrowdown)=\"arrowDown(grpref)\" (keyup.arrowup)=\"arrowUp(grpref)\" (keyup.control.end)=\"findContolEndGrpBy()\"\n                        (keyup.control.home)=\"keyControlHome()\" (keyup.enter)=\"toogle(row, i)\">\n                        <ng-container *ngIf=\"!row.expanded\">\n                          <amexio-c-icon key=\"datagrid_expand\"></amexio-c-icon>\n                        </ng-container>\n                        <ng-container *ngIf=\"row.expanded\">\n                          <amexio-c-icon key=\"datagrid_collapse\"></amexio-c-icon>\n                        </ng-container>\n                        {{row.group}}\n                      </div>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"colIndex != 0\">\n                      <div class=\"datatable-col col-hidden\">\n                      </div>\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"!isGroupChecking(row)\">\n                    <ng-container *ngIf=\"cols.datatype=='string' || cols.datatype == 'boolean'\">\n                      <div #grpref id=\"{{title}}-{{i+1}}{{colIndex+1}}\" (keyup.arrowdown)=\"arrowDown(grpref)\" (keyup.arrowup)=\"arrowUp(grpref)\"\n                        (keyup.arrowright)=\"arrowRight(grpref)\" (keyup.arrowleft)=\"arrowLeft(grpref)\" (keyup.end)=\"keyEnd(grpref)\"\n                        (keyup.home)=\"keyHome(grpref)\" (keyup.control.end)=\"findContolEndGrpBy()\" (keyup.control.home)=\"keyControlHome()\"\n                        class=\"datatable-col\" tabindex=\"1\" [style.width.%]=\"cols.width\" [attr.data-label]=\"cols.text\">\n                        <ng-container *ngIf=\"colIndex == 0\">\n                          <span style=\"padding-left: 20px\">\n                            <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                          </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"colIndex != 0\">\n                          <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                        </ng-container>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"cols.datatype=='number'\">\n\n                      <div #grpref id=\"{{title}}-{{i+1}}{{colIndex+1}}\" (keyup.arrowdown)=\"arrowDown(grpref)\" (keyup.arrowup)=\"arrowUp(grpref)\"\n                        (keyup.arrowright)=\"arrowRight(grpref)\" (keyup.arrowleft)=\"arrowLeft(grpref)\" (keyup.end)=\"keyEnd(grpref)\"\n                        (keyup.home)=\"keyHome(grpref)\" (keyup.control.end)=\"findContolEndGrpBy()\" (keyup.control.home)=\"keyControlHome()\"\n                        class=\"datatable-col\" tabindex=\"1\" [style.width.%]=\"cols.width\" [attr.data-label]=\"cols.text\">\n\n                        <ng-container *ngIf=\"colIndex == 0\">\n                          <span style=\"padding-left: 20px\">\n                            <ng-container *ngIf=\"row[cols.dataindex]!= '' ;else elseBlock\">\n                              <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                            </ng-container>\n                            <ng-template #elseBlock>\n                              &nbsp;\n                            </ng-template>\n\n                          </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"colIndex != 0\">\n                          <span class=\"float-right\">\n                            <ng-container *ngIf=\"row[cols.dataindex]!= '' ;else elseBlock\">\n                              <amexio-display-field [data]=\"row\" [data-index]=\"cols.dataindex\"></amexio-display-field>\n                            </ng-container>\n                            <ng-template #elseBlock>\n                              &nbsp;\n                            </ng-template>\n                          </span>\n                        </ng-container>\n\n                      </div>\n\n                    </ng-container>\n\n                  </ng-container>\n                </ng-container>\n              </div>\n            </ng-container>\n\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"flag\">\n        <base-contextmenu [base-context-menu]=\"contextmenu\" [mouse-location-top]=\"mouseLocation.top\" [mouse-location-left]=\"mouseLocation.left\"\n          [is-FlagShow]=\"flag\" [right-click-data]=\"rightClickRowData\" (onRightClick)=\"rightClickDataEmit($event)\" [position-up]=\"posixUp\">\n        </base-contextmenu>\n      </ng-container>\n\n      <!-- Footer of the grid -->\n      <div class=\"footer\">\n        <ng-container *ngIf=\"(pagesize && (data && data.length > pagesize)) || (serverSidePaging && totalPages)\">\n          <amexio-paginator #pageId [server-side-paging]=\"serverSidePaging\" [pages]=\"totalPages\" [rows]=\"pagesize\" (onPageChange)=\"loadPageData($event)\"></amexio-paginator>\n        </ng-container>\n      </div>\n    </div>\n  ","providers":[{"__symbolic":"reference","name":"CommonDataService"}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":423,"character":3}}]}],"pagesize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":432,"character":3},"arguments":["page-size"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":442,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":452,"character":3},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":462,"character":3},"arguments":["data-reader"]}]}],"enablecheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":472,"character":3},"arguments":["enable-checkbox"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":483,"character":3},"arguments":["data"]}]}],"rowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":502,"character":3}}]}],"selectedRowData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":512,"character":3}}]}],"onHeaderClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":522,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":532,"character":3}}]}],"groupby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":542,"character":3}}]}],"groupbydataindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":552,"character":3},"arguments":["groupby-data-index"]}]}],"enabledatafilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":562,"character":3},"arguments":["enable-data-filter"]}]}],"cclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":572,"character":3},"arguments":["c-class"]}]}],"tableHeadercclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":582,"character":3}}]}],"tableTitlecclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":592,"character":3}}]}],"tableDatacclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":602,"character":3}}]}],"selectedrowcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":612,"character":3},"arguments":["selected-row-color"]}]}],"totalDataCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":622,"character":3},"arguments":["total-data-count"]}]}],"serverSidePaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":624,"character":3},"arguments":["server-side-paging"]}]}],"columndefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":635,"character":3},"arguments":["column-defintion"]}]}],"enablecolumnfiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":654,"character":3},"arguments":["enable-column-fiter"]}]}],"enablecolumnfilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":664,"character":3},"arguments":["enable-column-filter"]}]}],"globalfilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":674,"character":3},"arguments":["global-filter"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":684,"character":3},"arguments":["context-menu"]}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":688,"character":3}}]}],"onPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":698,"character":3}}]}],"filterRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":824,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdm"}]}]}],"columnRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":826,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdn"}]}]}],"pageId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":828,"character":3},"arguments":["pageId"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":833,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":833,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":831,"character":20},{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":832,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":832,"character":53},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"createConfig":[{"__symbolic":"method"}],"enableHeaderMethod":[{"__symbolic":"method"}],"setChangeData":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setPaginatorData":[{"__symbolic":"method"}],"setSelectedFlag":[{"__symbolic":"method"}],"setGroupByColumn":[{"__symbolic":"method"}],"keyUpSearch":[{"__symbolic":"method"}],"checkStatus":[{"__symbolic":"method"}],"selectedOption":[{"__symbolic":"method"}],"removeGlobalFilter":[{"__symbolic":"method"}],"getGlobalFilteredData":[{"__symbolic":"method"}],"checkValueInColumn":[{"__symbolic":"method"}],"filterConditionMethod":[{"__symbolic":"method"}],"setstatus":[{"__symbolic":"method"}],"setColumnData":[{"__symbolic":"method"}],"commonMethod":[{"__symbolic":"method"}],"renderData":[{"__symbolic":"method"}],"getPageSize":[{"__symbolic":"method"}],"getResponseData":[{"__symbolic":"method"}],"selectAllRecord":[{"__symbolic":"method"}],"onColumnCheck":[{"__symbolic":"method"}],"onRowClick":[{"__symbolic":"method"}],"loadPageData":[{"__symbolic":"method"}],"getFilteredData":[{"__symbolic":"method"}],"callFilterOperation":[{"__symbolic":"method"}],"filterOpertion":[{"__symbolic":"method"}],"checkNumberFilter":[{"__symbolic":"method"}],"checkStringFilter":[{"__symbolic":"method"}],"setSelectedRow":[{"__symbolic":"method"}],"emitSelectedRows":[{"__symbolic":"method"}],"setCheckBoxSelectClass":[{"__symbolic":"method"}],"sortOnColHeaderClick":[{"__symbolic":"method"}],"setSortColumn":[{"__symbolic":"method"}],"sortData":[{"__symbolic":"method"}],"sortDataFunc":[{"__symbolic":"method"}],"sortOrderByBoolean":[{"__symbolic":"method"}],"sortOrderByNumber":[{"__symbolic":"method"}],"noGrpBySortOrder":[{"__symbolic":"method"}],"sortOrderGrpBy":[{"__symbolic":"method"}],"onTabClick":[{"__symbolic":"method"}],"toogle":[{"__symbolic":"method"}],"addRows":[{"__symbolic":"method"}],"removeRows":[{"__symbolic":"method"}],"isGroupChecking":[{"__symbolic":"method"}],"selectParent":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"rightClickDataEmit":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"tempSelectedFlag":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onFilterIconClick":[{"__symbolic":"method"}],"groupbyIconClick":[{"__symbolic":"method"}],"onEnableColumnClick":[{"__symbolic":"method"}],"getFilterClick":[{"__symbolic":"method"}],"arrowLeft":[{"__symbolic":"method"}],"arrowRight":[{"__symbolic":"method"}],"arrowUp":[{"__symbolic":"method"}],"arrowDown":[{"__symbolic":"method"}],"keyEnd":[{"__symbolic":"method"}],"findLastColumn":[{"__symbolic":"method"}],"keyHome":[{"__symbolic":"method"}],"findHomeColumn":[{"__symbolic":"method"}],"keyControlHome":[{"__symbolic":"method"}],"findControlHomeColumn":[{"__symbolic":"method"}],"keyControlEnd":[{"__symbolic":"method"}],"findControlEndColumn":[{"__symbolic":"method"}],"getColumnCount":[{"__symbolic":"method"}],"findNextColumn":[{"__symbolic":"method"}],"findPreviousColumn":[{"__symbolic":"method"}],"checkFirstTabIndex":[{"__symbolic":"method"}],"onArrowdownList":[{"__symbolic":"method"}],"onArrowUpList":[{"__symbolic":"method"}],"onArrowUpGlobalList":[{"__symbolic":"method"}],"onArrowdownGlobalList":[{"__symbolic":"method"}],"onPageDownClick":[{"__symbolic":"method"}],"onPageUpClick":[{"__symbolic":"method"}],"showGroupCol":[{"__symbolic":"method"}],"findContolEndGrpBy":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"filterOperation":[{"__symbolic":"method"}],"sortInnerFunc":[{"__symbolic":"method"}]}},"ɵdm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"data-grid-filter","template":"\n    <ng-container *ngIf=\"column.datatype==='string'\">\n        <div class=\"inputgroup\">\n            <input style=\"text-align:left; padding-left: 25px;\" tabindex=\"1\" type=\"text\" [(ngModel)]=\"filterValue\" [attr.placeholder]=\"column.text\" (keyup)=\"keyUpSearch(column)\"\n                type=\"text\" class=\"input-control\" aria-label=\"Text input with dropdown button\">\n            <span style=\" cursor: pointer;\" tabindex=\"1\" (keyup.enter)=\"onDataFilterIconClick($event)\" (click)=\"onDataFilterIconClick($event)\"\n                class=\"datatable-filter-icon1\">\n                <amexio-c-icon key=\"datagrid_filter\"></amexio-c-icon>\n            </span>\n            <span *ngIf=\"showToolTip\" class=\"dropdown\" style=\"width: 250px\">\n                    <ng-container *ngIf=\"column.columnIndex > 0\">\n                            <div style=\"padding-bottom: 5px\">\n                                <amexio-radio-group name=\"filterOption\" [data-reader]=\"'response.data'\" [display-field]=\"'filterOption'\" [value-field]=\"'filterOption'\"\n                                    [horizontal]=\"false\" [data]=\"radioGroupData\" [(ngModel)]=\"model1\" (onSelection)=\"setSelectedOption(column, $event)\">\n                                </amexio-radio-group>\n                            </div>\n                        </ng-container>\n                <ul class=\"dropdown-list\" *ngFor=\"let opt of stringFilterArray; let i = index\">\n                    <ng-container *ngIf=\"opt.type===column.datatype\">\n                        <li #listId id={{i}} tabindex=\"1\" (keyup.enter)=\"selectedOption(column,opt)\" (keyup.arrowup)=\"onArrowUpList(listId.id, column.datatype)\"\n                            (keyup.arrowdown)=\"onArrowdownList(listId.id, column.datatype)\" role=\"option\" class=\"list-items\">\n                            <div (click)=\"selectedOption(column,opt)\">\n                                {{opt.key}}&nbsp;\n                                <i [class]=\"opt.checkedStatus\" aria-hidden=\"true\"></i>\n                            </div>\n                        </li>\n                    </ng-container>\n                </ul>\n            </span>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"column.datatype==='number'\">\n        <div class=\"inputgroup\">\n            <input style=\"text-align:left; padding-left: 25px;\" tabindex=\"1\" type=\"text\" [(ngModel)]=\"filterValue\" [attr.placeholder]=\"column.text\" (keyup)=\"keyUpSearch(column)\"\n                type=\"number\" class=\"input-control\" aria-label=\"Text input with dropdown button\">\n            <span style=\" cursor: pointer;\" tabindex=\"1\" (keyup.enter)=\"onDataFilterIconClick($event)\" (click)=\"onDataFilterIconClick($event)\"\n                class=\"datatable-filter-icon1\">\n                <amexio-c-icon key=\"datagrid_filter\"></amexio-c-icon>\n            </span>\n            <span *ngIf=\"showToolTip\" class=\"dropdown\" style=\"width: 250px;\">\n                    <ng-container *ngIf=\"column.columnIndex > 0\">\n                            <div style=\"padding-bottom: 5px\">\n                                <amexio-radio-group name=\"filterOption\" [data-reader]=\"'response.data'\" [display-field]=\"'filterOption'\" [value-field]=\"'filterOption'\"\n                                    [horizontal]=\"false\" [data]=\"radioGroupData\" [(ngModel)]=\"model1\" (onSelection)=\"setSelectedOption(column, $event)\">\n                                </amexio-radio-group>\n                            </div>\n                        </ng-container>\n                <ul class=\"dropdown-list\" *ngFor=\"let opt of numberFilterArray; let i = index\">\n                    <ng-container *ngIf=\"opt.type===column.datatype\">\n                        <li #listId id={{i}} tabindex=\"1\" (keyup.enter)=\"selectedOption(column,opt)\" (keyup.arrowup)=\"onArrowUpList(listId.id, column.datatype)\"\n                            (keyup.arrowdown)=\"onArrowdownList(listId.id, column.datatype)\" role=\"option\" class=\"list-items\">\n                            <div (click)=\"selectedOption(column,opt)\">\n                                {{opt.key}}&nbsp;\n                                <i [class]=\"opt.checkedStatus\" aria-hidden=\"true\"></i>\n                            </div>\n                        </li>\n                    </ng-container>\n                </ul>\n            </span>\n        </div>\n    </ng-container>\n  "}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"filterObject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"onFilterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":132,"character":77}]}],"ngOnInit":[{"__symbolic":"method"}],"selectedOption":[{"__symbolic":"method"}],"keyUpSearch":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}],"checkStatus":[{"__symbolic":"method"}],"filterDataObject":[{"__symbolic":"method"}],"onDataFilterIconClick":[{"__symbolic":"method"}],"addListner":[{"__symbolic":"method"}],"removeListner":[{"__symbolic":"method"}],"onArrowUpList":[{"__symbolic":"method"}],"onArrowdownList":[{"__symbolic":"method"}],"sortFilterData":[{"__symbolic":"method"}],"setSelectedOption":[{"__symbolic":"method"}]}},"ɵdn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"amexio-data-table-column","template":""}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"dataindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["data-index"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"datatype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["data-type"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["context-menu"]}]}],"summarytype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["summary-type"]}]}],"summarycaption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["summary-caption"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":123,"character":3},"arguments":["amexioHeaderTmpl"]}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":125,"character":3},"arguments":["amexioBodyTmpl"]}]}]}},"ɵdo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-datagrid-header","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":1}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵdp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-property-grid","template":"\n      <ng-container *ngIf=\"data && data.length > 0\">\n        <table aria-describedby=\"propertyGrid\" [ngClass]=\"{'borderStyle': hasBorder}\" style=\"width: 100%\">\n            <ng-container *ngIf=\"data && data.length == 0\">\n            <tr>\n                <th scope=\"col\"></th>\n                <th scope=\"col\"></th>\n            </tr>      \n            </ng-container>\n          <tr *ngFor=\"let item of data\">\n            <td class=\"field-name-align\" [ngClass]=\"{'borderStyle': hasBorder}\">\n              <span *ngIf=\"item.fieldIcon\" style=\"padding-right: 5px\">\n                <amexio-c-icon class=\"fa + {{item.fieldIcon}}\"></amexio-c-icon>\n              </span>\n              <span *ngIf=\"!item.onlyIcon\"\n                [ngStyle]=\"{'font-weight': enableKeyBold ? 'bold': 'normal'}\">{{item.fieldName}}</span>\n              <span *ngIf=\"hasColon\"> :</span>\n            </td>\n            <td class=\"field-name-align\"\n              [ngClass]=\"{'borderStyle': hasBorder, 'isclickenabled':(item.link && item.link.length>0)}\"\n              (click)=\"onClick(item)\">\n              {{item.fieldValue}}\n            </td>\n          </tr>\n        </table>\n      </ng-container>\n    ","styles":["\n      .isclickenabled{cursor:pointer;color:#0366d6;text-decoration:underline}\n    "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5},"arguments":["key-value-data"]}]}],"hasBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5},"arguments":["has-border"]}]}],"hasColon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["has-colon"]}]}],"enableKeyBold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5},"arguments":["enable-key-bold"]}]}],"enableValueClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["enable-value-click"]}]}],"onValueClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5},"arguments":["onValueClick"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onClick":[{"__symbolic":"method"}]}},"ɵdq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-speech-bubble","template":"\n    <div class=\"bubble\" [style.width]=\"width\" [ngClass]=\"{speecharrowleft:(position == 'left' ),speecharrowright:(position == 'right'),speecharrowbottomleft:(position == 'bottom-left'),speecharrowbottomright:(position == 'bottom-right'),speecharrowtopleft:(position == 'top-left'),speecharrowtopright:(position == 'top-right')}\">\n      <ng-container *ngIf=\"data\">\n        <amexio-c-icon style=\"float:right;font-size:25px;cursor: pointer;\" key=\"sidenav-angle-down\" (onClick)=\"onarrowClick($event)\"></amexio-c-icon>\n        <div class=\"sidedivclass\" [ngStyle]=\"dropdownstyle\">\n          <ng-container [ngStyle]=\"{'cursor': arrowpress ? 'all-scroll':''}\" *ngIf=\"arrowpress\">\n            <span>\n              <ul style=\"right:10px;margin-top:18px\" class=\"context-menu-list\">\n                <li (click)=\"onBubbleNodeClick(itemConfig)\" class=\"context-menu-list-items\" *ngFor=\"let itemConfig of data\">\n                  <span style=\"white-space: nowrap;display: inline ; padding-left:5px\">{{itemConfig.label}}</span>\n                  <amexio-c-icon style=\"float:left;padding:5px\" class=\"fa + {{itemConfig.icon}}\"></amexio-c-icon>\n                </li>\n              </ul>\n            </span>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-content></ng-content>\n      <div class=\"time\" *ngIf=\"enabletime\" [ngClass]=\"{timeclass:(position =='top-right'||position =='bottom-right'||position=='right'),timeleft:(position=='bottom-left'),timeright:(position=='bottom-right')}\">\n        {{todaydate | date: 'MMM d, y, h:mm:ss a'}}\n      </div>\n    </div>\n  "}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["width"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["arrow-direction"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["menu-option"]}]}],"enabletime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3},"arguments":["enable-time"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":48,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":75}]}],"ngOnInit":[{"__symbolic":"method"}],"onarrowClick":[{"__symbolic":"method"}],"onBubbleNodeClick":[{"__symbolic":"method"}]}},"ɵdr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"amexio-multi-bar","template":"\n\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵds":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"amexio-progress-bar","template":"\n    <div class=\"{{roundedgeclass}}\">\n    <div *ngIf=\"showProgress\" class=\"progress\" [ngStyle]=\"{'height':height}\">\n\n      <span [ngClass]=\"progressclass\" *ngIf=\"infinite\" style=\"width: 100%;\" tabindex=\"1\" role=\"progressbar\" aria-readonly=\"true\"\n        attr.aria-label=\"'inprogress {{label}}'\">\n        {{label != null ? label : 'Loading...'}}\n      </span>\n      <span tabindex=\"1\" attr.aria-label=\"'progressbar {{tooltip}}'\" role=\"progressbar\" attr.aria-valuenow=\"{{currentvalue}}\"\n        aria-valuemin=\"0\" aria-valuemax=\"100\" [ngClass]=\"progressclass\" *ngIf=\"!infinite\" [ngStyle]=\"{'width.%' : currentvalue}\">\n      </span>\n    </div>\n    </div>\n  "}]}],"members":{"showProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["show"]}]}],"infinite":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"amexiocolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["amexio-color"]}]}],"currentvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["current-value"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"stripped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"multi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["tooltip"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵdt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"amexio-horizontal-treeviewnode","template":"\n  <div #id class=\"horizontaltreeview-node\">\n  <div class=\"horizontaltreeview-node-entry\" [ngClass]=\"{'sole':data.length==1}\" *ngFor=\"let node of data; let i = index\">\n    <span id={{node.id}} tabindex=\"1\" [attr.aria-expanded]=\"node.expand\"\n    class=\"horizontaltreeview-node-label\" (click)=\"onClick(node)\" (keyup.enter)=\"onEnterClick(node)\"\n    (keyup.arrowup)=\"onArrowUp(data,node,i)\"\n    (keyup.arrowdown)=\"onArrowDown($event,data,node,i)\">\n      {{node.text}}\n      <span  *ngIf=\"node.children && (node.children.length>0)\" class=\"float-right\" (click)=\"onClick(node)\" (keyup.enter)=\"onClick(node)\">\n        <amexio-c-icon *ngIf=\"node.expand\" key=\"horizontal-tree-collapse\"></amexio-c-icon>\n        <amexio-c-icon *ngIf=\"!node.expand\" key=\"horizontal-tree-expanded\"></amexio-c-icon>\n      </span>\n    </span>\n    <amexio-horizontal-treeviewnode *ngIf=\"node.expand && node.children && (node.children.length>0)\"\n                                    [data]=\"node.children\"\n                                    (onNodeClick)=\"onInnerClick($event)\"></amexio-horizontal-treeviewnode>\n  </div>\n</div>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"onNodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onInnerClick":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"focusToInnerLastItem":[{"__symbolic":"method"}],"splitID":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"focusTONextParent":[{"__symbolic":"method"}],"onEnterClick":[{"__symbolic":"method"}]}},"ɵdu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"amexio-horizontal-treeview","template":"\n\n    <div class=\"horizontaltreeview\">\n      <span tabindex=\"1\" class=\"horizontaltreeview-node-label\">{{label}}</span>\n      <div style=\"height: 300px;\" *ngIf=\"mask\">\n        <div class=\"spinner\"></div>\n      </div>\n      <amexio-horizontal-treeviewnode *ngIf=\"!mask\" [data]=\"data\" (onNodeClick)=\"nodeclick($event)\"></amexio-horizontal-treeviewnode>\n    </div>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["data-reader"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"nodeclick":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}]}},"ɵdv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"amexio-tree-filter-view","template":"\n    <div>\n      <div>\n        <div class=\"inputgroup\">\n          <input type=\"text\" class=\"input-control text-input-width\" aria-label=\"Text input with dropdown button\" [(ngModel)]=\"filterText\"\n                 placeholder=\"Search\" (keyup)=\"filterData()\">\n          <!--<i class=\"fa fa-filter\" aria-hidden=\"true\" (click)=\"showToolTip = !showToolTip\"></i>-->\n          <span class=\"datatable-filter-icon\">\n          <amexio-c-icon key=\"tree_filter\" (click)=\"showToolTip = !showToolTip\"></amexio-c-icon>\n          </span>\n          <!--  <div class=\"input-group-btn\">-->\n          <!-- <button type=\"button\"\n          class=\"btn\" data-toggle=\"dropdown\"\n          (click)=\"showToolTip = !showToolTip\"\n          aria-haspopup=\"true\" aria-expanded=\"false\">\n           </button>-->\n          <span *ngIf=\"showToolTip\" class=\"dropdown\">\n              <ul class=\"dropdown-list\">\n                <li class=\"list-items\" *ngFor=\"let opt of filterOptionData\" (click)=\"filterOption(opt)\">{{opt.key}}&nbsp;\n                  <!--<i [class]=\"opt.checkedStatus\" aria-hidden=\"true\"></i>-->\n                  <amexio-c-icon key=\"opt.checkedStatus\"></amexio-c-icon>\n                </li>\n              </ul>\n            </span>\n          <!-- </div>-->\n        </div>\n        <ng-container *ngIf=\"isDataFound\">\n          <amexio-treeview\n            [filter-tree-flag]=\"true\"\n            [data]=\"treeData\"\n            [parentRef] =\"treeData\"\n            [word-wrap]=\"wordwrap\"\n            [child-array-key]=\"childarraykey\"\n            [display-key]=\"displaykey\"\n            [enable-checkbox]=\"enablecheckbox\"\n            (onTreeNodeChecked)=\"onCheckSelect($event)\"\n            (rightClick)=\"OnRightClickMenu($event)\"\n            (nodeRightClick)=\"loadContextMenu($event)\"\n            (nodeClick)=\"onRowSelect($event)\" [templates]=\"templates\">\n          </amexio-treeview>\n        </ng-container>\n        <ng-container *ngIf=\"!isDataFound\">\n          <p>No Data Found.</p>\n        </ng-container>\n\n      </div>\n    </div>\n\n\n  "}]}],"members":{"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["http-url"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3},"arguments":["http-method"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3},"arguments":["data-reader"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["data"]}]}],"enablecheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["enable-checkbox"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"onTreeNodeChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3}}]}],"nodeRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":2}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":2}}]}],"triggerchar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":2},"arguments":["trigger-char"]}]}],"childarraykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3},"arguments":["child-array-key"]}]}],"displaykey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["display-key"]}]}],"wordwrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3},"arguments":["word-wrap"]}]}],"contextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["context-menu"]}]}],"filtertreeflag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["filter-tree-flag"]}]}],"parentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"parentTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":202,"character":3},"arguments":["amexioTreeTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":204,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":204,"character":54},{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"searchTree":[{"__symbolic":"method"}],"filterActualData":[{"__symbolic":"method"}],"filterOption":[{"__symbolic":"method"}],"renderServiceData":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"callService":[{"__symbolic":"method"}],"onRowSelect":[{"__symbolic":"method"}],"onCheckSelect":[{"__symbolic":"method"}],"OnRightClickMenu":[{"__symbolic":"method"}],"loadContextMenu":[{"__symbolic":"method"}],"generatefilterIndex":[{"__symbolic":"method"}],"expandAll":[{"__symbolic":"method"}],"expandAllCall":[{"__symbolic":"method"}]}},"ɵdw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"amexio-item-selector","template":"\n    <amexio-row>\n        <amexio-column [size]=\"'45pt'\">\n            <amexio-card [header]=\"true\">\n                <amexio-header>Available</amexio-header>\n                <amexio-body>\n                    <div style=\"height: 220px;\" *ngIf=\"mask\">\n                        <div class=\"spinner\"></div>\n                    </div>\n                    <div tabindex=\"1\" role=\"listbox\" [style.height.px]=\"height\" (dragover)=\"allowDrop({event:$event,data:data})\" (drop)=\"dropLeft($event)\"\n                        *ngIf=\"!mask\" style=\"overflow: auto;outline: none;\">\n                        <div id=\"{{data.id}}\" tabindex=\"1\" role=\"option\"\n                         (keyup.enter)=\"dataFormLeftToRightMove({event:$event,data:data,index:i})\"\n                         (keyup.arrowdown)=\"downArrowPress($event,i)\" \n                        (keyup.arrowup)=\"upArrowPress($event,i)\"\n                            class=\"itemselector-list\" [ngClass]=\"data['isSelected'] ? 'itemselector-list-active':''\" *ngFor=\"let data of availableData; let i = index\"\n                            (click)=\"itemClick(data,i, true,false)\" [attr.draggable]=\"enabledrag\" (dragstart)=\"onDragStartLeft({event:$event,data:data,index:i})\">\n                            {{data[displayfield]}}\n                        </div>\n                    </div>\n                </amexio-body>\n            </amexio-card>\n        </amexio-column>\n\n\n        <amexio-column [size]=\"'10pt'\">\n\n            <div class=\"item-selector-action-panel\">\n\n                <amexio-card [header]=\"true\">\n                    <amexio-header>&nbsp;</amexio-header>\n                    <amexio-body>\n\n                        <div class=\"actionbar\">\n                            <div [style.height.px]=\"height\" class=\"actionbarinner\">\n                                <div tabindex=\"1\" (keyup.enter)=\"moveTop()\" [ngClass]=\"{'actiondisable':!rightactive}\"\n                                    (click)=\"moveTop()\" class=\"action movetop \">\n                                    <amexio-c-icon key=\"itemselector_caretup\"></amexio-c-icon>\n                                </div>\n                                <div tabindex=\"1\" (keyup.enter)=\"upSwitch()\" [ngClass]=\"{'actiondisable':!rightactive}\"\n                                    (click)=\"upSwitch()\" class=\"action moveup\">\n                                    <amexio-c-icon key=\"itemselector_arrowup\"></amexio-c-icon>\n                                </div>\n                                <div tabindex=\"1\" (keyup.enter)=\"leftSwitch()\" [ngClass]=\"{'actiondisable':!rightactive}\"\n                                    (click)=\"leftSwitch()\" class=\"action moveleft\">\n                                    <amexio-c-icon key=\"itemselector_arrowleft\"></amexio-c-icon>\n                                </div>\n                                <div tabindex=\"1\" (keyup.enter)=\"rightSwitch()\" [ngClass]=\"{'actiondisable':!leftactive}\"\n                                    (click)=\"rightSwitch()\" class=\"action moveright\">\n                                    <amexio-c-icon key=\"itemselector_arrowright\"></amexio-c-icon>\n                                </div>\n                                <div tabindex=\"1\" (keyup.enter)=\"downSwitch()\" [ngClass]=\"{'actiondisable':!rightactive}\"\n                                    (click)=\"downSwitch()\" class=\"action movedown\">\n                                    <amexio-c-icon key=\"itemselector_arrowdown\"></amexio-c-icon>\n                                </div>\n                                <div tabindex=\"1\" (keyup.enter)=\"moveBottom()\" [ngClass]=\"{'actiondisable':!rightactive}\"\n                                    (click)=\"moveBottom()\" class=\"action movebottom\">\n                                    <amexio-c-icon key=\"itemselector_caretdown\"></amexio-c-icon>\n                                </div>\n                            </div>\n                        </div>\n                    </amexio-body>\n                </amexio-card>\n            </div>\n\n        </amexio-column>\n\n        <amexio-column [size]=\"'45pt'\">\n            <amexio-card [header]=\"true\">\n                <amexio-header>Selected</amexio-header>\n                <amexio-body>\n                    <div role=\"listbox\" [style.height.px]=\"height\" style=\"overflow: auto\" (dragover)=\"allowDrop({event:$event,data:data})\"\n                        (drop)=\"dropRight($event)\">\n                        <div [attr.tabindex]=\"data['selectedClick'] ? 2 : -1\" role=\"option\" contenteditable=\"false\"\n                            (keyup.enter)=\"enterFocus({event:$event,data:data,index:i})\" id=\"{{data.id}}\" [attr.draggable]=\"enabledrag\"\n                            (keyup.arrowdown)=\"downSwitchOnTab($event,i)\" (keyup.arrowup)=\"upSwitchOnTab( $event,i)\" class=\"itemselector-list\"\n                            *ngFor=\"let data of selectedData; let i = index\" (click)=\"itemClick(data,i, false,true)\"\n                            [ngClass]=\"data['selectedClick'] ? 'itemselector-list-active':''\" (dragstart)=\"onDragStartRight({event:$event,data:data,index:i})\">\n                            <label>\n                                {{data[displayfield]}}\n\n                            </label>\n                        </div>\n                    </div>\n                </amexio-body>\n            </amexio-card>\n        </amexio-column>\n    </amexio-row>\n  "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3},"arguments":["data"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3},"arguments":["http-method"]}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3},"arguments":["http-url"]}]}],"displayfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3},"arguments":["display-field"]}]}],"valuefield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3},"arguments":["value-field"]}]}],"enabledrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":3},"arguments":["enable-drag"]}]}],"enabledrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3},"arguments":["enable-drop"]}]}],"acrossitemselector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":3},"arguments":["across-itemselector"]}]}],"availableRecords":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":229,"character":3}}]}],"selectedRecords":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":239,"character":3}}]}],"onDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":241,"character":3}}]}],"dragover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":242,"character":3}}]}],"dragData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":243,"character":3}}]}],"parentRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"updateComponent":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"generateIndex":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}],"dataFormLeftToRightMove":[{"__symbolic":"method"}],"enterFocus":[{"__symbolic":"method"}],"shiftFocusMethod":[{"__symbolic":"method"}],"downArrowPress":[{"__symbolic":"method"}],"upArrowPress":[{"__symbolic":"method"}],"downSwitchOnTab":[{"__symbolic":"method"}],"upSwitchOnTab":[{"__symbolic":"method"}],"focusDetectionOnAvailableData":[{"__symbolic":"method"}],"focusDetectionOnSelected":[{"__symbolic":"method"}],"rightSwitch":[{"__symbolic":"method"}],"dragDropValidation":[{"__symbolic":"method"}],"leftSwitch":[{"__symbolic":"method"}],"setLeftSwitch":[{"__symbolic":"method"}],"upSwitch":[{"__symbolic":"method"}],"downSwitch":[{"__symbolic":"method"}],"moveTop":[{"__symbolic":"method"}],"moveBottom":[{"__symbolic":"method"}],"dataEmitter":[{"__symbolic":"method"}],"getIndexObject":[{"__symbolic":"method"}],"onDragStartLeft":[{"__symbolic":"method"}],"onDragStartRight":[{"__symbolic":"method"}],"allowDrop":[{"__symbolic":"method"}],"dropRight":[{"__symbolic":"method"}],"dropLeft":[{"__symbolic":"method"}]}},"ɵdx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-virtual-scroller","template":"\n   <div #virtualscoller id=\"scroll-content\" [ngStyle]=\"{'height':newheight, 'overflow-y': !windowScroll ? 'scroll' : 'none' }\" (scroll)=\"handleDivScrollListener($event)\">\n       <div *ngFor=\"let row of currentViewData\" [ngStyle]=\"{ 'min-height': itemSize + 'px' }\">\n           <ng-template *ngIf=\"bodyTemplate\" [ngTemplateOutlet]=\"bodyTemplate\" [ngTemplateOutletContext]=\"{ row: row }\">\n           </ng-template>\n       </div>\n   </div>\n "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":2},"arguments":["height"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":2},"arguments":["data"]}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2},"arguments":["item-size"]}]}],"windowScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2},"arguments":["window-scroll"]}]}],"onScrollDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":2}}]}],"bodyTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":2},"arguments":["amexioBodyTmpl"]}]}],"virtualscoller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":2},"arguments":["virtualscoller"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":38,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"pageAndTotalCountCal":[{"__symbolic":"method"}],"initLoad":[{"__symbolic":"method"}],"handleDivScrollListener":[{"__symbolic":"method"}],"loadNewData":[{"__symbolic":"method"}],"addData":[{"__symbolic":"method"}],"bindDocumentClickListener":[{"__symbolic":"method"}],"unbindDocumentClickListener":[{"__symbolic":"method"}],"handleDocumentListener":[{"__symbolic":"method"}],"getScrollPercent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":99,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":101,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":102,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":103,"character":4},{"__symbolic":"reference","name":"AmexioFormsModule"},{"__symbolic":"reference","name":"AmexioNavModule"},{"__symbolic":"reference","name":"AmexioLayoutModule"},{"__symbolic":"reference","name":"AmexioPaneModule"},{"__symbolic":"reference","name":"AmexioMediaModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵdz"},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","name":"ɵed"},{"__symbolic":"reference","name":"ɵee"},{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵef"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵeh"},{"__symbolic":"reference","name":"ɵei"},{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","name":"ɵep"},{"__symbolic":"reference","name":"ɵeq"},{"__symbolic":"reference","name":"ɵes"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵet"},{"__symbolic":"reference","name":"ɵeu"},{"__symbolic":"reference","name":"ɵev"}],"declarations":[{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵdz"},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","name":"ɵed"},{"__symbolic":"reference","name":"ɵee"},{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵef"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵeh"},{"__symbolic":"reference","name":"ɵei"},{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","name":"ɵep"},{"__symbolic":"reference","name":"ɵeq"},{"__symbolic":"reference","name":"ɵes"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵet"},{"__symbolic":"reference","name":"ɵeu"},{"__symbolic":"reference","name":"ɵev"}],"entryComponents":[{"__symbolic":"reference","name":"ɵem"}],"providers":[{"__symbolic":"reference","name":"IconLoaderService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵdy"},"providers":[{"__symbolic":"reference","name":"IconLoaderService"}]}}}},"ɵdz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"amexio-action-ce","template":"\n\n    <div   [ngStyle]=\"{'background': ' url(' + bgimage + ') center/cover no-repeat','height': height }\" [ngClass]=\"cclass\">\n        <div class=\"creative-footer\" [style.flex-direction]=\"direction\" [ngStyle]=\"{'color': color, 'background':background, 'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align}\">\n            <ng-content></ng-content>\n            <form-action-ce *ngIf=\"(formFlag && showError)\" [icon]=\"icon\"></form-action-ce>\n        </div>\n    </div>\n  "}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["align"]}]}],"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["bg-image"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["height"]}]}],"bordertop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["border-top"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["direction"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["icon"]}]}],"btns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":67,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"}]}]}],"btngrp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":71,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioButtonGroupComponent"}]}]}],"formAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵed"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":75,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"checkFormValidation":[{"__symbolic":"method"}]}},"ɵea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"amexio-body-ce","template":"\n      <div [ngStyle]=\"{'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align,'background': ' url(' + bgimage + ') center/cover no-repeat', 'color': color,'background-color':background, 'height': height }\">\n          <ng-content></ng-content>\n      </div>\n      <ng-container *ngIf=\"ribbonType\">\n          <div class=\"ce-header-ribbon ce-header-ribbon-l\"></div>\n          <div class=\"ce-header-ribbon ce-header-ribbon-r\"></div>\n      </ng-container>\n    "}]}],"members":{"cardclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":5},"arguments":["attr.class"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5},"arguments":["align"]}]}],"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5},"arguments":["bg-image"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5},"arguments":["height"]}]}]}},"ɵeb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"amexio-card-ce","template":"\n    <div (mouseover)=\"onmouseover()\" (mouseleave)=\"onmouseleave()\" [ngStyle]=\"{'background': bgimage ? 'url(' + bgimage + ') center/cover no-repeat' : null,\n\n                'height': height, 'transform-origin': zoom ? zoomtransitionorigin: null, 'position':(maximizeflagchanged) ? 'fixed' :'relative', 'z-index':(maximizeflagchanged) ? '500' :'0', 'width':(maximizeflagchanged) ? '100%' : width}\"\n            [ngClass]=\"cclass\">\n            <div class=\"{{roundedgeclass}} {{innerCardCss}}\" [ngClass]=\"{'card-ce-overlay-slideeffect-hover': ishover }\" [ngStyle]=\"{'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align ,\n                    'color':color, \n                    'background': background}\">\n\n                    <div [ngClass]=\"{'ce-flip-card-front': flip,\n                                     'ce-flip-card-zoom' : zoom}\" class=\"ce-flip-card-front\" *ngIf=\"flip || zoom\" [ngStyle]=\"{'height': height , 'width': width }\">\n                            <img [src]=\"coverimage\" alt=\"\" class=\"img-fluid\" style=\"height: 100%; width: 100%\" />\n                    </div>\n\n                    <div [ngClass]=\"{'ce-flip-card-back': flip , 'ce-zoom-card-back':zoom, 'card-container-ce ' : !(flip && !zoom)}\" [ngStyle]=\"{'height': height,'width': width, 'background': (coverimage && zoom && !zoomflipflag && !flip) ? 'url(' + coverimage + ') center/cover no-repeat' : null}\">\n                            <ng-content></ng-content>\n                    </div>\n                    <div>\n\n                    </div>\n  "}]}],"members":{"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["bg-image"]}]}],"overlaytype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["overlay-type"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3},"arguments":["width"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["align"]}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["style-type"]}]}],"transformType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["polaroid-type"]}]}],"flip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["flip"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["zoom"]}]}],"coverimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["cover-image"]}]}],"zoomtransitionorigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["zoom-transition-origin"]}]}],"showcoverimg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["show-cover-image"]}]}],"zoomflipflag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["zoom-flip"]}]}],"AmexioCardCEHeaderQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":97,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵec"}]}]}],"AmexioCardCEBodyQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":101,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵea"}]}]}],"AmexioCardCEActionQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":105,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdz"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":113,"character":16},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":113,"character":23}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setFlipCard":[{"__symbolic":"method"}],"setZoomCard":[{"__symbolic":"method"}],"setWiderAndNarrower":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setCardAligementForAllInnerComponent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onmouseover":[{"__symbolic":"method"}],"onmouseleave":[{"__symbolic":"method"}]}},"ɵec":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"amexio-header-ce","template":"\n    <div [ngClass]=\"cclass\" class=\"creative-header-div\" [ngStyle]=\"{'background': ' url(' + bgimage + ') center/cover no-repeat' }\">\n        <div *ngIf=\"ribbonType\"> &nbsp;</div>\n        <header class=\"creative-header {{themeCss}}\" [style.flex-direction]=\"direction\" [ngStyle]=\"{'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align ,\n         'color': color,'background':background,'height': height}\"\n            [ngClass]=\"{'card-container-ce-theme-color': applyThemeColor}\">\n\n            <span #contentWrapper>\n                <ng-content ></ng-content>\n            </span>\n        \n        \n            <span *ngIf=\"windowFlag\" class=\"creative-header-icon-div\" [ngStyle]=\"iconPosition\">\n                <amexio-c-icon class=\"cursor-style\" *ngIf=\"((isFullWindowCe && maximize))\" [key]=\"'window_restore'\" (onClick)=\"sizeChange()\"></amexio-c-icon>\n                <amexio-c-icon class=\"cursor-style\" *ngIf=\"((!isFullWindowCe && maximize))\" [key]=\"'window_maximize'\" (click)=\"sizeChange()\"></amexio-c-icon>\n                <em  *ngIf=\"minimize\" class=\"fa fa-window-minimize\" (click)=\"onMinimizeClick($event)\"\n                style = \"cursor: pointer;padding-left:5px;\"></em>\n                <amexio-c-icon class=\"cursor-style\" style=\"padding-left:5px;\" *ngIf=\"closeable\" [key]=\"'window_close'\"\n                    (onClick)=\"onCloseClick()\"></amexio-c-icon>\n            </span>\n            <span *ngIf=\"fullScreenFlag\" class=\"creative-header-icon-div-full-screen\" [ngStyle]=\"iconPosition\">\n                <amexio-c-icon class=\"cursor-style\" *ngIf=\"((fullScreenFlag && !fullscreenMaxCard))\" [key]=\"'full-screen-min-icon'\" (onClick)=\"minScreenChange1($event)\"></amexio-c-icon>\n                <amexio-c-icon class=\"cursor-style\" *ngIf=\"((fullScreenFlag && fullscreenMaxCard))\" [key]=\"'full-screen-max-icon'\" (click)=\"maxScreenChange1($event)\"></amexio-c-icon>\n            </span>\n        </header>\n    </div>\n  ","styles":["\n  .cursor-style {\n  cursor:pointer;\n  }\n  "]}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["align"]}]}],"verticalalign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["icon-align"]}]}],"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["bg-image"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["height"]}]}],"borderbottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["border-bottom"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["direction"]}]}],"applyThemeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["apply-theme-color"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":81,"character":3},"arguments":["contentWrapper"]}]}],"minimizeWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"maximizeWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"maximizeWindow1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"minimizeWindow1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"closeDataEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"minimizeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["minimized-icon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":16},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":126,"character":23}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onMinimizeClick":[{"__symbolic":"method"}],"setMaximizeDataCE":[{"__symbolic":"method"}],"sizeChange":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"setIconPosition":[{"__symbolic":"method"}],"setColorPalette":[{"__symbolic":"method"}],"maxScreenChange1":[{"__symbolic":"method"}],"minScreenChange1":[{"__symbolic":"method"}]}},"ɵed":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"form-action-ce","template":"\n        <ng-container *ngIf=\"enableaction\">  \n          <span  *ngIf=\"!form.valid\" style=\"padding-bottom:10px;position:relative\">\n                  <button class=\"button\" [attr.title]=\"'click'\" (click)=\"showErrors($event)\" [ngClass]=\"'button-warning button-small button-round'\">\n                              <span class=\"button-text\">\n                                <span style=\"padding-right: 5px;\" *ngIf=\"icon\">\n                                  <amexio-c-icon [customclass]=\"icon\" >\n                                  </amexio-c-icon>\n                                </span>\n          <span style=\"padding-right: 5px;\">\n                                  <amexio-c-icon key=\"button-loading-icon\"></amexio-c-icon>\n                                </span> ?\n          </span>\n          </button>\n          <amexio-dialogue class=\"dailogue-header-ce\" [(show)]=\"showDialogue\" [custom]=\"true\" [content-align]=\"'left'\" [closable]=\"false\"\n              [title]=\"'Invalid Fields'\" [type]=\"'confirm'\">\n\n              <amexio-body *ngFor=\"let msg of errorMsgArray let index=index\">\n                  <amexio-label>{{index+1}}) {{msg.label}}</amexio-label><br>\n              </amexio-body>\n\n              <amexio-action>\n                  <amexio-button type=\"primary\" (onClick)=\"closeDialogue()\" [label]=\"'OK'\">\n                  </amexio-button>\n              </amexio-action>\n          </amexio-dialogue>\n          </span>\n        </ng-container>  \n    "}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5},"arguments":["icon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":52,"character":36}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"closeDialogue":[{"__symbolic":"method"}],"addErrorMsg":[{"__symbolic":"method"}],"getValidationForm":[{"__symbolic":"method"}]}},"ɵee":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"amexio-form-ce","template":"\n      <div [ngStyle]=\"{'background': bgimage ? 'url(' + bgimage + ') center/cover no-repeat' : null}\" [ngClass]=\"cclass\">\n          <div [ngStyle]=\"{'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align , 'color':color, 'background': background}\">\n              <form name=\"fname\" class=\"form-container-ce form-group\">\n                  <ng-content></ng-content>\n              </form>\n          <div>\n      </div>\n    "}]}],"members":{"fname":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5},"arguments":["form-name"]}]}],"showError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["show-error"]}]}],"showErrorMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5},"arguments":["bg-image"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5},"arguments":["height"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5},"arguments":["align"]}]}],"styleType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5},"arguments":["style-type"]}]}],"AmexioCardCEHeaderQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":67,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵec"}]}]}],"AmexioCardCEBodyQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":71,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵea"}]}]}],"AmexioCardCEActionQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":75,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵdz"}]}]}],"btns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":79,"character":4},"arguments":[{"__symbolic":"reference","name":"AmexioButtonComponent"},{"descendants":true}]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":83,"character":15}]}]}],"models":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":85,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":85,"character":21},{"descendants":true}]}]}],"fb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":87,"character":5},"arguments":[{"__symbolic":"reference","name":"AmexioFormGroupDirective"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":89,"character":36}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isFieldPresentInParentAndChildBoth":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"disableButton":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setWiderAndNarrower":[{"__symbolic":"method"}],"setCardAligementForAllInnerComponent":[{"__symbolic":"method"}]}},"ɵef":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-homepage-centerpanel","template":"\n    <div class=\"homepage-centerpanel\">\n        <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":1},"arguments":["type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵeg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-homepage-eastpanel","template":"\n    <div>\n        <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":1},"arguments":["type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵeh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-homepage-northpanel","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"enableIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":1},"arguments":["enable-icon"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":1},"arguments":["type"]}]}],"nothPanelIconClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":1}}]}],"amexioNavBarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":18,"character":1},"arguments":[{"__symbolic":"reference","name":"AmexioNavBarComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"westPanelShowHideClick":[{"__symbolic":"method"}]}},"ɵei":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-homepage-westpanel","template":"\n    <div class=\"homepage-westpanel\" [style.padding-top.px]=\"padding\">\n        <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"setPadding":[{"__symbolic":"method"}]}},"ɵej":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"amexio-homepage-ce","template":"\n    <div class=\"{{'homepage-'+type}}\" (window:resize)=\"resize($event)\">\n        <div class=\"homepage-northpanel-flex\">\n            <ng-content select=\"amexio-homepage-northpanel\">\n            </ng-content>\n        </div>\n        <div [ngStyle]=\"{'display': !isPhone ? 'flex':'','flex-direction': isDisableWestPanel ? 'row' : 'column'}\">\n            <div [ngStyle]=\"{'flex':isPhone ? '0 0 0%':westPanelWidth}\">\n                <ng-content *ngIf=\"isDisableWestPanel\" select=\"amexio-homepage-westpanel\">\n                </ng-content>\n            </div>\n            <div [ngClass]=\"{'homepage-centerpanel-flex':!isPhone || (isDisableWestPanel && !isPhone), 'homepage-centerpanel-flex-fullview':(!isDisableWestPanel && !isPhone) }\"\n                [style.padding-top.px]=\"northPanelHeight\">\n                <ng-content select=\"amexio-homepage-centerpanel\">\n                </ng-content>\n            </div>\n        </div>\n    </div>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["type"]}]}],"amexoHomePageNorthpanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵeh"}]}]}],"sideNavList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":34,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioSideNavComponent"},{"descendants":true}]}]}],"amexioHomePageWestPanelComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵei"}]}]}],"amexioNavBarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioNavBarComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"setTimeoutMethodSeoerate":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"showHideWestPanel":[{"__symbolic":"method"}],"northPanelClick":[{"__symbolic":"method"}]}},"ɵek":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"amexio-window-ce","template":"\n    <div *ngIf=\"show\" \n    [ngClass]=\"{'amexio-root-window-ce': windowModel, 'amexio-root-window-ce-windowModel': !windowModel}\"\n \n    class=\"{{roundedgeclass}}\"\n     [style.justify-content]=\"horizontalposition\">\n\n      <div  \n\n      [ngClass]=\"{'content-max-height': (maximize && isFullWindow), 'amexio-root-window-content-ce': windowModel, 'amexio-root-window-content-ce-windowModel': !windowModel}\"\n  \n      (mousedown)='onWindowPress($event)' (mousemove)='onWindowDrag($event)'\n\n        [@animation]=\"{value: 'visible', params: {transitionParams: transitionOptions}}\" [style.width]=\"width\"\n        [style.height]=\"height\" [style.top.px]='y' [style.left.px]='x' [style.justify-content]=\"verticalposition\"\n        [ngStyle]=\"maximumWindowStyle\" >\n    \n    \n        <div\n          [ngStyle]=\"{'background': bgimage ? 'url(' + bgimage + ') center/cover no-repeat' : null,'resize': resizable ? 'both':'','overflow':resizable ?'auto':'', 'height':(maximize && maximizeflagchanged) ? '100%' :'' }\"\n          [ngClass]=\"cclass\">\n          <div\n            [ngStyle]=\"{'justify-content': (align === 'start' || align === 'end') ? 'flex-'+align:align , 'color':color, 'background': background, 'cursor': draggable ? 'all-scroll':''}\">\n            <ng-content></ng-content>\n          </div>\n        </div>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":66,"character":4},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":67,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":67,"character":20},"arguments":[{"transform":"translate3d(0, 25%, 0) scale(0.9)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":71,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":23},"arguments":[{"transform":"none","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":75,"character":6},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":75,"character":27},"arguments":["400ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]}]]}]}]}],"members":{"bgimage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["bg-image"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["color"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["background"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["height"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["align"]}]}],"verticalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["vertical-position"]}]}],"horizontalposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["horizontal-position"]}]}],"closeonescape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["close-on-escape"]}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3},"arguments":["position-top"]}]}],"showWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["show-window"]}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"showChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"maximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["width"]}]}],"windowModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3},"arguments":["window-model"]}]}],"amexioHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵec"}]}]}],"amexioFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":123,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdz"}]}]}],"amexioBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":126,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵea"}]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":129,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"windowposition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["remember-window-position"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":160,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":161,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":162,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":162,"character":54},{"__symbolic":"reference","name":"ɵcs"}]}],"onCloseClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"appendComponentToBody":[{"__symbolic":"method"}],"onWindowPress":[{"__symbolic":"method"}],"onWindowDrag":[{"__symbolic":"method"}],"setMaximizeClass":[{"__symbolic":"method"}],"setVerticlePosition":[{"__symbolic":"method"}],"setHorizontalPosition":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setShowFlag":[{"__symbolic":"method"}],"getListPosition":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCardAligementForAllInnerComponent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"amexio-progress-ce","template":"\n    <!-- Radial -->\n    <ng-container *ngIf=\"type =='radial'\">\n        <div class=\"circularProgress\" [style.width]=\"outerWidth\" [style.height]=\"outerHeight\" [ngStyle]=\"pStyle\">\n            <div [style.background-color]=\"background\" [style.width]=\"width+'px'\" [style.height]=\"height+'px'\" class=\"innerCircle\"\n                [ngClass]=\"type\">\n                <label tabindex=\"0\" attr.aria-label=\"{{progressvalue}} {{unit}} {{tooltip}}\" [style.font-size]=\"size\"\n                    [style.color]=\"labelcolor\">\n                    <ng-container *ngIf=\"showlabel\">{{progressvalue }}</ng-container>\n                    <ng-container *ngIf=\"showunit\"> {{unit}}</ng-container>\n                </label>\n            </div>\n        </div>\n    </ng-container>\n    <!-- Ring -->\n    <ng-container *ngIf=\"type =='ring'\">\n        <div class=\"circularProgress\" [style.width]=\"outerWidth\" [style.height]=\"outerHeight\" [ngStyle]=\"pStyle\">\n            <div [style.width]=\"width+'px'\" [style.height]=\"height+'px'\" class=\"innerCircle\" [ngClass]=\"type\">\n                <label tabindex=\"0\" attr.aria-label=\"{{progressvalue}} {{unit}} {{tooltip}}\" [style.color]=\"labelcolor\"\n                    [style.font-size]=\"size\">\n                    <ng-container *ngIf=\"showlabel\">{{progressvalue }}</ng-container>\n                    <ng-container *ngIf=\"showunit\"> {{unit}}</ng-container>\n                </label>\n            </div>\n        </div>\n    </ng-container>\n\n    <!-- Pie -->\n    <ng-container *ngIf=\"type =='pie'\">\n        <div class=\"circularProgress\" [style.width]=\"outerWidth\" [style.height]=\"outerHeight\" [ngStyle]=\"pStyle\">\n            <div [style.width]=\"width+'px'\" [style.height]=\"height+'px'\" [ngClass]=\"type\" class=\"innerCircle\">\n                <label tabindex=\"0\" attr.aria-label=\"{{progressvalue}} {{unit}} {{tooltip}}\" [style.color]=\"labelcolor\"\n                    [style.font-size]=\"size\">\n                    <ng-container *ngIf=\"showlabel\">{{progressvalue }}</ng-container>\n                    <ng-container *ngIf=\"showunit\"> {{unit}}</ng-container>\n\n                </label>\n            </div>\n        </div>\n    </ng-container>\n  "}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["type"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["font-size"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["background-color"]}]}],"labelcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5},"arguments":["label-color"]}]}],"progresscolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["progress-color"]}]}],"inactiveprogresscolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["inactive-progress-color"]}]}],"unit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["unit"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3},"arguments":["label"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3},"arguments":["height"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3},"arguments":["width"]}]}],"progressvalue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3},"arguments":["progress-value"]}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3},"arguments":["tooltip"]}]}],"showlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3},"arguments":["show-label"]}]}],"showunit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3},"arguments":["show-unit"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"dyanmicHeightCreation":[{"__symbolic":"method"}],"getCal":[{"__symbolic":"method"}]}},"ɵem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ce-minimize-window","template":"\n      <div class=\"minimize-btn-css\" [class.minimize-window-bg]=\"ceMiniButton\"\n          [ngStyle]=\"{'padding': ceMiniButton ? '10px  0px 10px 0px': '0px'}\">\n\n          <ng-container *ngIf=\"ceMiniButton\">\n              <span *ngFor=\"let data of arrayData\">\n                  <amexio-button [icon]=data.amexioHeader.first.minimizeIcon [label]=\"data.textName\" [type]=\"'theme-color'\"\n                      [tooltip]=\"data.textName\" (onClick)=\"ceMiniBtnClick(data)\">\n                  </amexio-button>\n              </span>\n          </ng-container>\n      </div>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcs"}]}],"ngOnInit":[{"__symbolic":"method"}],"ceMiniBtnClick":[{"__symbolic":"method"}]}},"ɵen":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"amexio-color-picker","template":"\n    <div class=\"inputgroup form-group\">\n\n      <label>\n        {{fieldlabel}}\n      </label>\n\n      <br/>\n\n      <div *ngIf=\"!inlineColorPicker\" class=\"input-container\" style=\"display: inline-flex;\n        align-items: center;\" (click)=\"openColorPicker()\">\n        <input type=\"text\" class=\"input-control\" name=\"value\" [(ngModel)]=\"value\" />\n        <span *ngIf=\"value\" style=\"display: inline-block; width:32px; height:32px;\" [style.background]=\"value\"></span>\n        &nbsp;\n        <em class=\"fa fa-paint-brush\" style=\"cursor: pointer;\"></em>\n      </div>\n\n      <div  *ngIf=\"showColorPicker || inlineColorPicker \" [@changeState]=\"showColorPicker \"\n           [ngClass]=\"{'card-container': (!inlineColorPicker)}\" \n           [ngStyle]=\"{'position': (inlineColorPicker) ? 'relative':'absolute',\n                         'height': (showColorPicker) ? '270px': 'auto','margin-top': (showColorPicker) ? '15px': '0px' }\"\n           style=\"align-items: center;z-index:70\">\n        <div class=\"color-wrapper {{roundedgeclass}}\"  style=\"justify-content: center;\">\n          <color-palette [hue]=\"hue\" [position]=\"position\" (color)=\"selectedPaletteColor($event)\"></color-palette>\n          <color-slider [offsetY]=\"offsetY\" [selected-hue]=\"hue\" (color)=\"selectedHue($event)\" style=\"margin-left:0px\">\n          </color-slider>\n        </div>\n        <span>\n        <amexio-button *ngIf=\"!inlineColorPicker\" [size]=\"'small'\" (onClick)=\"closeColorPicker()\" [label]=\"'Close'\" [type]=\"'theme-color'\" [tooltip]=\"'Close'\">\n        </amexio-button>\n      </span>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":42,"character":4},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":43,"character":6},"arguments":["true",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":43,"character":20},"arguments":[{"transform":"scale(1.1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":46,"character":6},"arguments":["false",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":21},"arguments":[{"transform":"scale(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":6},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":25},"arguments":["200ms"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":53,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵen"},"multi":true}]}]}],"members":{"selectedColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"inlineColorPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["inline-color-picker"]}]}],"fieldlabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["field-label"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"selectedPaletteColor":[{"__symbolic":"method"}],"rgbToHexConvert":[{"__symbolic":"method"}],"selectedHue":[{"__symbolic":"method"}],"openColorPicker":[{"__symbolic":"method"}],"closeColorPicker":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"ɵeo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"color-palette","template":"\n    <canvas\n      #canvas\n      class=\"color-palette\"\n      width=\"160%\"\n      height=\"200px\"\n      (mousedown)=\"onMouseDown($event)\"\n      (mousemove)=\"onMouseMove($event)\"\n    >\n    </canvas>\n  "}]}],"members":{"hue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["position"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["canvas"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}],"draw":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":97,"character":3},"arguments":["window:mouseup",["$event"]]}]}],"onMouseDown":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"emitColor":[{"__symbolic":"method"}],"getColorAtPosition":[{"__symbolic":"method"}]}},"ɵep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"color-slider","template":"\n\n        <canvas #canvas class=\"color-slider\" (mousedown)=\"onMouseDown($event)\"\n        (mousemove)=\"onMouseMove($event)\" width=\"20%\" height=\"200px\"> </canvas>\n\n   \n  "}]}],"members":{"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["canvas"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"selctedHue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["selected-hue"]}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["offsetY"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"draw":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":92,"character":3},"arguments":["window:mouseup",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"emitColor":[{"__symbolic":"method"}],"getColorAtPosition":[{"__symbolic":"method"}]}},"ɵeq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-viewport","template":"\n        <ng-content select=\"amexio-viewport-content\"></ng-content>\n  "}]}],"members":{"queryContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":12,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵer"}]}]}],"scrollable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["scrollable"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["type"]}]}],"pageColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["page-color"]}]}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["window:scroll",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"insertStyleSheetRule":[{"__symbolic":"method"}],"getType":[{"__symbolic":"method"}]}},"ɵer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-viewport-content","template":"\n    <div class=\"viewportContent {{backgroundCss}}\" [ngStyle]=\"{'height':height}\" onscroll=\"myFunction()\">\n        <video class=\"viewportvideo\" #videoId src=\"{{tempUrl}}\" muted=\"muted\" poster=\"\" loop=\"\" autoplay=\"true\" webkit-playsinline=\"true\"\n            playsinline=\"true\">\n            <track label=\"English\" kind=\"captions\" srclang=\"en\" src=\"\" default>\n        </video>\n        <div class=\"viewportBody\" [ngStyle]=\"{'overflow-y': internalScroll ? 'scroll' : 'hidden',\n    'background-color':backgroundColor, 'height':height}\">\n            <ng-content select=\"amexio-viewport-content-body\"></ng-content>\n\n        </div>\n    </div>\n  "}]}],"members":{"videoId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["videoId"]}]}],"bgImageTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵes"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵet"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"scrollable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["scrollable"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"playVideo":[{"__symbolic":"method"}],"insertStyleSheetRule":[{"__symbolic":"method"}]}},"ɵes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-viewport-background","template":"\n\n  "}]}],"members":{"imageTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":12,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcr"}]}]}],"videoTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioVideoPlayerComponent"}]}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["background-color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ɵet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"amexio-viewport-content-body","template":"\n\n            <div class=\"{{roundedgeclass}}\">\n                    <ng-content></ng-content>\n            </div>\n  "}]}],"members":{"navTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioNavBarComponent"}]}]}],"scrollable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["scrollable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setRoundEdge":[{"__symbolic":"method"}]}},"ɵeu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"amexio-carousel-ce","template":"\n    <br />\n    <div class=\"wrapper\" #tab>\n        <div *ngFor=\"let item of imageData ;let i=index\" style=\"width: 100%; height: 100%;  position: relative;  display: flex; overflow: hidden;\">\n            <ng-container>\n                <div [@changeState]=\"(item.active) ? 'block'+type+'-'+navigationType:'none'+type+'-'+navigationType\" [ngStyle]=\"{display: (item.active) ? 'block':'none'}\"\n                    class=\"ce-caroueslimages\">\n                    <img src=\"{{item.imagepath}}\" alt=\"\" style='height: 100%; width: 100%; object-fit: cover' />\n                </div>\n\n                <ng-container *ngIf=\"itemTemplate\">\n                    <div style=\" position: absolute;\" [style.left]=\"positionLeft+'%'\" [style.right]=\"positionRight+'%'\">\n                        <ng-template tabindex=\"1\" [amexioTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></ng-template>\n                    </div>\n                </ng-container>\n\n            </ng-container>\n\n            <div class=\"ce-caroueslbar\" [ngStyle]=\"{'opacity': translucent ? '0.7' : 'inherit'}\" [style.background]=\"barBGColor\">\n                <div class=\"ce-caroueslnav\">\n                    <a class=\"ce-caroueslnav-prev\">\n                        <span>Previous</span>\n                        <div (click)=\"previousClick()\" (mouseenter)=\"onPreBtnHover(i)\">\n                            <img src=\"{{preImagePath}}\" alt=\"\" style='height: 100%; width: 100%; object-fit: cover; cursor:pointer' />\n\n                        </div>\n                    </a>\n                    <a class=\"ce-caroueslnav-next\">\n                        <span>Next</span>\n                        <div (click)=\"nextClick()\" (mouseenter)=\"onNextBtnHover(i)\">\n\n                            <img src=\"{{nextImagePath}}\" alt=\"\" style='height: 100%; width: 100%; object-fit: cover; cursor:pointer' />\n\n                        </div>\n                    </a>\n                </div>\n\n                <div class=\"ce-caroueslnav-content\">\n                    <div class=\"ce-caroueslnav-content-prev\">\n                        <span [style.color]=\"barFontColor\"> {{titleModel.previousTitle}}</span>\n                    </div>\n                    <div class=\"ce-caroueslnav-content-current\">\n                        <span [style.color]=\"barFontColor\">\n                            {{titleModel.centerTitle}}\n                        </span>\n                    </div>\n                    <div class=\"ce-caroueslnav-content-next\">\n                        <span [style.color]=\"barFontColor\"> {{titleModel.nextTitle}}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":81,"character":15},"arguments":["changeState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":82,"character":4},"arguments":["block1-1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":82,"character":22},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":85,"character":4},"arguments":["none1-1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":85,"character":21},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":88,"character":4},"arguments":["block1-2",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":88,"character":22},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":91,"character":4},"arguments":["none1-2",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":91,"character":21},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":94,"character":4},"arguments":["block2-1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":94,"character":22},"arguments":[{"transform":"translateX(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":97,"character":4},"arguments":["none2-1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":97,"character":21},"arguments":[{"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":100,"character":4},"arguments":["block2-2",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":100,"character":22},"arguments":[{"transform":"translateX(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":103,"character":4},"arguments":["none2-2",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":103,"character":21},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":106,"character":4},"arguments":["*=>*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":106,"character":23},"arguments":["200ms"]}]}]]}]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"httpurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["http-url"]}]}],"datareader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3},"arguments":["data-reader"]}]}],"httpmethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3},"arguments":["http-method"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3},"arguments":["type"]}]}],"translucent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3},"arguments":["translucent"]}]}],"translucentValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3},"arguments":["translucent-value"]}]}],"barBGColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3},"arguments":["bar-bg-color"]}]}],"barFontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3},"arguments":["bar-font-color"]}]}],"templateWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["template-width"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3},"arguments":["position"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":178,"character":3},"arguments":[{"__symbolic":"reference","name":"AmexioTemplateDirective"}]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":180,"character":3},"arguments":["tab",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":180,"character":28}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":190,"character":27},{"__symbolic":"reference","name":"CommonDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"positionCalculation":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"dividedPreviousMethod":[{"__symbolic":"method"}],"previousClick":[{"__symbolic":"method"}],"nextClickCurrentIndexLogic":[{"__symbolic":"method"}],"nextClick":[{"__symbolic":"method"}],"previousClickMethod":[{"__symbolic":"method"}],"onPreBtnHover":[{"__symbolic":"method"}],"onNextBtnHover":[{"__symbolic":"method"}],"setFlag":[{"__symbolic":"method"}]}},"ɵev":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"amexio-menu-ce","template":"\n    <div \n    [ngClass]=\"{textLeftPosition: (position == 'left'),\n     textRightPosition: (position == 'right'), \n     textCenterPosition: (position == 'center')}\">\n        <div *ngFor=\"let node of data\" \n        [ngClass]='animatedClass'\n       >\n        <a style=\"text-decoration: none;\" href=\"#\"\n        (mouseover)=\"node.hover=true\" \n        (mouseleave)=\"node.hover=false\"\n        (click)=\"onMenuClick(node)\"\n        [ngStyle]=\"{'font-family':font, 'font-size': size+'px', 'color': fontColor}\"\n        >{{node.label}}</a>\n      </div>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"font":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["font"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"fontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["font-color"]}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["animation-type"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["menu-positioning"]}]}],"menuAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["menu-alignment"]}]}],"ngOnInit":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}]}},"ɵew":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵex"}],"declarations":[{"__symbolic":"reference","name":"ɵex"}],"providers":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵew"},"providers":[]}}}},"ɵex":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"amexio-runtime","template":"<div #vc></div>"}]}],"members":{"_container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["vc",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":29}}]}]}],"htmltemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["html-template"]}]}],"tsclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["ts-class"]}]}],"oninit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5},"arguments":["onInit"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Compiler","line":46,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":64},{"__symbolic":"reference","name":"NgModuleRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}]}},"ɵey":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[amexioThemeStyle]"}]}],"members":{"themeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5},"arguments":["theme-style"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵez":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[amexioFullScreen]"}]}],"members":{"fullScreenType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5},"arguments":["full-screen-type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":10,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[amexio-dynamic-text]"}]}],"members":{"jsonData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5},"arguments":["placeholder"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":9,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"iterateHTMLDOM":[{"__symbolic":"method"}]}},"ɵfb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"amexio-step-wizard","template":"\n    <amexio-card-ce>\n        <amexio-header-ce [background]=\"headerBackground\">\n            {{title}}\n        </amexio-header-ce>\n        <ul class=\"step-wizard step-wizard-horizontal\">\n            <li [attr.tabindex]=\"(item.activeClass === 'active') ? 1: -1\" *ngFor=\"let item of stepItemList; let i = index\"\n                [ngClass]=\"item.activeClass\">\n                <a>\n                    <span class=\"circle \">\n                        <ng-container *ngIf=\"item.icon \">\n                            <amexio-image [icon-class]=\"item.icon \"></amexio-image>\n                        </ng-container>\n                        <ng-container *ngIf=\"!item.icon && showStepNumber \">{{i+1}}</ng-container>\n                    </span>\n                    <ng-container *ngIf=\"item.title \">\n                        <ng-container *ngIf=\"item.icon && showStepNumber \">\n                            {{i+1}}\n                        </ng-container>\n                        <ng-container *ngIf=\"!isPhone\">\n                            <span class=\"stepTitleColor\">\n                                    {{item.title}}\n                            </span>\n                        </ng-container>\n\n                    </ng-container>\n                </a>\n            </li>\n        </ul>\n        <amexio-body-ce>\n            <ng-content select=\"amexio-step-wizard-item\">\n            </ng-content>\n        </amexio-body-ce>\n    </amexio-card-ce>\n  "}]}],"members":{"showStepNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3},"arguments":["show-step-number"]}]}],"headerBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["header-background"]}]}],"footerAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3},"arguments":["footer-align"]}]}],"finalStage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"onNextStepClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"onPreviousStepClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"stepItemQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":52,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵfc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DeviceQueryService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onNextStep":[{"__symbolic":"method"}],"onPreviousStep":[{"__symbolic":"method"}]}},"ɵfc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"amexio-step-wizard-item","template":"\n   <form [ngStyle]=\"{'display':active ? 'block':'none'}\" class=\"form-container form-group\">\n       <div class=\"form-body formbody\" tabindex=\"1\">\n           <ng-content></ng-content>\n       </div>\n       <footer #formFooter class=\"form-footer\" [ngStyle]=\"{'justify-content': footerAlign}\">\n           <amexio-button *ngIf=\"showPreviousButton\" [icon]=\"previousIcon\" [label]=\"'Previous'\" [type]=\"'theme-color'\"\n               [tooltip]=\"'Previous'\" (onClick)=\"onPreviousClick($event)\">\n           </amexio-button>\n           <span *ngIf=\"!showPreviousButton\"></span>\n           <amexio-button *ngIf=\"showNextButton\" [disabled]=\"isNextButtonDisable\" [icon]=\"nextIcon\" [label]=\"nextLabel\"\n               [form-bind]=\"'validateForm'\" [type]=\"'theme-color'\" [tooltip]=\"'Next'\" (onClick)=\"onNextClick($event)\">\n           </amexio-button>\n       </footer>\n   </form>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":2},"arguments":["title"]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":2},"arguments":["icon"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":2},"arguments":["active"]}]}],"footerAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":2},"arguments":["footer-align"]}]}],"onNextStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":2}}]}],"onPreviousStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":2}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":2},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":37,"character":12}]}]}],"models":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":39,"character":2},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":39,"character":18},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":57,"character":33},{"__symbolic":"reference","name":"IconLoaderService"}]}],"onPreviousClick":[{"__symbolic":"method"}],"onNextClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"validateForm":[{"__symbolic":"method"}],"registerFormComponent":[{"__symbolic":"method"}],"isFieldPresentInParentAndChildBoth":[{"__symbolic":"method"}]}},"ɵfd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1,"character":1},"arguments":[{"selector":"amexio-tree-tab","template":"\n\n          <amexio-side-nav class=\"sideNavBorder\" [data]=\"data\" [data-reader]=\"dataReader\" [width]=\"width\" [position]=\"'relative'\"\n              (nodeClick)='addtab($event)'>\n          </amexio-side-nav>\n                         <amexio-tab-view class=\"amexio-tab-view\" style=\"padding-left:10px\" #tab [closable]=\"false\" [tab-position]=\"'top'\" [header-align]=\"'left'\">\n                      </amexio-tab-view>   \n    ","styles":["\n      :host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.amexio-tab-view{padding-left:10px;display:block;width:100%;overflow:hidden}\n    "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["data"]}]}],"dataReader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5},"arguments":["data-reader"]}]}],"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["tab"]}]}],"nodeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5},"arguments":["nodeClick"]}]}],"onLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5},"arguments":["onLoad"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5},"arguments":["width"]}]}],"httpUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["http-url"]}]}],"httpMethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5},"arguments":["http-method"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"addtab":[{"__symbolic":"method"}]}}},"origins":{"AmexioWidgetModule":"./module/amexio.widget.module","CommonDataService":"./module/services/data/common.data.service","DeviceQueryService":"./module/services/device/device.query.service","IconLoaderService":"./module/services/icon/icon.service","AmexioCreditCardModel":"./models/creditcardmodel.component","GridConfig":"./models/GridConfig","GridConstants":"./models/GridConstants","GoogleMapOverlays":"./models/googlemap.model","AvailableSlotsModel":"./models/availableslots.model","DayModel":"./models/day.model","TimeModel":"./models/time.model","TimeUtil":"./models/time.util","PropertyGridModel":"./models/propertyGridModel","RoutedirDirective":"./module/directive/router-animation.directive","RouterService":"./module/services/routing/routing.service","AmexioFormsModule":"./module/forms/amexio.forms.module","LoadRecaptchaService":"./module/forms/recaptcha/load.recaptcha.service","COMPONENT_CLASS_MAP":"./module/forms/buttons/button.component","AmexioButtonComponent":"./module/forms/buttons/button.component","AmexioButtonGroupComponent":"./module/forms/buttongroup/button.group.component","ScriptLoadService":"./module/services/script/script.load.service","AmexioNavModule":"./module/navigation/amexio.nav.module","AmexioSideNavComponent":"./module/navigation/sidenav/sidenav.component","SideNavNodeComponent":"./module/navigation/sidenav/sidenavnode.component","AmexioNavBarComponent":"./module/navigation/navbar/navbar.component","KEY_CODE_notify":"./module/navigation/notification/notification.component","AmexioNotificationComponent":"./module/navigation/notification/notification.component","AmexioTaskbarItemComponent":"./module/navigation/taskbar/taskbar-item/taskbar-item.component","AmexioTaskbarComponent":"./module/navigation/taskbar/taskbar.component","AmexioLayoutModule":"./module/layout/amexio.layout.module","AmexioAccordionHeaderComponent":"./module/layout/accordion/accordion.header.component","AmexioAccordionTabComponent":"./module/layout/accordion/accordion.pane","AmexioAccordionComponent":"./module/layout/accordion/accordion.component","AccordionService":"./module/layout/accordion/accordion.service","AmexioBorderLayoutItemComponent":"./module/layout/border/borderlayoutitem.component","AmexioBorderLayoutComponent":"./module/layout/border/borderlayout.component","AmexioBoxComponent":"./module/layout/box/box.component","AmexioCardComponent":"./module/layout/card/card.component","AmexioColumnComponent":"./module/layout/columns/column.component","AmexioGridComponent":"./module/layout/gridlayout/grid.component","AmexioGridItemComponent":"./module/layout/gridlayout/griditem.component","AmexioRowComponent":"./module/layout/rows/row.component","AmexioGridLayoutService":"./module/layout/gridlayout/amexiogridlayoutservice.service","AmexioDataModule":"./module/data/amexio.data.module","GoogleMapScriptService":"./module/services/script/script.data.service","AmexioListBoxComponent":"./module/data/listbox/listbox.component","AmexioTreeViewComponent":"./module/data/tree/tree.component","AmexioPaginatorComponent":"./module/data/paginator/paginator.component","TreeDataTableComponent":"./module/data/treegrid/treedatatable.component","AmexioGoogleMapComponent":"./module/data/googlemap/googlemap.component","AmexioDashBoardModule":"./module/dashboard/amexio.dashboard.module","DashboardLoaderService":"./module/dashboard/chart.loader.service","DashBoardTitleComponent":"./module/dashboard/dashboardtitle/dashboard.title.component","DataPointCenterComponent":"./module/dashboard/datapoints/center.component","DataPointsComponent":"./module/dashboard/datapoints/datapoints.component","DataPointEastComponent":"./module/dashboard/datapoints/east.component","DataPointNorthComponent":"./module/dashboard/datapoints/north.component","DataPointSouthComponent":"./module/dashboard/datapoints/south.component","DataPointWestComponent":"./module/dashboard/datapoints/west.component","GaugeChartComponent":"./module/dashboard/gaugechart/gauge.chart.component","AmexioChartsModule":"./module/charts/amexio.charts.module","AreaChartComponent":"./module/charts/areachart/area.chart.component","BarChartComponent":"./module/charts/barchart/bar.chart.component","BubbleChartComponent":"./module/charts/bubblechart/bubble.chart.component","CandlestickChartComponent":"./module/charts/candlestickchart/candlestick.chart.component","CandlestickWaterfallChartComponent":"./module/charts/candlestickwaterfallchart/candlestickwaterfall.chart.component","ChartAreaComponent":"./module/charts/chartarea/chart.area.component","ChartLegendComponent":"./module/charts/chartlegend/chart.legend.component","ChartTitleComponent":"./module/charts/charttitle/chart.title.component","ColumnChartComponent":"./module/charts/columnchart/column.chart.component","ComboChartComponent":"./module/charts/combochart/combo.chart.component","DonutChartComponent":"./module/charts/donutchart/donut.chart.component","GanttChartComponent":"./module/charts/ganttchart/gantt.chart.component","HistogramChartComponent":"./module/charts/histogramchart/histogram.chart.component","HorizontalAxisComponent":"./module/charts/horizontalaxis/chart.horizontalaxis.component","LineChartComponent":"./module/charts/linechart/line.chart.component","PieChartComponent":"./module/charts/piechart/pie.chart.component","ScatterChartComponent":"./module/charts/scatterchart/scatter.chart.component","TimeLineChartComponent":"./module/charts/timelinechart/timeline.chart.component","VerticalAxisComponent":"./module/charts/verticalaxis/chart.verticalaxis.component","ChartLoaderService":"./module/charts/chart.loader.service","AmexioMapModule":"./module/map/amexio.map.module","MapPropertiesComponent":"./module/map/mapproperties/map.properties","GeoChartComponent":"./module/map/geochart/geo.chart.component","TreeMapComponent":"./module/map/treemap/treemap.map.component","MapTitleComponent":"./module/map/maptitle/map.title.component","MapLoaderService":"./module/map/map.loader.service","AmexioPaneModule":"./module/panes/amexio.pane.module","AmexioFooterComponent":"./module/panes/action/pane.action.footer","AmexioBodyComponent":"./module/panes/body/pane.action.body","AmexioCarouselComponent":"./module/panes/carousel/carousel.component","AmexioTemplateDirective":"./module/panes/carousel/carousel.template.directive","AmexioTemplateWrapperDirective":"./module/panes/carousel/carousel.wrapper.template.directive","AmexiodialoguePaneComponent":"./module/panes/dialogue/dialogue.pane.component","AmexioFieldSetComponent":"./module/panes/fieldset/fieldset.component","AmexioFormActionComponent":"./module/panes/form/form.action.component","AmexioFormBodyComponent":"./module/panes/form/form.body.component","AmexioFormComponent":"./module/panes/form/form.component","AmexioFormHeaderComponent":"./module/panes/form/form.header.component","AmexioHeaderComponent":"./module/panes/header/pane.action.header","AmexioPanelHeaderComponent":"./module/panes/panel/panel.header.component","StackableItemComponent":"./module/panes/stackablePanel/StackablePanel-Item/stackablePanel-item.component","StackablePanelComponent":"./module/panes/stackablePanel/stackablePanel/stackablePanel.component","AmexioStepsComponent":"./module/panes/steps/steps.component","StepBlockComponent":"./module/panes/steps/step-block","AmexioRightVerticalTabComponent":"./module/panes/tab/right-vertical-tab/right.vertical.component","AmexioTabActionComponent":"./module/panes/tab/tab.action","TOP_COMPONENT_CLASS_MAP":"./module/panes/tab/tab.component","BOTTOM_COMPONENT_CLASS_MAP":"./module/panes/tab/tab.component","AmexioTabComponent":"./module/panes/tab/tab.component","AmexioTabPillComponent":"./module/panes/tab/tab.pill.component","AmexioVerticalTabComponent":"./module/panes/tab/vertical-tab/vertical.tab.component","AmexiotimelineComponent":"./module/panes/timeline/amexiotimeline.component","AmexiotimelineeventComponent":"./module/panes/timeline/amexiotimelineevent.component","AmexioWindowPaneComponent":"./module/panes/window/window.pane.component","AmexioWindowHeaderComponent":"./module/panes/window/window.pane.header.component","MinimizeWindowComponent":"./module/panes/window/minimize.window.component","OverlayContainerComponent":"./module/panes/overlay/overlay.component","AmexioFormGroupDirective":"./module/panes/form/form.group.directive","AmexioEnterpriseModule":"./module/enterprise/amexio.enterprise.module","MultiMediaCarouselComponent":"./module/enterprise/ee-carousel/ee.carousel.component","ContentComponent":"./module/enterprise/ee-content/ee.content","AmexioYoutubePlayerComponent":"./module/enterprise/youtube-player/youtube.player.component","AmexioWeekDayAvailiblityComponent":"./module/enterprise/amexio-ee-appointment/amexio-ee-appointment.component","AmexioCalendarComponent":"./module/enterprise/calendar/calendar.component","AmexioCalendarDayTimeWiseComponent":"./module/enterprise/calendar/calendar.daytimewise.component","AmexioCalendarMonthComponent":"./module/enterprise/calendar/calendar.month","AmexioCalendarYearComponent":"./module/enterprise/calendar/calendar.year.component","AmexioThemeSwitcherService":"./module/services/data/amexio.theme.service","AmexioThemeSwitcherComponent":"./module/enterprise/themeswitcher/amexio.themeswitcher.component","AvailabilityComponent":"./module/enterprise/availability/availability.component","AmexioMediaModule":"./module/media/amexio.media.module","AmexioVideoPlayerComponent":"./module/media/video-player/video.player.component","DisplayFieldService":"./module/services/data/display.field.service","ɵa":"./module/base/base.contextmenu.component.module","ɵb":"./module/base/base.contextmenu.component","ɵc":"./module/base/amexio.common.module","ɵd":"./module/base/display-field/display-field.component","ɵe":"./module/base/dropdownlist.component","ɵf":"./module/pipe/filter.pipe","ɵg":"./module/base/components/common.icon.component","ɵh":"./module/directive/color-palette.directive","ɵi":"./module/base/lifecycle.base.component","ɵj":"./module/layout/basiclayout/layout.component","ɵk":"./module/layout/basiclayout/layoutitem.component","ɵl":"./module/forms/textinput/textinput.component","ɵm":"./module/base/base.inputevent.component","ɵn":"./module/base/value-accessor","ɵo":"./module/forms/checkbox/checkbox.component","ɵp":"./module/forms/form-validator/amexio.form.validator.component","ɵq":"./module/forms/dropdown/dropdown.component","ɵr":"./module/base/event.base.component","ɵs":"./module/forms/typeahead/typeahead.component","ɵt":"./module/base/list.base.component","ɵu":"./module/base/base.input.component","ɵv":"./module/base/input.helper.component","ɵw":"./module/forms/emailinput/emailinput.component","ɵx":"./module/forms/numberinput/numberinput.component","ɵy":"./module/forms/passwordinput/passwordinput.component","ɵz":"./module/forms/textarea/textarea.component","ɵba":"./module/forms/toggle/toggle.component","ɵbb":"./module/forms/rating/rating.component","ɵbc":"./module/forms/button-dropdown/button.dropdown","ɵbd":"./module/base/base.validator.component","ɵbe":"./module/forms/button-dropdown/button.dropdown.item","ɵbf":"./module/forms/button-dropdown/split.button.dropdown","ɵbg":"./module/forms/checkbox-group/checkbox.group.component","ɵbh":"./module/forms/checkbox-group/checkbox.component","ɵbi":"./module/forms/slider/slider.component","ɵbj":"./module/forms/slider/slider.handler","ɵbk":"./module/forms/tagsinput/tags.input.component","ɵbl":"./module/forms/datetimepicker/datetimepicker.component","ɵbm":"./module/base/list.base.datepicker.component","ɵbn":"./module/forms/fileupload/fileupload.component","ɵbo":"./module/forms/label/label.component","ɵbp":"./module/forms/floatingbutton/floatingbutton.component","ɵbq":"./module/forms/floatinggroupbutton/floatinggroupbutton.component","ɵbr":"./module/forms/dropdown-menu/dropdownmenu.component.items","ɵbs":"./module/forms/dropdown-menu/dropdownmenu.component","ɵbt":"./module/forms/toolbar/toolbar.component","ɵbu":"./module/forms/toolbar/toolbarone.component","ɵbv":"./module/forms/toolbar/toolbaraction.component","ɵbw":"./module/forms/advancesearch/searchboxtool.component","ɵbx":"./module/forms/advancesearch/searchadvance.component","ɵby":"./module/forms/recaptcha/recaptcha.component","ɵbz":"./module/forms/spinner/spinner.component","ɵca":"./module/forms/creditcard/creditcard.component","ɵcb":"./module/forms/chip/chip.component","ɵcc":"./module/forms/chips/chips.component","ɵcd":"./module/forms/socialmedia/githubauth/github.auth.component","ɵce":"./module/forms/socialmedia/social.base.component","ɵcf":"./module/forms/socialmedia/googleauth/google.auth.component","ɵcg":"./module/forms/socialmedia/linkedinauth/linkedin.auth.component","ɵch":"./module/forms/socialmedia/facebookauth/facebook.auth.component","ɵci":"./module/forms/socialmedia/social.component","ɵcj":"./module/forms/badge/badge.component","ɵck":"./module/forms/darkmode/darkmode.component","ɵcl":"./module/forms/rangeslider/rangeslider.component","ɵcm":"./module/forms/multidatepicker/multidatepicker.component","ɵcn":"./module/forms/geolocation/geolocation.component","ɵco":"./module/directive/input-mask","ɵcp":"./module/forms/dialpad/dialpad.component","ɵcq":"./module/forms/multirangedatepicker/multirangedatepicker.component","ɵcr":"./module/media/image/image.component","ɵcs":"./module/panes/window/minimize-service.service","ɵct":"./module/panes/floatingpanel/floatingpanel.component","ɵcu":"./module/panes/tab/base.tab.component","ɵcv":"./module/forms/radio/radiogroup.component","ɵcw":"./module/panes/panel/panel.component","ɵcx":"./module/panes/slidingpanel/panelitem.component","ɵcy":"./module/panes/slidingpanel/slidingpanel.component","ɵcz":"./module/navigation/navbar/navitem.component","ɵda":"./module/navigation/navbar/navmenu.component","ɵdb":"./module/navigation/navbar/banner/banner.component","ɵdc":"./module/navigation/navbar/navaction.component","ɵdd":"./module/navigation/navbar/navtextfield.component","ɵde":"./module/navigation/navbar/navdesktopmenu","ɵdf":"./module/navigation/navbar/navmobilemenu","ɵdg":"./module/navigation/dockedbar/dockbaritem","ɵdh":"./module/navigation/dockedbar/dockettoolbar.component","ɵdi":"./module/navigation/menubar/menubar.component","ɵdj":"./module/navigation/breadcrumb/breadcrumb.component","ɵdk":"./module/navigation/sidenav/sidenavinnernode.component","ɵdl":"./module/data/datagrid/datagrid.component","ɵdm":"./module/data/datagrid/datagrid.filter.component","ɵdn":"./module/data/datagrid/data.grid.column","ɵdo":"./module/data/datagrid/datagrid.header.component","ɵdp":"./module/data/property-grid/propertygrid.component","ɵdq":"./module/data/speech-bubble/speech-bubble.component","ɵdr":"./module/data/progress/bar.component","ɵds":"./module/data/progress/progress.component","ɵdt":"./module/data/tree/horizontalnode.component","ɵdu":"./module/data/tree/horizontaltreeview.component","ɵdv":"./module/data/tree/filter.tree.component","ɵdw":"./module/data/itemselector/item.selector.component","ɵdx":"./module/data/virtualscroller/virtualscroller.component","ɵdy":"./module/creative/amexio.creative.module","ɵdz":"./module/creative/common/amexio.action.component","ɵea":"./module/creative/common/amexio.body.component","ɵeb":"./module/creative/card/amexio.cards.component","ɵec":"./module/creative/common/amexio.header.component","ɵed":"./module/creative/form/form.action.component","ɵee":"./module/creative/form/amexio.form.component","ɵef":"./module/creative/homepage/homepage.centerpanel.component","ɵeg":"./module/creative/homepage/homepage.eastpanel.component","ɵeh":"./module/creative/homepage/homepage.northpanel.component","ɵei":"./module/creative/homepage/homepage.westpanel.component","ɵej":"./module/creative/homepage/homepage.component","ɵek":"./module/creative/window/amexio.window.component","ɵel":"./module/creative/progressbar/progressce.component","ɵem":"./module/creative/window/ceMinimize.window.component","ɵen":"./module/creative/colorpicker/colorpicker.component","ɵeo":"./module/creative/colorpicker/colorpalette/colorpalette.component","ɵep":"./module/creative/colorpicker/colorslider/colorslider.component","ɵeq":"./module/creative/viewport/viewport/viewport.component","ɵer":"./module/creative/viewport/viewport.content/viewport.content.component","ɵes":"./module/creative/viewport/viewport.background/viewport.background.component","ɵet":"./module/creative/viewport/viewport.content.body/viewport.content.body.component","ɵeu":"./module/creative/carousel/amexio.carouselce.component","ɵev":"./module/creative/menu/menu.component","ɵew":"./module/arc/amexio.arc.module","ɵex":"./module/arc/amexioruntime.component","ɵey":"./module/directive/round-edge.directive","ɵez":"./module/directive/full-screen.directive","ɵfa":"./module/directive/dynamic-text.directive","ɵfb":"./module/enterprise/stepwizard/stepwizard.component","ɵfc":"./module/enterprise/stepwizard/stepwizard.item.component","ɵfd":"./module/enterprise/tree-tab/tree-tab.component"},"importAs":"amexio-ng-extensions"}