tin-spa 2.0.0 → 2.1.0

package/tin-spa.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"TinSpaService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"StorageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"store":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"removeStorageItem":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MessageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":11,"character":32},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":11,"character":60}]}],"toast":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ExportService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"exportExcel":[{"__symbolic":"method"}],"saveExcelFile":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"AuthService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":17,"character":30},{"__symbolic":"reference","name":"StorageService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":17,"character":94},{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"LogService"}]}],"Updateloggedin":[{"__symbolic":"method"}],"UpdateToken":[{"__symbolic":"method"}],"UpdateTokenExpire":[{"__symbolic":"method"}],"UpdateCurrentUser":[{"__symbolic":"method"}],"UpdateIsLineManager":[{"__symbolic":"method"}],"UpdateRole":[{"__symbolic":"method"}],"updateLoggedUserFullName":[{"__symbolic":"method"}],"isAuthorised":[{"__symbolic":"method"}],"isValidToken":[{"__symbolic":"method"}],"canActivate":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DataServiceLib":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"}]}],"UpdateAppConfig":[{"__symbolic":"method"}],"GetUser":[{"__symbolic":"method"}],"RegisterAccount":[{"__symbolic":"method"}],"GetUserByID":[{"__symbolic":"method"}],"UpdateUser":[{"__symbolic":"method"}],"UnlockUser":[{"__symbolic":"method"}],"LockUser":[{"__symbolic":"method"}],"DeleteUser":[{"__symbolic":"method"}],"Login":[{"__symbolic":"method"}],"ChangePassword":[{"__symbolic":"method"}],"ChangePasswordAdmin":[{"__symbolic":"method"}],"SelfReset":[{"__symbolic":"method"}],"PostRole":[{"__symbolic":"method"}],"PutRole":[{"__symbolic":"method"}],"GetRole":[{"__symbolic":"method"}],"GetLog":[{"__symbolic":"method"}],"GetSetting":[{"__symbolic":"method"}],"UpdateSetting":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"LogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"debug":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"warn":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"fatal":[{"__symbolic":"method"}],"log":[{"__symbolic":"method"}],"writeToLog":[{"__symbolic":"method"}],"formatParams":[{"__symbolic":"method"}],"shouldLog":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"HttpService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":34},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":10,"character":62}]}],"Post":[{"__symbolic":"method"}],"Put":[{"__symbolic":"method"}],"Post_Raw":[{"__symbolic":"method"}],"Post_WithFile":[{"__symbolic":"method"}],"Post_FormData":[{"__symbolic":"method"}],"Get":[{"__symbolic":"method"}],"Get_Raw":[{"__symbolic":"method"}],"Error":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"LogLevel":{"All":0,"Debug":1,"Info":2,"Warn":3,"Error":4,"Fatal":5,"Off":6},"Tile":{"__symbolic":"class","members":{}},"Step":{"__symbolic":"class","members":{}},"TableConfig":{"__symbolic":"class","members":{}},"TableCreate":{"__symbolic":"class","members":{}},"TableColumn":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TableColumnType":{"String":0,"Date":1,"DateTime":2,"Image":3,"Icon":4,"TextIcon":5,"Chip":6},"Condition":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Operator":{"Equal":0,"Less":1,"Greater":2,"NotEqual":3},"Color":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Condition"},"members":{}},"Icon":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Condition"},"members":{}},"TableAction":{"__symbolic":"class","members":{}},"ActionResponse":{"__symbolic":"class","members":{}},"loginConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AppConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"CapItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Account":{"__symbolic":"class","members":{}},"User":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ChangeUserPassword":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Register":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Profile":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Role":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"Core":{"__symbolic":"class","members":{},"statics":{"getClone":{"__symbolic":"function","parameters":["x"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"JSON"},"member":"parse"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"JSON"},"member":"stringify"},"arguments":[{"__symbolic":"reference","name":"x"}]}]}},"emailIsValid":{"__symbolic":"function","parameters":["email"],"value":false},"isValidUNCPath":{"__symbolic":"function","parameters":["path"],"value":false},"nullDate":"01 Jan 1969","isNumber":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"reference","name":"value"},"right":null},"right":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"reference","name":"value"},"right":""}},"right":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNaN"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Number"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"value"},"member":"toString"}}]}]}}}}}},"ApiResponse":{"__symbolic":"class","members":{}},"Constants":{"__symbolic":"class","members":{},"statics":{"AUTH_USER":"a","AUTH_NAME":"b","AUTH_ROLES":"c","AUTH_TOKEN":"d","AUTH_TOKEN_EXPIRE":"e"}},"TinSpaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":38,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"TinSpaComponent"},{"__symbolic":"reference","name":"messageDialog"},{"__symbolic":"reference","name":"NavMenuComponent"},{"__symbolic":"reference","name":"LoaderComponent"},{"__symbolic":"reference","name":"TimeoutComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TilesComponent"},{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"TextComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"CheckComponent"},{"__symbolic":"reference","name":"AttachComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"MoneyComponent"},{"__symbolic":"reference","name":"ChipsComponent"},{"__symbolic":"reference","name":"ActivityComponent"},{"__symbolic":"reference","name":"OptionComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"StepsComponent"},{"__symbolic":"reference","name":"FilterComponent"}],"entryComponents":[{"__symbolic":"reference","name":"messageDialog"}],"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":49,"character":4},"member":"withConfig"},"arguments":[{"warnOnNgModelWithFormControl":"never"}]},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":52,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","module":"angular2-moment","name":"MomentModule","line":54,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ng-idle/keepalive","name":"NgIdleKeepaliveModule","line":58,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":63,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"TinSpaComponent"},{"__symbolic":"reference","name":"messageDialog"},{"__symbolic":"reference","name":"NavMenuComponent"},{"__symbolic":"reference","name":"LoaderComponent"},{"__symbolic":"reference","name":"TimeoutComponent"},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TilesComponent"},{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"SelectComponent"},{"__symbolic":"reference","name":"TextComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"CheckComponent"},{"__symbolic":"reference","name":"AttachComponent"},{"__symbolic":"reference","name":"MoneyComponent"},{"__symbolic":"reference","name":"ChipsComponent"},{"__symbolic":"reference","name":"ActivityComponent"},{"__symbolic":"reference","name":"OptionComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"StepsComponent"},{"__symbolic":"reference","name":"FilterComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/common/http","name":"HTTP_INTERCEPTORS","line":91,"character":15},"useClass":{"__symbolic":"reference","name":"ɵc"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/common","name":"LocationStrategy","line":92,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/common","name":"HashLocationStrategy","line":92,"character":43}}]}]}],"members":{}},"SpaMatModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[],"imports":[],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":36,"character":17},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":30},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":37,"character":22},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":37,"character":42},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":37,"character":61},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":38,"character":26},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":38,"character":45},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":38,"character":65},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":38,"character":83},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":38,"character":103},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":39,"character":22},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":39,"character":45},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":39,"character":64},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":39,"character":82},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":39,"character":101},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":40,"character":28},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":40,"character":57},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":40,"character":75},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":40,"character":101},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":40,"character":122},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":41,"character":28},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":41,"character":49}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DEFAULT_OPTIONS","line":44,"character":15},"useValue":{"disableClose":true,"hasBackdrop":true}},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":45,"character":15},"useValue":"en-GB"}]}]}],"members":{}},"SpaIndexModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoginComponent"},{"__symbolic":"reference","name":"SignupComponent"},{"__symbolic":"reference","name":"RecoverAccountComponent"}],"entryComponents":[],"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4},"member":"withConfig"},"arguments":[{"warnOnNgModelWithFormControl":"never"}]},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"TinSpaModule"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":25,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"LoginComponent"},{"__symbolic":"reference","name":"SignupComponent"},{"__symbolic":"reference","name":"RecoverAccountComponent"}]}]}],"members":{}},"SpaUserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChangePasswordComponent"},{"__symbolic":"reference","name":"ProfileComponent"}],"entryComponents":[],"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":4},"member":"withConfig"},"arguments":[{"warnOnNgModelWithFormControl":"never"}]},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"TinSpaModule"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"ChangePasswordComponent"},{"__symbolic":"reference","name":"ProfileComponent"}]}]}],"members":{}},"SpaAdminModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UsersComponent"},{"__symbolic":"reference","name":"RolesComponent"},{"__symbolic":"reference","name":"addRoleDialog"},{"__symbolic":"reference","name":"CreateAccountComponent"},{"__symbolic":"reference","name":"LogsComponent"},{"__symbolic":"reference","name":"SettingsComponent"}],"entryComponents":[{"__symbolic":"reference","name":"addRoleDialog"}],"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":27,"character":4},"member":"withConfig"},"arguments":[{"warnOnNgModelWithFormControl":"never"}]},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"TinSpaModule"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":37,"character":4},{"__symbolic":"reference","name":"SpaMatModule"},{"__symbolic":"reference","name":"UsersComponent"},{"__symbolic":"reference","name":"RolesComponent"},{"__symbolic":"reference","name":"addRoleDialog"},{"__symbolic":"reference","name":"CreateAccountComponent"},{"__symbolic":"reference","name":"LogsComponent"},{"__symbolic":"reference","name":"SettingsComponent"}]}]}],"members":{}},"TinSpaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-tin-spa","template":"\n    <p>\n      tin-spa works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spa-table","template":"<div >\r\n\r\n<div *ngIf=\"config.create.enabled || config.enableFilter\" class=\"row justify-content-between\" style=\"padding-bottom: 10px\">\r\n <div class=\"col\">\r\n<button *ngIf=\"config.create\" [disabled]=\"!config.create.enabled\" mat-raised-button color=\"primary\" (click)=\"create()\">{{config.create.display}}</button>\r\n</div>\r\n <div *ngIf=\"config.enableFilter\" class=\"col d-flex justify-content-end\">\r\n<mat-form-field style=\"font-size:12px;margin-right: 5px;\">\r\n<mat-label>Filter</mat-label>\r\n<input matInput [(ngModel)]=\"_filterText\" (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Enter Filter text\" autocomplete=\"off\">\r\n</mat-form-field>\r\n<button mat-mini-fab color=\"primary\" (click)=\"load()\" style=\"margin-top:5px\" matTooltip=\"refresh data\" matTooltipPosition=\"right\"><mat-icon class=\"refreshIcon\">refresh</mat-icon></button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"mat-elevation-z8\" *ngIf=\"data\">\r\n\r\n  <table mat-table [dataSource]=\"data\">\r\n\r\n    <ng-container *ngFor=\"let col of config.columns; let i = index\"\r\n\r\n      [matColumnDef]=\"col.name\">\r\n      <th mat-header-cell *matHeaderCellDef> {{col.display}} </th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n\r\n        <!-- String -->\r\n        <div *ngIf=\"(col.type==colType.String || col.type == null) && col.color == null\"> {{row[col.name]}}</div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null && test(row[col.color.field], col.color.operator, col.color.value )\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null && !test(row[col.color.field], col.color.operator, col.color.value )\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <!-- <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Equal && row[col.color.field]==col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Greater && row[col.color.field]>col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Less && row[col.color.field]<col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.NotEqual && row[col.color.field]!=col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div> -->\r\n\r\n\r\n        <!-- Date -->\r\n        <div *ngIf=\"col.type==colType.Date\"> {{row[col.name] | date:'dd/MM/yyyy'}}</div>\r\n\r\n\r\n        <!-- DateTime -->\r\n        <div *ngIf=\"col.type==colType.DateTime\"> {{row[col.name] | date:'dd/MM/yyyy HH:mm'}}</div>\r\n\r\n\r\n        <ng-container *ngFor=\"let icon of col.icons;\">\r\n          <!-- <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Equal && row[icon.field]==icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Greater && row[icon.field]>icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Less && row[icon.field]<icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.NotEqual && row[icon.field]!=icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon> -->\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && test(row[icon.field],icon.operator,icon.value)\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n        </ng-container>\r\n\r\n      </td>\r\n\r\n    </ng-container>\r\n\r\n\r\n\r\n\r\n    <ng-container matColumnDef=\"Action\">\r\n\r\n      <th mat-header-cell *matHeaderCellDef> Action </th>\r\n      <td mat-cell *matCellDef=\"let row\" [style]=\"styleString+';padding-right: 0px;'\">\r\n\r\n          <ng-container *ngFor=\"let act of config.actions\">\r\n\r\n            <button *ngIf=\" (act.disappear && (row[act.disappear.field] != act.disappear.value)) || !act.disappear\"   mat-mini-fab\r\n\r\n              [disabled]=\"(act.disable && (row[act.disable.field] == act.disable.value))\"\r\n              [color]=\"act.color==null? 'primary' : act.color\"\r\n              [matTooltip]=\"act.hint\" matTooltipPosition=\"above\"\r\n              (click)=\"do(act.name,row)\" style=\"margin-right:5px\">\r\n              <mat-icon>{{act.icon}}</mat-icon>\r\n\r\n            </button>\r\n\r\n          </ng-container>\r\n\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"  [ngClass]=\"{'make-gray': row[config.greyout.field]==config.greyout.value}\"></tr>\r\n\r\n  </table>\r\n</div>\r\n<mat-paginator #tablePaginator [pageSizeOptions]=\"[10, 50, 100]\" showFirstLastButtons></mat-paginator>\r\n</div>\r\n\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.make-gray{background-color:#d3d3d3}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"dataChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"loadClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"createClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"tablePaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["tablePaginator"]}]}],"applyFilter":[{"__symbolic":"method"}],"do":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"test":[{"__symbolic":"method"}]}},"TilesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"spa-tiles","template":"      <div class=\"row align-items-center\">\r\n\r\n        <!-- <div class=\"col\" *ngFor=\"let row of tiles\" >\r\n\r\n          <mat-card *ngIf=\"row.visible\">\r\n          <div class=\"row d-flex justify-content-center\">\r\n\r\n            <mat-label style=\"font-size:30px;font-weight:bold\" [ngStyle]=\"{'color':row.tileColor}\">{{row.tileValue}}</mat-label>\r\n\r\n          </div>\r\n\r\n          <div class=\"row d-flex justify-content-center\">\r\n\r\n            <mat-label [ngStyle]=\"{'color':row.selected == true ? 'darkorange' : 'black' }\" style=\"font-size:12px;padding-left:5px;padding-right:5px\">{{row.tileName}}</mat-label>\r\n            <mat-icon style=\"font-size: 17px; color:steelblue;\">info</mat-icon>\r\n\r\n          </div>\r\n          </mat-card>\r\n\r\n        </div> -->\r\n\r\n        <ng-container *ngFor=\"let row of tiles\">\r\n\r\n          <mat-card class=\"col\" style=\"margin-left: 10px;margin-right: 10px\" *ngIf=\"row.visible\" (click)=\"clicked(row)\">\r\n\r\n            <div class=\"row d-flex justify-content-center\">\r\n\r\n              <mat-label style=\"font-weight:bold\" [ngStyle]=\"{'color':row.tileColor,'font-size':row.tileName == selected ? '35px' : '30px' }\">{{row.tileValue}}</mat-label>\r\n\r\n            </div>\r\n\r\n            <div class=\"row d-flex justify-content-center row align-items-center\">\r\n\r\n              <mat-label [ngStyle]=\"{'font-size':row.tileName == selected ? '18px' : '12px' }\" style=\"padding-left:5px;padding-right:5px\">{{row.tileName}}</mat-label>\r\n              <mat-icon [matTooltip]=\"row.info\" matTooltipPosition=\"above\" [ngStyle]=\"{'font-size':row.tileName == selected ? '20px' : '17px' }\" style=\" color:steelblue;\">info</mat-icon>\r\n\r\n            </div>\r\n\r\n          </mat-card>\r\n\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"tiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tileClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"clicked":[{"__symbolic":"method"}]}},"DateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spa-date","template":"\r\n<mat-form-field style=\"width:150px;margin-right:20px\">\r\n<input [formControl]=\"date\" [min]=\"min.value\" [max]=\"max.value\" matInput [matDatepicker]=\"picker_date\" [placeholder]=\"display\" [readonly]=\"true\"  [disabled]=\"readonly\">\r\n<mat-datepicker-toggle matSuffix [for]=\"picker_date\"></mat-datepicker-toggle>\r\n<mat-datepicker #picker_date></mat-datepicker>\r\n</mat-form-field>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"onChangeEvent":[{"__symbolic":"method"}]}},"TextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spa-text","template":"<mat-form-field *ngIf=\"rows == '' && options.length==0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\" >\r\n<mat-label *ngIf=\"format=='text'\">{{display}}</mat-label>\r\n<mat-label *ngIf=\"format=='date'\">{{display | date:'dd/MM/yyyy'}}</mat-label>\r\n<!-- <mat-label *ngIf=\"format=='datetime'\">{{display | date:'dd/MM/yyyy HH:mm'}}</mat-label> -->\r\n<input matInput autocomplete=\"off\" [(ngModel)]=\"value\"  (change)=\"changed()\" (blur)=\"leaved()\" (keyup.enter)=\"enterPressed()\" [type]=\"type\" [placeholder]=\"placeholder\" [formControl]=\"control\" [required]=\"required\" [readonly]=\"readonly\"/>\r\n<mat-error *ngIf=\"control.invalid\">{{validate()}}</mat-error>\r\n</mat-form-field>\r\n\r\n\r\n<!-- TextArea copy - Only change input to textarea and change ngif to not -->\r\n\r\n<mat-form-field *ngIf=\"rows != ''  && options.length==0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\">\r\n<mat-label>{{display}}</mat-label>\r\n<textarea matInput autocomplete=\"off\" [rows]=\"rows\" [(ngModel)]=\"value\" (change)=\"changed()\" (keyup.enter)=\"enterPressed()\" [placeholder]=\"placeholder\" [formControl]=\"control\" [required]=\"required\" [readonly]=\"readonly\"></textarea>\r\n<mat-error *ngIf=\"control.invalid\">{{validate()}}</mat-error>\r\n</mat-form-field>\r\n\r\n\r\n\r\n<!-- Work in progress cant bind to value -->\r\n\r\n <!-- <mat-form-field *ngIf=\"options.length !=0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\">\r\n  <input type=\"text\" autocomplete=\"off\" [placeholder]=\"display\" (change)=\"changed2()\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" [readonly]=\"readonly\">\r\n  <mat-autocomplete #auto=\"matAutocomplete\">\r\n    <mat-option *ngFor=\"let row of filteredOptions | async\" [value]=\"row[optionValue]\">\r\n      {{row[optionDisplay]}}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field> -->\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"leave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"enterPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"optionValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"optionDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"initFilter":[{"__symbolic":"method"}],"_filter":[{"__symbolic":"method"}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"regex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"changed":[{"__symbolic":"method"}],"changed2":[{"__symbolic":"method"}],"leaved":[{"__symbolic":"method"}],"enterPressed":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-label","template":"<div *ngIf=\"format=='text'\">\r\n  <label  style=\"font-weight: 500\" >{{display}}: </label> &nbsp; <label>{{value}} </label> &nbsp;\r\n</div>\r\n\r\n<div *ngIf=\"format=='date'\">\r\n  <label  style=\"font-weight: 500\" >{{display}}: </label> &nbsp; <label>{{value | date:'dd/MM/yyyy'}} </label> &nbsp;\r\n</div>\r\n\r\n<div *ngIf=\"format=='datetime'\">\r\n  <label  style=\"font-weight: 500\" >{{display}}: </label> &nbsp; <label>{{value | date:'dd/MM/yyyy HH:mm'}} </label> &nbsp;\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}]}},"DatetimeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-datetime","template":"<mat-form-field style=\"width:150px;margin-right:20px\">\r\n<mat-label>{{display}}</mat-label>\r\n<input matInput autocomplete=\"off\" type=\"datetime-local\" [(ngModel)]=\"value\" [min]=\"min\" [max]=\"max\"  (change)=\"changed()\" [placeholder]=\"display\" [readonly]=\"readonly\" />\r\n</mat-form-field>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"changed":[{"__symbolic":"method"}]}},"SelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-select","template":"\r\n<mat-form-field *ngIf=\"readonlyMode==''\" style=\"padding-right: 20px;\" floatLabel=\"always\"  [ngStyle]=\"{'width':width}\">\r\n  <mat-label>{{display}}</mat-label>\r\n  <mat-select [(value)]=\"value\" (selectionChange)=\"changed()\"  [disabled]=\"readonly\" [placeholder]=\"placeholder\" >\r\n    <mat-option *ngFor=\"let row of options\" [value]=\"row[optionValue]\">\r\n      {{row[optionDisplay]}} <label *ngIf=\"optionDisplayExtra!='' && row[optionDisplayExtra] && row[optionDisplayExtra] != ''\">({{row[optionDisplayExtra]}})</label>\r\n    </mat-option>\r\n  </mat-select>\r\n  <mat-hint *ngIf=\"hint!=''\">{{hint}}</mat-hint>\r\n</mat-form-field>\r\n\r\n<!-- ReadOnlyModes original, text, label -->\r\n<!-- <spa-text *ngIf=\"readonlyMode=='text' && readonly\" [display]=\"display\" [(value)]=\"displayValue\" [readonly]=\"true\" ></spa-text> -->\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"readonlyMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"optionValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"optionDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"optionDisplayExtra":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"changed":[{"__symbolic":"method"}]}},"AttachComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spa-attach","template":"<div class=\"tin-input-row\" style=\"width: 100%;\">\r\n\r\n  <div class=\"col\">\r\n    <div class=\"container\" appDnd (fileDropped)=\"onFileDropped($event)\">\r\n      <input type=\"file\" #fileDropRef id=\"fileDropRef\" multiple (change)=\"fileBrowseHandler($event.target.files)\" />\r\n      <h4>{{message}}</h4>\r\n      <h4>or</h4>\r\n      <label for=\"fileDropRef\">Click to Browse</label>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"col\">\r\n    <div class=\"files-list \">\r\n      <div class=\"single-file \" style=\"width: 100%;\" *ngFor=\"let file of files; let i = index\">\r\n\r\n        <div class=\"tin-input-row info\" >\r\n          <h4 class=\"name\">\r\n            {{ file?.name }}\r\n          </h4>\r\n          <p class=\"size\">\r\n            {{ formatBytes(file?.size, 2) }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"delete\" (click)=\"deleteFile(i)\">\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"18\" viewBox=\"0 0 14 18\">\r\n            <path fill=\"#B1B1B1\" fill-rule=\"nonzero\"\r\n              d=\"M1 16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v10zm3.17-7.83a.996.996 0 0 1 1.41 0L7 9.59l1.42-1.42a.996.996 0 1 1 1.41 1.41L8.41 11l1.42 1.42a.996.996 0 1 1-1.41 1.41L7 12.41l-1.42 1.42a.996.996 0 1 1-1.41-1.41L5.59 11 4.17 9.58a.996.996 0 0 1 0-1.41zM10.5 1L9.79.29C9.61.11 9.35 0 9.09 0H4.91c-.26 0-.52.11-.7.29L3.5 1H1c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5z\" />\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"files.length > 0 && enableUpload\" class=\"tin-input-row d-flex justify-content-center\" style=\"width: 100%;\" >\r\n      <button mat-button color=\"primary\" (click)=\"uploaded()\" matTooltip=\"Upload New Documents\" matTooltipPosition=\"above\"  ><mat-icon>file_upload</mat-icon> Upload</button>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n","styles":[".container{width:100%;height:200px;padding:2rem;text-align:center;border:2px dashed #2a7b94;position:relative;margin:0 auto}.container input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0}.container label{color:#fff;width:183px;height:44px;border-radius:21.5px;background-color:#db202f;padding:8px 16px}.container h3{font-size:20px;font-weight:600;color:#38424c}.fileover{-webkit-animation:1s infinite shake;animation:1s infinite shake}.files-list{margin-top:1.5rem}.files-list .single-file{display:flex;padding:.5rem;justify-content:space-between;align-items:center;border:1px dashed #1c824d;margin-bottom:1rem;margin-right:1rem;display:flex;flex-grow:1}.files-list .single-file .delete{display:flex;margin-left:.5rem;cursor:pointer;align-self:flex-end}.files-list .single-file .name{font-size:14px;font-weight:500;color:#353f4a;margin:0}.files-list .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0 0 0 1rem}.files-list .single-file .info{width:100%}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"files":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"filesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"upload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"enableUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"onFileDropped":[{"__symbolic":"method"}],"fileBrowseHandler":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"prepareFilesList":[{"__symbolic":"method"}],"formatBytes":[{"__symbolic":"method"}],"uploaded":[{"__symbolic":"method"}],"filesChanged":[{"__symbolic":"method"}]}},"CheckComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spa-check","template":" <mat-checkbox color=\"primary\" style=\"margin-right:50px; font-size:14px\" [(ngModel)]=\"value\" (change)=\"changed()\" (click)=\"clicked()\" [disabled]=\"readonly\">{{display}}</mat-checkbox>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"check":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"uncheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"changed":[{"__symbolic":"method"}],"clicked":[{"__symbolic":"method"}],"checked":[{"__symbolic":"method"}],"unchecked":[{"__symbolic":"method"}]}},"MoneyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"spa-money","template":"\r\n<div class=\"tin-input-row\">\r\n\r\n<Label>{{currency}}</Label>\r\n<mat-form-field  [hintLabel]=\"hint\"  style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\" >\r\n  <mat-label>{{display}}</mat-label>\r\n  <!-- <span>$</span> -->\r\n  <input matInput class=\"example-right-align\" autocomplete=\"off\" type=\"number\" min=\"0.00\"  step=\"0.01\" [(ngModel)]=\"value \"  [placeholder]=\"display\" (change)=\"changed()\" [readonly]=\"readonly\" />\r\n<!-- <span matTextSuffix>.00</span> -->\r\n</mat-form-field>\r\n</div>\r\n\r\n\r\n\r\n\r\n","styles":["input.example-right-align{-moz-appearance:textfield}.example-right-align{text-align:right}input.example-right-align::-webkit-inner-spin-button,input.example-right-align::-webkit-outer-spin-button{display:none}.curr{background-color:red}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"changed":[{"__symbolic":"method"}]}},"ChipsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-chips","template":"\r\n\r\n\r\n<div class=\"row  mt-1\" style=\"margin-left: 1em;\">\r\n  <mat-chip-list #chipList  >\r\n    <mat-chip *ngFor=\"let chip of chips let i = index\" selectable  [removable]=\"removable\"  style=\"font-size: 12px;\" [ngStyle]=\"{'padding-right': removable ? '5px':'12px'}\" (click)=\"clicked(chip)\" >\r\n      <mat-icon *ngIf=\"icon != ''\" color=\"primary\" style=\"font-size: 22px;\">{{icon}}</mat-icon>\r\n\r\n      {{chip}}\r\n\r\n      <mat-icon *ngIf=\"removable\"  style=\"font-size: 20px; margin-left: 5px;margin-top: 3px;margin-right: 0px; color: grey;\" (click)=\"removed(chip)\">cancel</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-list>\r\n</div>\r\n\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"addable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"chips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"clicked":[{"__symbolic":"method"}],"removed":[{"__symbolic":"method"}]}},"ActivityComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-activity","template":"\r\n      <div class=\"tin-input-row mt-3\" *ngIf=\"title != ''\">\r\n        <mat-label style=\"font-size: 20px; font-weight: 300\" >  {{title}}</mat-label >\r\n      </div>\r\n\r\n      <ul *ngIf=\"notes && notes.length>0\" class=\"list-group list-group-flush\" style=\"max-height:350px; margin-left:5px\">\r\n\r\n        <li *ngFor=\"let note of notes\" class=\"list-group-item  list-group-item-action flex-column align-items-start\">\r\n          <div class=\"d-flex w-100 justify-content-between\">\r\n            <div class=\"mb-0\">{{note.createdByName}}</div>\r\n            <!-- <small class=\"text-muted\">{{note.expr1}} ago</small> -->\r\n          </div>\r\n\r\n          <small>{{note.details}} (<em>{{note.createdDate | date: 'dd MMM yyyy HH:mm'}}</em>) </small>\r\n        </li>\r\n\r\n\r\n      </ul>\r\n\r\n      <div *ngIf=\"notes && notes.length==0\" class=\"d-flex justify-content-center row align-items-center\" style=\"max-height:200px\">\r\n\r\n        No {{title.toLowerCase()}}\r\n\r\n      </div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"notes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}]}},"OptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"spa-option","template":"\r\n<mat-checkbox color=\"primary\" style=\"margin-right:5px\" [(ngModel)]=\"show\" (change)=\"resetValue()\" labelPosition=\"after\">{{display}}</mat-checkbox>\r\n\r\n\r\n<mat-form-field style=\"margin-right:10px;width: 0px;\" >\r\n<input matInput />\r\n</mat-form-field>\r\n\r\n\r\n<mat-form-field style=\"margin-right:30px\" *ngIf=\"show && !options\">\r\n<mat-label>{{display}}</mat-label>\r\n<input matInput [(ngModel)]=\"value\" width=\"100\" (change)=\"changed()\" (keyup.enter)=\"changed()\" [placeholder]=\"'Enter ' + display\" autocomplete=\"off\" />\r\n</mat-form-field>\r\n\r\n\r\n<mat-form-field style=\"margin-right: 20px;\" floatLabel=\"always\" width=\"100\" *ngIf=\"show && options\">\r\n  <mat-label>{{display}}</mat-label>\r\n  <mat-select [(value)]=\"value\" (selectionChange)=\"changed()\" [placeholder]=\"'Select ' + display\" [disabled]=\"readonly\" >\r\n    <mat-option *ngFor=\"let row of options\" [value]=\"row[optionValue]\">\r\n      {{row[optionDisplay]}}\r\n    </mat-option>\r\n  </mat-select>\r\n</mat-form-field>\r\n\r\n<!-- <spa-text *ngIf=\"show\" style=\"margin-right:30px\" [display]=\"'Enter ' + display\" (enterPress)=\"enterPressed()\" (valueChange)=\"changed($event.target.value)\" width=\"100\" [required]=\"false\" [(value)]=\"value\" ></spa-text> -->\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"optionValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"optionDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"enterPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"changed":[{"__symbolic":"method"}],"enterPressed":[{"__symbolic":"method"}],"resetValue":[{"__symbolic":"method"}]}},"StepsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spa-steps","providers":[{"provide":{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"STEPPER_GLOBAL_OPTIONS","line":10,"character":13},"useValue":{"displayDefaultIndicatorType":false}}],"template":"\r\n\r\n\r\n<!-- <mat-horizontal-stepper class=\"test\" labelPosition=\"bottom\"  #stepper>\r\n  <mat-step [editable]=\"false\" label=\"Draft\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Head Approval\" > </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"CE Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Booking\" state=\"booking\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"BTA Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Travel\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"BTR Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Closure\"> </mat-step>\r\n  <ng-template matStepperIcon=\"booking\"> <mat-icon>forum</mat-icon> </ng-template>\r\n</mat-horizontal-stepper> -->\r\n\r\n<mat-horizontal-stepper class=\"transparent\" labelPosition=\"bottom\"   #stepper>\r\n\r\n  <mat-step *ngFor=\"let row of steps\"\r\n    [editable]=\"false\"  [label]=\"row.name\">\r\n  </mat-step>\r\n\r\n  <!-- <ng-template *ngFor=\"let row of steps\"\r\n    [matStepperIcon]=\"row.name\"> <mat-icon>{{row.icon}}</mat-icon>\r\n  </ng-template> -->\r\n\r\n  <!-- <ng-template matStepperIcon=\"booking\">\r\n    <mat-icon>call_end</mat-icon>\r\n  </ng-template> -->\r\n\r\n  <!-- <ng-template ngFor let-xb [ngForOf]=\"steps\" matStepperIcon=\"Booking\"> <mat-icon>forum</mat-icon>\r\n\r\n  </ng-template> -->\r\n\r\n</mat-horizontal-stepper>\r\n","styles":[".transparent{background-color:rgba(0,0,0,0)}:host ::ng-deep.mat-step-header{padding:5px!important}:host ::ng-deep.mat-stepper-horizontal-line{min-width:5px!important}:host ::ng-deep .mat-horizontal-content-container{padding:0!important}:host ::ng-deep .mat-horizontal-stepper-header{pointer-events:none!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["stepper"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"setStepper":[{"__symbolic":"method"}],"pushStepper":[{"__symbolic":"method"}],"pushSteps":[{"__symbolic":"method"}]}},"FilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spa-filter","template":"<mat-form-field style=\"font-size:12px\">\r\n <mat-label>Filter</mat-label>\r\n <input id=\"txtFilter\" matInput [(ngModel)]=\"_filterText\" (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Enter Filter text\" autocomplete=\"off\">\r\n</mat-form-field>\r\n\r\n<button id=\"btnFilter\" mat-mini-fab color=\"primary\" matTooltip=\"Refresh Data\" matTooltipPosition=\"above\" (click)=\"refreshClicked()\" style=\"margin-right:1em;margin-top:5px\"><mat-icon class=\"refreshIcon\">refresh</mat-icon></button>\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.refreshIcon{font-size:22px!important;margin-top:-7px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"refreshClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"applyFilter":[{"__symbolic":"method"}],"refreshClicked":[{"__symbolic":"method"}]}},"messageDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-app-message","template":"\r\n  <h2 mat-dialog-title>\r\n\r\n    <mat-label *ngIf=\"messageType=='confirm'\">Confirm</mat-label>\r\n    <mat-label *ngIf=\"messageType=='info'\">Information</mat-label>\r\n    <mat-label *ngIf=\"messageType=='error'\">Error</mat-label>\r\n\r\n  </h2>\r\n\r\n  <mat-dialog-content class=\"mat-typography\">\r\n\r\n\r\n    <!-- Confirm -->\r\n    <p *ngIf=\"messageType=='confirm'\">{{_messageDetails}}</p>\r\n\r\n\r\n    <!-- Information -->\r\n    <div *ngIf=\"messageType=='info'\">\r\n\r\n      <h3>{{_messageSubject}}</h3>\r\n      <mat-label>{{_messageDetails}}</mat-label>\r\n\r\n    </div>\r\n\r\n\r\n    <!-- Error -->\r\n    <div *ngIf=\"messageType=='error'\">\r\n\r\n      <mat-label>{{_messageDetails}}</mat-label>\r\n\r\n    </div>\r\n\r\n\r\n  </mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n\r\n  <button id=\"btnYes\" mat-stroked-button  *ngIf=\"messageType=='confirm'\" (click)=\"response('yes')\" cdkFocusInitial>Yes</button>\r\n\r\n  <button id=\"btnNo\" mat-stroked-button *ngIf=\"messageType=='confirm'\" (click)=\"response('no')\" >No</button>\r\n\r\n  <button id=\"btnOK\" mat-stroked-button *ngIf=\"messageType=='info' || messageType=='error'\" (click)=\"response('ok')\" cdkFocusInitial>OK</button>\r\n\r\n</mat-dialog-actions>\r\n\r\n\r\n\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":63},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":70}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"messageDialog"}]},null]}],"ngOnInit":[{"__symbolic":"method"}],"response":[{"__symbolic":"method"}]}},"LoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spa-loader","template":"<div class=\"progress-loader\" style=\"z-index: 9999;\" [hidden]=\"!loading\">\r\n  <div class=\"loading-spinner\">\r\n\r\n      <img *ngIf=\"logo==''\" style=\"width: 100px;\"\r\n      src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==\"\r\n\r\n      >\r\n\r\n      <img *ngIf=\"logo!=''\" [src]=\"logo\" style=\"width: 100px;\" />\r\n\r\n\r\n      <span id=\"loadingMessage\" class=\"loading-message\">Please wait...</span>\r\n  </div>\r\n</div>\r\n","styles":[".loading-spinner{background-color:#0000001f;position:absolute;width:100%;top:0;left:0;height:100vh;align-items:center;justify-content:center;display:-ms-grid;display:grid}.loading-spinner img{-ms-grid-row-align:end;align-self:end}.loading-message{text-align:center;-ms-grid-row-align:start;align-self:start}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}]}},"UsersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"spa-users","template":"\r\n<h4>Users</h4>\r\n<hr />\r\n\r\n<div class=\"container\">\r\n\r\n  <div class=\"row justify-content-between\" style=\"padding-bottom: 10px\">\r\n    <div class=\"col-2\">\r\n      <button id=\"btnCreateAccount\" mat-raised-button color=\"primary\" (click)=\"createAccount()\">Create Account</button>\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-end\">\r\n      <spa-filter [data]=\"users\" (refreshClick)=\"UpdateData()\"></spa-filter>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <p *ngIf=\"!users\"><em>Loading...</em></p>\r\n\r\n\r\n  <div class=\"mat-elevation-z8\" *ngIf=\"users\">\r\n\r\n    <table id=\"tblTable\" mat-table [dataSource]=\"users\">\r\n\r\n      <ng-container matColumnDef=\"userName\">\r\n        <th mat-header-cell *matHeaderCellDef> userName </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.userName}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"locked\">\r\n        <th mat-header-cell *matHeaderCellDef> Locked </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.locked}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"fullName\">\r\n        <th mat-header-cell *matHeaderCellDef> Name </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.firstName}} {{user.lastName}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"roleName\">\r\n        <th mat-header-cell *matHeaderCellDef> Role </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.role.roleName}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"disabled\">\r\n        <th mat-header-cell *matHeaderCellDef> Disabled </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.disabled}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"dateCreated\">\r\n        <th mat-header-cell *matHeaderCellDef> Created </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.createdDate | date: 'dd/MM/yyyy'}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"dateUpdated\">\r\n        <th mat-header-cell *matHeaderCellDef> Updated </th>\r\n        <td mat-cell *matCellDef=\"let user\"> {{user.updatedDate | date: 'dd/MM/yyyy'}} </td>\r\n      </ng-container>\r\n\r\n\r\n      <ng-container matColumnDef=\"Action\">\r\n        <th mat-header-cell *matHeaderCellDef> Action </th>\r\n        <td mat-cell *matCellDef=\"let user\" style=\"width: 250px;\">\r\n\r\n          <button mat-mini-fab color=\"primary\" (click)=\"viewProfile(user)\" style=\"margin-right:30px\" matTooltip=\"View Profile\" matTooltipPosition=\"above\"> <mat-icon>account_circle</mat-icon></button>\r\n\r\n          <button *ngIf=\"user.locked=='0'\" mat-mini-fab color=\"warn\" (click)=\"lock(user)\" style=\"margin-right:10px\" matTooltip=\"Lock\" matTooltipPosition=\"above\"> <mat-icon>lock</mat-icon></button>\r\n          <button *ngIf=\"user.locked=='1'\" mat-mini-fab  (click)=\"unlock(user)\" style=\"margin-right:10px; background-color: green;\" matTooltip=\"Unlock\" matTooltipPosition=\"above\"> <mat-icon >lock_open</mat-icon></button>\r\n\r\n          <!-- <button *ngIf=\"user.disabled=='0'\" mat-mini-fab color=\"warn\" (click)=\"disable(user)\" style=\"margin-right:10px\" matTooltip=\"Disable\" matTooltipPosition=\"above\"> <mat-icon>block</mat-icon></button>\r\n          <button *ngIf=\"user.disabled=='1'\" mat-mini-fab (click)=\"enable(user)\" style=\"margin-right:10px; background-color: green\" matTooltip=\"Enable\" matTooltipPosition=\"above\"> <mat-icon>done</mat-icon></button> -->\r\n\r\n          <button mat-mini-fab color=\"warn\" (click)=\"deleteUser(user)\" style=\"margin-right:10px\" matTooltip=\"Delete\" matTooltipPosition=\"above\"> <mat-icon>delete</mat-icon></button>\r\n          <!-- <button mat-mini-fab color=\"primary\" (click)=\"recover(user)\" style=\"margin-right:10px\" matTooltip=\"Reset Password\" matTooltipPosition=\"above\"> <mat-icon>vpn_key</mat-icon></button> -->\r\n\r\n\r\n\r\n        </td>\r\n      </ng-container>\r\n\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" [ngClass]=\"{'make-gray': row.disabled =='1'}\"></tr>\r\n\r\n    </table>\r\n\r\n  </div>\r\n\r\n  <mat-paginator #usersPaginator [pageSizeOptions]=\"[10, 20, 50]\" showFirstLastButtons></mat-paginator>\r\n</div>\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.refreshIcon{font-size:22px!important;margin-top:-7px!important}.make-gray{background-color:#d3d3d3}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":63},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":18,"character":157},{"__symbolic":"reference","name":"MessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"usersPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["usersPaginator"]}]}],"UpdateData":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"createAccount":[{"__symbolic":"method"}],"viewProfile":[{"__symbolic":"method"}],"lock":[{"__symbolic":"method"}],"unlock":[{"__symbolic":"method"}],"recover":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}]}},"LoginComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"spa-login","template":"\r\n  <div class=\"tin-bg-login login-page\">\r\n\r\n    <div *ngIf=\"appConfig.logo!=''\" class=\"d-flex justify-content-center row align-items-center\" style=\"margin-top:3em;margin-bottom:1em\">\r\n\r\n      <img *ngIf=\"appConfig.logoSize=='normal'\"  [src]=\"appConfig.logo\" style=\"height:100px;margin-right:3em;margin-left:3em\" />\r\n      <img *ngIf=\"appConfig.logoSize=='medium'\"  [src]=\"appConfig.logo\" style=\"height:150px;margin-right:3em;margin-left:3em\" />\r\n      <img *ngIf=\"appConfig.logoSize=='large'\"  [src]=\"appConfig.logo\" style=\"height:250px;margin-right:3em;margin-left:3em\" />\r\n\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"appConfig.logo ==''\" style=\"margin-top:2em\">\r\n        <!-- Add margin top when there is no logo -->\r\n    </div>\r\n\r\n\r\n    <div class=\"d-flex justify-content-center row align-items-center\" style=\"margin-top:3em\">\r\n\r\n      <div class=\"d-none d-sm-block\">\r\n      </div>\r\n\r\n      <div style=\"margin-left:1em\">\r\n\r\n        <mat-card class=\"mat-elevation-z3\" style=\"width:400px; \">\r\n\r\n          <mat-card-header>\r\n            <mat-card-title>{{appConfig.appName}}</mat-card-title>\r\n          </mat-card-header>\r\n\r\n          <mat-card-content>\r\n\r\n            <div class=\"tin-input mt-2\">\r\n\r\n              <spa-text id=\"txtuserName\" display=\"Username\" [(value)]=\"user.userName\" ></spa-text>\r\n\r\n              <mat-form-field >\r\n                <mat-label>Password</mat-label>\r\n                <input id=\"txtPassword\" matInput [type]=\"hide ? 'password' : 'text'\"  (keyup.enter)=\"login()\" [(ngModel)]=\"user.password\" autocomplete=\"off\" >\r\n                <button mat-icon-button matSuffix (click)=\"hide = !hide\" [attr.aria-label]=\"'Hide password'\" [attr.aria-pressed]=\"hide\">\r\n                  <mat-icon style=\"font-size: 18px;\">{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>\r\n                </button>\r\n              </mat-form-field>\r\n\r\n            </div>\r\n\r\n          </mat-card-content>\r\n\r\n\r\n          <mat-card-actions>\r\n\r\n            <div class=\"row \">\r\n\r\n              <div class=\"col d-flex justify-content-center\">\r\n                <button id=\"btnLogin\"  mat-raised-button [disabled]=\"isProcessing\" style=\"width: 100px;\" (click)=\"login()\" color=\"primary\">Login</button>\r\n              </div>\r\n\r\n              <div class=\"col d-flex justify-content-center\" *ngIf=\"appConfig.selfService\">\r\n                <button id=\"btnSignup\" mat-stroked-button  color=\"primary\" style=\"width: 100px;\" (click)=\"signup()\">Signup</button>\r\n              </div>\r\n\r\n            </div>\r\n\r\n          </mat-card-actions>\r\n\r\n        </mat-card>\r\n\r\n        <div *ngIf=\"appConfig.selfService\">\r\n          <br />\r\n          <a mat-button id=\"lnkRecover\"  style=\"margin-left: 1em\" (click)=\"recoverAccount()\">Forgot your password ?</a>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n","styles":[".login-page{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto}.tin-bg-login{background-image:url(~/assets/login-bg.jpg);background-size:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","name":"StorageService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":103},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"LogService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":19,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}],"signup":[{"__symbolic":"method"}],"recoverAccount":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}]}},"NavMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spa-nav-menu","template":"<header *ngIf=\"loggedin\">\r\n  <nav class=\"toolbar navbar navbar-expand-sm navbar-toggleable-sm navbar-light  border-bottom box-shadow mb-3 \" style=\"padding-right: 10px;\">\r\n    <div class=\"container-fluid\" style=\"padding-right: 0px;\">\r\n      <!--<a class=\"navbar-brand\" [routerLink]=\"['/']\">Orbit</a>-->\r\n\r\n      <img *ngIf=\"appConfig.logo!=''\" [src]=\"appConfig.logo\" style=\"height: 50px; margin-right: 2em\" />\r\n\r\n\r\n      <div style=\"font-size: 20px;\">\r\n        {{appConfig.appName}}\r\n      </div>\r\n\r\n\r\n      <button class=\"navbar-toggler\"\r\n              type=\"button\"\r\n              data-toggle=\"collapse\"\r\n              data-target=\".navbar-collapse\"\r\n              aria-label=\"Toggle navigation\"\r\n              [attr.aria-expanded]=\"isExpanded\"\r\n              (click)=\"toggle()\">\r\n        <span class=\"navbar-toggler-icon\"></span>\r\n      </button>\r\n\r\n      <div *ngIf=\"myRole\" class=\"navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse stack-top\" style=\"margin-right: 0px;\" [ngClass]=\"{ show: isExpanded }\" >\r\n\r\n        <button mat-icon-button (click)=\"redirectTo('login')\"> <mat-icon>logout</mat-icon> </button>\r\n\r\n        <button id=\"btnUser\" mat-button [matMenuTriggerFor]=\"profileMenu\" style=\"margin-left:2em\"><mat-icon>account_circle</mat-icon>  &nbsp;{{loggedUserFullName}}</button>\r\n\r\n        <mat-menu #profileMenu=\"matMenu\">\r\n          <button id=\"btnProfile\" mat-menu-item (click)=\"redirectTo('home/user/profile')\" >Profile</button>\r\n          <button id=\"btnLogOff\" mat-menu-item (click)=\"redirectTo('login')\">Log Off</button>\r\n        </mat-menu>\r\n\r\n          <div *ngFor=\"let item of appConfig.capItems\">\r\n\r\n            <!-- Menu Item -->\r\n            <button id=\"btnMenu\" *ngIf=\"myRole[item.name] && !item.capSubItems && item.showMenu\" mat-button (click)=\"redirectTo(item.link)\">{{item.display}}</button>\r\n\r\n            <!-- Menu Item with Sub items ignored -->\r\n            <button id=\"btnMenu\" *ngIf=\"myRole[item.name] && item.capSubItems && item.showMenu && item.ignoreSubsDisplay\" mat-button (click)=\"redirectTo(item.link)\">{{item.display}}</button>\r\n\r\n            <!-- Menu Item with Sub items to display-->\r\n            <button id=\"btnMenu\" *ngIf=\"myRole[item.name] && item.capSubItems && item.showMenu && !item.ignoreSubsDisplay\" mat-button [matMenuTriggerFor]=\"adminMenu\">{{item.display}}</button>\r\n\r\n\r\n            <!-- Sub Menu Items -->\r\n            <mat-menu #adminMenu=\"matMenu\">\r\n\r\n              <div *ngFor=\"let subItem of item.capSubItems\">\r\n\r\n                <button *ngIf=\"myRole[subItem.name] && subItem.showMenu\" mat-menu-item (click)=\"redirectTo(subItem.link)\">{{subItem.display}}</button>\r\n\r\n              </div>\r\n\r\n            </mat-menu>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n      </div>\r\n\r\n  </nav>\r\n</header>\r\n","styles":["a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}html{font-size:14px}@media (min-width:768px){html{font-size:16px}}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.toolbar{height:60px;display:flex;align-items:center;background-color:#03a;color:#fff;font-weight:600}.stack-top{z-index:9;margin:20px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":12,"character":29},{"__symbolic":"reference","name":"AuthService"}]}],"ngOnInit":[{"__symbolic":"method"}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"collapse":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"redirectTo":[{"__symbolic":"method"}]}},"RolesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"spa-roles","template":"<h4> Roles </h4>\r\n<hr />\r\n\r\n<div class=\"container mb-5\">\r\n\r\n  <div class=\"row justify-content-between\" style=\"padding-bottom: 10px;padding-left:10px\">\r\n    <div class=\"col-2\">\r\n\r\n      <button id=\"btnNewRole\" mat-raised-button color=\"primary\" (click)=\"addRole()\">New Role</button>\r\n    </div>\r\n    <div class=\"col-1\">\r\n\r\n      <button id=\"btnRefresh\" mat-mini-fab color=\"primary\" (click)=\"refresh()\" style=\"margin-right:1em;margin-top:5px\" matTooltip=\"refresh data\" matTooltipPosition=\"right\"><mat-icon class=\"refreshIcon\">refresh</mat-icon></button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"row mt-2 mb-1\" style=\"margin-left:10px\" *ngFor=\"let role of roles\">\r\n\r\n    <mat-card class=\"mat-elevation-z8\" style=\"width:100%;padding-left:2em\">\r\n\r\n      <h4>{{role.roleName}}</h4>\r\n      <hr />\r\n\r\n      <div class=\"row\" style=\"margin-left: 2em;\">\r\n\r\n\r\n        <div class=\"row\" style=\"margin-right:20px;\"  *ngFor=\"let capItem of appConfig.capItems\">\r\n\r\n          <mat-checkbox color=\"primary\" style=\" font-size:12px; width: 200px;\" [(ngModel)]=\"role[capItem.name]\">{{capItem.display}}</mat-checkbox>\r\n\r\n          <div class=\"row\" style=\"margin-right:20px;margin-left: 0px; \" *ngFor=\"let capSubItem of capItem.capSubItems\">\r\n\r\n            <mat-checkbox   color=\"primary\" style=\" font-size:12px; width: 200px;\" [(ngModel)]=\"role[capSubItem.name]\">{{capSubItem.display}}</mat-checkbox>\r\n\r\n            <div class=\"row\" style=\"margin-right:20px;margin-left: 0px;\" *ngFor=\"let capSubSubItem of capSubItem.capSubItems\">\r\n\r\n              <mat-checkbox   color=\"primary\" style=\"font-size:12px; width: 200px;\" [(ngModel)]=\"role[capSubSubItem.name]\">{{capSubSubItem.display}}</mat-checkbox>\r\n\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n\r\n\r\n      <mat-card-actions>\r\n\r\n        <button  mat-mini-fab color=\"primary\" (click)=\"updateRole(role)\" style=\"margin-right:10px;\">\r\n           <mat-icon>done_all</mat-icon>\r\n        </button>\r\n\r\n        <!-- <button mat-mini-fab color=\"warn\" (click)=\"editRole(role)\" style=\"margin-right:10px\">\r\n          <mat-icon>edit</mat-icon>\r\n        </button> -->\r\n\r\n        <button mat-mini-fab color=\"warn\" (click)=\"deleteRole(role)\" style=\"margin-right:10px\">\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n\r\n      </mat-card-actions>\r\n\r\n    </mat-card>\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.refreshIcon{font-size:22px!important;margin-top:-7px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":64},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":18,"character":158},{"__symbolic":"reference","name":"MessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadRoles":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"addRole":[{"__symbolic":"method"}],"updateRole":[{"__symbolic":"method"}],"deleteRole":[{"__symbolic":"method"}]}},"addRoleDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-addRole","template":"<mat-form-field>\r\n  <mat-label>Role Name</mat-label>\r\n  <input matInput autocomplete=\"off\" [(ngModel)]=\"role.roleName\" placeholder=\"Enter Role Name\" />\r\n</mat-form-field>\r\n\r\n<mat-dialog-content class=\"mat-typography\">\r\n\r\n  <div class=\"row\" >\r\n\r\n    <!-- <div class=\"  col-4\">\r\n\r\n      <div class=\"row\">\r\n        <mat-checkbox color=\"primary\" style=\"margin-right:20px; font-size:14px\" [(ngModel)]=\"role.cap1\">Admin</mat-checkbox>\r\n      </div>\r\n\r\n    </div> -->\r\n\r\n    <div class=\"row\" style=\"margin-left: 2em;margin-right: 2em;\">\r\n\r\n      <div class=\"row\" style=\"margin-left: 2em;\" *ngFor=\"let capItem of capItems\">\r\n\r\n        <mat-checkbox color=\"primary\" style=\"margin-right:20px; font-size:12px; width: 200px;\" [(ngModel)]=\"role[capItem.name]\">{{capItem.display}}</mat-checkbox>\r\n\r\n        <div *ngFor=\"let capSubItem of capItem.capSubItems\">\r\n\r\n          <mat-checkbox color=\"primary\" style=\"margin-right:20px; font-size:12px; width: 200px;\" [(ngModel)]=\"role[capSubItem.name]\">{{capSubItem.display}}</mat-checkbox>\r\n\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  <button mat-button [disabled]=\"isProcessing\" (click)=\"submit()\" cdkFocusInitial>Submit</button>\r\n  <button mat-button mat-dialog-close=\"success\">Cancel</button>\r\n</mat-dialog-actions>\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.refreshIcon{font-size:22px!important;margin-top:-7px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":174},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":18,"character":181}]}]],"parameters":[{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"addRoleDialog"}]},null]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}]}},"SignupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"spa-signup","template":"\r\n<h4 style=\"margin-top: 1em;\">Signup</h4>\r\n\r\n<hr/>\r\nComplete the form below.\r\n\r\n<div class=\"d-flex justify-content-center row align-items-center\">\r\n\r\n  <div class=\"tin-input\" style=\"font-size:14px; width: 50%;\">\r\n\r\n\r\n    <div class=\"tin-input-row\">\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>FirstName</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"account.profile.firstName\" placeholder=\"Enter FirstName\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>LastName</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"profile.lastName\" placeholder=\"Enter LastName\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n\r\n      <div class=\"col-6\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>userName</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"user.userName\" placeholder=\"Enter userName\" />\r\n        </mat-form-field>\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"tin-input-row\">\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>Password</mat-label>\r\n          <input matInput autocomplete=\"off\" type=\"password\" [(ngModel)]=\"user.password\" placeholder=\"Enter Password\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>Confirm Password</mat-label>\r\n          <input matInput autocomplete=\"off\" type=\"password\" [(ngModel)]=\"confirmPassword\" placeholder=\"Enter Confirm Password\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n      <button mat-raised-button color=\"primary\" (click)=\"create()\" cdkFocusInitial>Create</button>\r\n    </div>\r\n\r\n\r\n\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"}]}],"ngOnInit":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}]}},"ChangePasswordComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"spa-change-password","template":"<h4>Change Password</h4>\r\n<hr>\r\n\r\n<div class=\"container\">\r\n\r\n  <div class=\"d-flex justify-content-center row align-items-center\" >\r\n\r\n    <div class=\"col\">\r\n\r\n      <div class=\"tin-input \" style=\"font-size:14px;\">\r\n\r\n        <div class=\"col\" *ngIf=\"changePassword.userName!=''\">\r\n          <spa-text id=\"txtuserName\" display=\"Username\" [(value)]=\"changePassword.userName\" width=\"300px\" readonly=\"true\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col\" *ngIf=\"!myRole[dataService.capUsers.name]\">\r\n          <spa-text id=\"txtPassword\" display=\"Current Password\" [(value)]=\"changePassword.currentPassword\" width=\"300px\" type=\"password\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n          <spa-text id=\"txtNewPassword\" display=\"New Password\" [(value)]=\"changePassword.newPassword\" width=\"300px\" type=\"password\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n           <spa-text id=\"txtConfirmPassword\" display=\"Confirm Password\" [(value)]=\"changePassword.confirmPassword\" width=\"300px\" type=\"password\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col mt-3\">\r\n          <button id=\"btnChange\" mat-raised-button color=\"primary\" (click)=\"change()\" cdkFocusInitial>Change</button>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"col\">\r\n\r\n      <div class=\"alert alert-info\" style=\"font-size: 14px;\" role=\"alert\">\r\n        <b>*Please consider these requirements for your new password.</b> <br><br>\r\n\r\n        At least 8 characters<br>\r\n        At least 1 uppercase letter (A-Z)<br>\r\n        At least 2 lowercase letters (a-z)<br>\r\n        At least 1 digit (0-9)<br>\r\n        At least 1 special character (~`! …)<br>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n\r\n  </div>\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":29},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":19,"character":55},{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":19,"character":224}]}],"ngOnInit":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}]}},"ProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"spa-profile","template":"\r\n<div class=\"container\">\r\n\r\n  <div class=\"row mt-3\" style=\"font-size:14px;\">\r\n\r\n    <div class=\"col-2 mt-3 \">\r\n\r\n      <div class=\"tin-input\">\r\n\r\n        <div class=\"col\">\r\n          <mat-icon style=\"font-size: 70px;\">account_circle</mat-icon>\r\n          <!-- <img style=\"height: 40px\"> -->\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n          <mat-label id=\"lbluserName\" style=\"font-size: 14px;\">{{profile?.userName}}</mat-label>\r\n        </div>\r\n\r\n\r\n      </div>\r\n\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"col-8 mt-3\">\r\n\r\n      <div class=\"tin-input\" style=\"width: 70%;\">\r\n\r\n        <div class=\"tin-input-row\">\r\n\r\n\r\n          <div class=\"col\">\r\n            <spa-text id=\"txtFirstName\" display=\"First Name\" [(value)]=\"profile.firstName\" [readonly]=\"selfProfile\"></spa-text>\r\n          </div>\r\n\r\n          <div class=\"col\">\r\n            <spa-text id=\"txtLastName\" display=\"Last Name\" [(value)]=\"profile.lastName\" [readonly]=\"selfProfile\"></spa-text>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n          <spa-text id=\"txtAuth\" display=\"Authentication\" [(value)]=\"profile.authType\" [readonly]=\"true\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n           <spa-text id=\"txtEmail\" display=\"Email\" [(value)]=\"profile.email\" [readonly]=\"selfProfile\"></spa-text>\r\n        </div>\r\n\r\n        <div class=\"col\">\r\n          <spa-select id=\"cboRole\" display=\"Role\" [options]=\"roles\" optionDisplay=\"roleName\" optionValue=\"roleID\"  [(value)]=\"profile.roleID\" [readonly]=\"selfProfile\"></spa-select>\r\n        </div>\r\n\r\n\r\n        <div class=\"tin-input-row mt-2\">\r\n          <button id=\"btnUpdate\" mat-raised-button color=\"primary\" *ngIf=\"!selfProfile\" [disabled]=\"isProcessing\" (click)=\"updateProfile()\" >Update Profile</button>\r\n        </div>\r\n\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"col-2 mt-4\">\r\n\r\n      <a mat-button id=\"lnkUserManager\"  style=\"margin-left: 1em\" *ngIf=\"!selfProfile\" (click)=\"gotoUsers()\" >User Manager</a>\r\n      <a mat-button id=\"lnkChangePassword\" style=\"margin-left: 1em\" *ngIf=\"(selfProfile || myRole[dataService.capUsers.name]) && profile.authType=='local'\" (click)=\"changePassword()\" >Change Password</a>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":16,"character":140},{"__symbolic":"reference","name":"AuthService"}]}],"ngOnInit":[{"__symbolic":"method"}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"loadProfile":[{"__symbolic":"method"}],"loadRoles":[{"__symbolic":"method"}],"changePassword":[{"__symbolic":"method"}],"gotoUsers":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"updateProfile":[{"__symbolic":"method"}]}},"RecoverAccountComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"spa-recover-account","template":"<h4 style=\"margin-top: 1em;\">Recover Account</h4>\r\n\r\n<hr/>\r\nSubmit your userName and we will send you details to your registered email address.\r\n\r\n<div class=\"mt-3\" >\r\n\r\n  <div class=\"tin-input \" style=\"font-size:14px;\">\r\n\r\n    <div class=\"col\">\r\n      <spa-text display=\"Username\" [(value)]=\"userName\" ></spa-text>\r\n    </div>\r\n\r\n    <div class=\"col mt-3\">\r\n      <button mat-raised-button color=\"primary\" (click)=\"recover()\" cdkFocusInitial>Submit</button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":16,"character":32},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"MessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"recover":[{"__symbolic":"method"}]}},"CreateAccountComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"spa-create-account","template":"<h4>Create Account</h4>\r\n\r\n<hr/>\r\n\r\n<div class=\"container\">\r\n\r\n  <div class=\"tin-input\" style=\"font-size:14px; width: 70%;\">\r\n\r\n\r\n    <div class=\"tin-input-row\">\r\n\r\n      <div class=\"col\">\r\n          <spa-text id=\"txtFirstName\" display=\"FirstName\" [(value)]=\"register.firstName\"></spa-text>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n         <spa-text id=\"txtLastName\" display=\"LastName\" [(value)]=\"register.lastName\"></spa-text>\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n\r\n      <div class=\"col\">\r\n        <spa-text id=\"txtUserName\" display=\"Username\" [(value)]=\"register.userName\"></spa-text>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <spa-select id=\"cboAuth\" display=\"Authentication Type\" [options]=\"authTypes\" optionDisplay=\"name\" optionValue=\"value\"  [(value)]=\"register.authType\" ></spa-select>\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n    <div class=\"tin-input-row\" *ngIf=\"register.authType=='local'\">\r\n\r\n      <div class=\"col\">\r\n        <spa-text id=\"txtPassword\" display=\"Password\" [(value)]=\"register.password\" type=\"password\"></spa-text>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <spa-text id=\"txtConfirmPassword\" display=\"Confirm Password\" [(value)]=\"confirmPassword\" type=\"password\"></spa-text>\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n    <div class=\"tin-input-row mt-3\" style=\"margin-left: 1em;\">\r\n      <mat-checkbox id=\"cbkOpenAfter\" color=\"primary\" style=\"margin-right:100px; font-size:12px\" [(ngModel)]=\"openProfile\">Open profile after creation</mat-checkbox>\r\n    </div>\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n      <button id=\"btnCreate\" [disabled]=\"register.authType ==''\" mat-raised-button color=\"primary\" (click)=\"create()\" cdkFocusInitial>Create</button>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"HttpService"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":16,"character":174}]}],"ngOnInit":[{"__symbolic":"method"}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"create":[{"__symbolic":"method"}],"viewProfile":[{"__symbolic":"method"}]}},"TimeoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"spa-timeout","template":"\r\n<div class=\"loading-spinner\" [hidden]=\"!isWarning\" >\r\n\r\n  <div style=\"width: 500px; text-align: center;\">\r\n\r\n\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col\">\r\n      <img style=\"width: 100px;\"\r\n        src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==\">\r\n    </div>\r\n  </div>\r\n\r\n  <mat-card class=\"mat-elevation-z3\" >\r\n\r\n    <mat-card-header>\r\n\r\n     <h5>Are you still there ?</h5>\r\n\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n      <br>\r\n     <span>{{idleState}}</span>\r\n\r\n     <br>\r\n\r\n    </mat-card-content>\r\n\r\n    <mat-card-actions>\r\n\r\n      <div class=\"row justify-content-around\">\r\n\r\n        <div class=\"col-2\">\r\n          <button  style=\"width: 100px;\" mat-stroked-button color=\"primary\" (click)=\"using()\">Yes</button>\r\n        </div>\r\n\r\n        <div class=\"col-4\">\r\n          <button  style=\"width: 100px;\" mat-stroked-button color=\"primary\" (click)=\"stopWatch()\">No</button>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </mat-card-actions>\r\n\r\n  </mat-card>\r\n\r\n\r\n</div>\r\n\r\n</div>\r\n","styles":[".loading-spinner{background-color:#0000001f;position:absolute;width:100%;top:0;left:0;height:100vh;align-items:center;justify-content:center;display:-ms-grid;display:grid}.loading-spinner img{-ms-grid-row-align:end;align-self:end}.loading-message{text-align:center;-ms-grid-row-align:start;align-self:start}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-idle/core","name":"Idle","line":14,"character":28},{"__symbolic":"reference","module":"@ng-idle/keepalive","name":"Keepalive","line":14,"character":53},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":14,"character":114}]}],"ngOnInit":[{"__symbolic":"method"}],"startWatch":[{"__symbolic":"method"}],"stopWatch":[{"__symbolic":"method"}],"using":[{"__symbolic":"method"}]}},"LogsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"spa-logs","template":"<h4>Logs</h4>\r\n<hr />\r\n\r\n<div class=\"container-fluid\">\r\n\r\n  <div class=\"row justify-content-between\" style=\"padding-bottom: 10px\">\r\n\r\n    <div class=\"col-2\">\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-end\">\r\n      <spa-filter [data]=\"logs\" (refreshClick)=\"loadLogs()\"></spa-filter>\r\n   </div>\r\n  </div>\r\n\r\n\r\n\r\n  <p *ngIf=\"!logs\"><em>Loading...</em></p>\r\n\r\n\r\n  <div class=\"mat-elevation-z8\" *ngIf=\"logs\">\r\n\r\n    <table id=\"tblTable\" mat-table [dataSource]=\"logs\">\r\n\r\n\r\n      <ng-container matColumnDef=\"userName\">\r\n        <th mat-header-cell *matHeaderCellDef> User </th>\r\n        <td mat-cell *matCellDef=\"let log\"> {{log.userName}} </td>\r\n      </ng-container>\r\n\r\n\r\n      <ng-container matColumnDef=\"dateLogged\">\r\n        <th mat-header-cell *matHeaderCellDef class=\"datetime\"> Date Logged </th>\r\n        <td mat-cell *matCellDef=\"let log\"> {{log.dateLogged | date: 'dd MMM yy HH:mm:ss'}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"source\">\r\n        <th mat-header-cell *matHeaderCellDef> Source </th>\r\n        <td mat-cell *matCellDef=\"let log\"> {{log.source}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"details\">\r\n        <th mat-header-cell *matHeaderCellDef> Details </th>\r\n        <td mat-cell *matCellDef=\"let log\"> {{log.details}} </td>\r\n      </ng-container>\r\n\r\n      <ng-container matColumnDef=\"fullName\">\r\n        <th mat-header-cell *matHeaderCellDef> Name </th>\r\n        <td mat-cell *matCellDef=\"let log\">{{log.user.firstName}} {{log.user.lastName}}</td>\r\n      </ng-container>\r\n\r\n\r\n\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n\r\n\r\n    </table>\r\n\r\n  </div>\r\n\r\n  <mat-paginator #logsPaginator [pageSizeOptions]=\"[50, 100, 200]\" showFirstLastButtons></mat-paginator>\r\n</div>\r\n\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.refreshIcon{font-size:22px!important;margin-top:-7px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"DataServiceLib"}]}],"ngOnInit":[{"__symbolic":"method"}],"logsPaginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["logsPaginator"]}]}],"loadLogs":[{"__symbolic":"method"}]}},"SettingsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"spa-settings","template":"<h4>Settings</h4>\r\n<hr>\r\n\r\n<div class=\"container\">\r\n\r\n  <div class=\"row justify-content-between\" style=\"padding-bottom: 10px;padding-left:10px\">\r\n\r\n    <div class=\"col-2\">\r\n      <!-- <button mat-raised-button (click)=\"addSetting()\">New Setting</button> -->\r\n    </div>\r\n    <div class=\"col-2\">\r\n      <button mat-raised-button (click)=\"loadSettings()\">Refresh</button>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"row mt-1 mb-1\" style=\"margin-left:10px\" *ngFor=\"let setting of settings\">\r\n\r\n    <mat-form-field style=\"width: 500px; font-size: 14px;\">\r\n      <mat-label>{{setting.sName}}</mat-label>\r\n      <input matInput autocomplete=\"off\" [(ngModel)]=\"setting.sValue\" >\r\n    </mat-form-field>\r\n\r\n    <button  mat-mini-fab color=\"primary\" (click)=\"updateSetting(setting)\" style=\"margin-right:150px;\"><mat-icon>done_all</mat-icon></button>\r\n\r\n    <mat-label style=\"font-size: small;\">Last Updated by {{setting.updatedBy}} on {{setting.updatedDate | date: 'dd MMM yy HH:mm'}}</mat-label>\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n\r\n","styles":[".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataServiceLib"},{"__symbolic":"reference","name":"MessageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"loadSettings":[{"__symbolic":"method"}],"updateSetting":[{"__symbolic":"method"}],"addSetting":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[appDnd]"}]}],"members":{"fileOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.fileover"]}]}],"fileDropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["dragleave",["$event"]]}]}],"ondrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":31,"character":3},"arguments":["drop",["$event"]]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"MessageService"},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":14,"character":142},{"__symbolic":"reference","name":"LogService"}]}],"removeRequest":[{"__symbolic":"method"}],"intercept":[{"__symbolic":"method"}]}}},"origins":{"TinSpaService":"./lib/services/tin-spa.service","StorageService":"./lib/services/storage.service","MessageService":"./lib/services/message.service","ExportService":"./lib/services/export.service","AuthService":"./lib/services/auth.service","DataServiceLib":"./lib/services/data.service","LogService":"./lib/services/log.service","HttpService":"./lib/services/http.service","LogLevel":"./lib/classes/Classes","Tile":"./lib/classes/Classes","Step":"./lib/classes/Classes","TableConfig":"./lib/classes/Classes","TableCreate":"./lib/classes/Classes","TableColumn":"./lib/classes/Classes","TableColumnType":"./lib/classes/Classes","Condition":"./lib/classes/Classes","Operator":"./lib/classes/Classes","Color":"./lib/classes/Classes","Icon":"./lib/classes/Classes","TableAction":"./lib/classes/Classes","ActionResponse":"./lib/classes/Classes","loginConfig":"./lib/classes/Classes","AppConfig":"./lib/classes/Classes","CapItem":"./lib/classes/Classes","Account":"./lib/classes/Classes","User":"./lib/classes/Classes","ChangeUserPassword":"./lib/classes/Classes","Register":"./lib/classes/Classes","Profile":"./lib/classes/Classes","Role":"./lib/classes/Classes","Core":"./lib/classes/TinCore","ApiResponse":"./lib/classes/TinCore","Constants":"./lib/classes/TinCore","TinSpaModule":"./lib/tin-spa.module","SpaMatModule":"./lib/modules/spa-mat.module","SpaIndexModule":"./lib/modules/spa-index.module","SpaUserModule":"./lib/modules/spa-user.module","SpaAdminModule":"./lib/modules/spa-admin.module","TinSpaComponent":"./lib/components/tin-spa.component","TableComponent":"./lib/components/table/table.component","TilesComponent":"./lib/components/tiles/tiles.component","DateComponent":"./lib/components/date/date.component","TextComponent":"./lib/components/text/text.component","LabelComponent":"./lib/components/label/label.component","DatetimeComponent":"./lib/components/datetime/datetime.component","SelectComponent":"./lib/components/select/select.component","AttachComponent":"./lib/components/attach/attach.component","CheckComponent":"./lib/components/check/check.component","MoneyComponent":"./lib/components/money/money.component","ChipsComponent":"./lib/components/chips/chips.component","ActivityComponent":"./lib/components/activity/activity.component","OptionComponent":"./lib/components/option/option.component","StepsComponent":"./lib/components/steps/steps.component","FilterComponent":"./lib/components/filter/filter.component","messageDialog":"./lib/components/message/messageDialog.component","LoaderComponent":"./lib/components/loader/loader.component","UsersComponent":"./lib/components/users/users.component","LoginComponent":"./lib/components/login/login.component","NavMenuComponent":"./lib/components/nav-menu/nav-menu.component","RolesComponent":"./lib/components/roles/roles.component","addRoleDialog":"./lib/components/roles/addRoleDialog.component","SignupComponent":"./lib/components/signup/signup.component","ChangePasswordComponent":"./lib/components/change-password/change-password.component","ProfileComponent":"./lib/components/profile/profile.component","RecoverAccountComponent":"./lib/components/recover-account/recover-account.component","CreateAccountComponent":"./lib/components/create-account/create-account.component","TimeoutComponent":"./lib/components/timeout/timeout.component","LogsComponent":"./lib/components/logs/logs.component","SettingsComponent":"./lib/components/settings/settings.component","ɵa":"./lib/dnd.directive","ɵb":"./lib/services/loader.service","ɵc":"./lib/services/loader-interceptor.service"},"importAs":"tin-spa"}