{"__symbolic":"module","version":4,"metadata":{"VernostService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":12,"character":57}]}],"getData":[{"__symbolic":"method"}],"postData":[{"__symbolic":"method"}],"setClearComponents":[{"__symbolic":"method"}],"setinit":[{"__symbolic":"method"}],"setReadonlyComponents":[{"__symbolic":"method"}],"setDisabledComponents":[{"__symbolic":"method"}],"addClick":[{"__symbolic":"method"}],"editClick":[{"__symbolic":"method"}],"saveScreenData":[{"__symbolic":"method"}],"checkValidation":[{"__symbolic":"method"}],"checkUndefined":[{"__symbolic":"method"}],"showmessaage":[{"__symbolic":"method"}],"showprogressmodel":[{"__symbolic":"method"}],"hideprogressmodel":[{"__symbolic":"method"}]}},"VernostLibModule":{"__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":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"imports":[{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":89,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatMenuModule","line":90,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":91,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":92,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":93,"character":8},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":94,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":95,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatPaginatorModule","line":95,"character":24},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":95,"character":44},{"__symbolic":"reference","module":"@angular/material","name":"MatSortModule","line":95,"character":70},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":95,"character":85},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":96,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":97,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":98,"character":8},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":99,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":100,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":101,"character":8},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵbe"}],"providers":[{"__symbolic":"reference","name":"VernostService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"VernostLibModule"},"providers":[{"__symbolic":"reference","name":"VernostService"}]}},"forChild":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"VernostLibModule"},"providers":[{"__symbolic":"reference","name":"VernostService"}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[dropdown-not-closable-zone]"}]}],"members":{"dropdownNotClosabledZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5},"arguments":["dropdown-not-closable-zone"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":36}]}],"contains":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[dropdown]","exportAs":"dropdown"}]}],"members":{"toggleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5},"arguments":["dropdownToggle"]}]}],"activateOnFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5},"arguments":["dropdownFocusActivate"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"notClosableZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":29,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":36}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"isOpened":[{"__symbolic":"method"}],"isInClosableZone":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[dropdown-open]","exportAs":"dropdownOpen"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":24,"character":17}}],null],"parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":70}]}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":59,"character":5},"arguments":["click"]}]}],"dropdownKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":72,"character":5},"arguments":["keydown",["$event"]]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":79,"character":5},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":86,"character":5},"arguments":["blur",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"closeIfInClosableZone":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"vernost-table","template":"<style>\n    .cell0 {\n        width: 100px;\n    }\n\n    .actionbutton {\n        cursor: pointer;\n        margin-right: 6px;\n    }\n</style>\n<div class=\"row content\">\n    <div class=\"col-md-12\">\n        <div class=\"card search-wrapper\">\n            <h5 *ngIf=\"listtitle\" class=\"card-header\">\n                <div class=\"row\">\n                    {{listtitle}}\n                </div>\n            </h5>\n            <div class=\"card-body\">\n                <div class=\"row\" style=\"padding: 10px;\">\n                    <mat-form-field *ngIf=\"filterreq\">\n                        <input matInput (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Filter\" autocomplete=\"off\">\n                    </mat-form-field>\n                    <table mat-table matSort [dataSource]=\"dataSourcevalue\" class=\"mat-elevation-z8\" style=\"width: 100%;\">\n                        <ng-container *ngFor=\"let col of displayedCells; let i = index \" matColumnDef=\"{{col}}\">\n                            <th [class]=\"col=='Action' && editactionbuttonreq?'cell0':''\" mat-sort-header mat-header-cell *matHeaderCellDef> {{displayedCellTitles[i]}} </th>\n                            <td mat-cell *matCellDef=\"let element\">\n                                <img *ngIf=\"col=='Action' && editactionbuttonreq\" class=\"actionbutton\" (click)=\"trclick(element,'View')\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADnSURBVDhPzdJRSgJRGIbhScGrbAdmF+FKiiAXUrQB6T7aUyqhFYQr0OtqDZVX9b7DfDKKoJd+8AzDOf9/5pyZKQ42R+jhsuL9XmngDgv8bZjjFtZszQnGSMM33ireZ3yENtbSwgtS9I5TJF3MkPkp7FnlEZn0aTb38VW5hov8IHUPKGPxEpl4hflExj4cIB4nY/aUu/Tyi0xYZHYtYE8HZe6RCbfpom7bRWy+whnqRxhglSYmyKQvzDMnNtdf4jPsWYufZogU+bR8xvqTn3CMrfEP9Gfxp0lDOHYDa/bKOS4q3h9kiuIf0hNZLlGzcQcAAAAASUVORK5CYII=\">\n                                <img *ngIf=\"col=='Action' && viewactionbuttonreq\" class=\"actionbutton\" (click)=\"trclick(element,'Edit')\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAESSURBVDhPldOxSwJhHMbxswxq03B0iCaHFB0ShTBsaGlJqNUlaG6RaoloqOj/KEIRQtpaa2iuP6AhcAv/ACO/z3uc3R3vHXcPfOD1p+9z6PvqkC5+8JfQL15RgEmazX5nMNGLOxyn8I4bmKhgy10mzj2sBWtYxirWLTRXIgsm0Fpvah7mbYosyCGLFeQtNFciC56wgSO8WGiu7KHmLoMFJyhiG6cWmisl7LjLYME+dEHKOAzZhbKAD0zR0cBf8IUGLqAL5vlGE3U8oIIxeggUxEXFOiV9fgQdeQbmbre0iIme7m2WAZZg8oZP9C2uoacM8Qxt1lxHPY9+NP0xbi0OUMUlzvGIRaRKG1fYhPnO/3GcGeuUZ7KgzIGfAAAAAElFTkSuQmCC\">\n                                <img *ngIf=\"col=='Action' && additionalactions\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEBSURBVDhPzdIxS0JRGMbxG0kaVIoEghBZDjk4KDa0CIISNDiIoy5CQwSSi7iE4CC4GoK4F5SfosFB0K/QB/BDiP6fk2e79y4N9sDv8nK5nPue9xznXySHOd5QxgJLD6+ooYEPxGAebVRwg46PEjK4hRY6hnOEAq5xgiL0oZs4bK5woOIea3zjCRsf77D5weVv+cek8YUu1P7UxzNshjhXkcAIj8hijImHKmxeoJmZQWggUQSgYXo5QxAhhGHyAA1ohtau9vKJHgZYQd2bXOAU6kYv3f4uOvdDqFN1YpKE9t3EHdz2btVho1sZUZGCrqVuWh46EbcTEA3apg+zwD7jOFumwUYVus4vPAAAAABJRU5ErkJggg==\">\n                                \n                                <div *ngIf=\"col!='Action'\" [innerHTML]=\"element[col]\"></div>\n                            </td>\n                        </ng-container>\n                        <tr mat-header-row *matHeaderRowDef=\"displayedCells\"></tr>\n                        <tr mat-row *matRowDef=\"let row; columns: displayedCells;\"></tr>\n                    </table>\n                    <hr>\n                    <mat-paginator class=\"paginetor\" [pageSizeOptions]=\"[10, 20, 50]\" showFirstLastButtons></mat-paginator>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>","styles":["table {\n  width: 100%; }\n\n.mat-form-field {\n  font-size: 14px;\n  width: 100%; }\n\n.list-table-container {\n  padding: 20px;\n  overflow-x: auto; }\n\n.list-table {\n  width: 100%; }\n\n.mat-form-field {\n  font-size: 14px;\n  width: 100%; }\n\nth.mat-sort-header-sorted {\n  color: black; }\n\n.paginetor {\n  float: right;\n  width: 100%;\n  margin-top: 10px; }\n\n.mat-row:hover {\n  background-color: lightgray;\n  cursor: pointer; }\n"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatPaginator","line":11,"character":13}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSort","line":12,"character":13}]}]}],"listtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["listtitle"]}]}],"filterreq":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["filterreq"]}]}],"additionalactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["additionalactions"]}]}],"actionbuttonsreq":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["actionbuttonreq"]}]}],"editactionbuttonreq":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["editactionbuttonreq"]}]}],"viewactionbuttonreq":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["viewactionbuttonreq"]}]}],"displayedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["displayedColumns"]}]}],"displayedColumnTitles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3},"arguments":["displayedColumnTitles"]}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["dataSource"]}]}],"SelectedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"applyFilter":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"trclick":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-model-input","providers":[{"__symbolic":"reference","name":"VernostService"}],"template":"<div class=\"input-wrapper\">\n\n  <!-- label -->\n\n  <!-- <label *ngIf=\"fieldparam.compname != 'hidden'\" [for]=\"fieldparam.dbfield\" class=\"input-label\">{{fieldparam.title}}</label> -->\n  <!-- <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label> -->\n\n  <!-- hidden -->\n\n  <!-- <input *ngIf=\"fieldparam.compname == 'hidden'\" type=\"hidden\"> -->\n\n  <!-- textbox -->\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'textbox'\">\n    <!-- <input type=\"text\" id=\"name\" class=\"form-control\" autocomplete=\"off\" required> -->\n    <input type=\"text\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [readonly]=\"fieldparam.readonly\"\n      [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\" [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\"\n      [ngStyle]=\"fieldparam.style\" [required]=\"fieldparam.mandatory\" autocomplete=\"off\" (change)=\"validatechangeevent($event)\"\n      (keyup)=\"validatekeyupevent($event)\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\"\n      [style.width]=\"fieldparam.width\" [style.background-color]=\"!fieldparam.isvalid?'#c5272726':'transparent'\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n\n  <!-- email -->\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'email'\">\n    <!-- <input type=\"text\" id=\"name\" class=\"form-control\" autocomplete=\"off\" required> -->\n    <input type=\"email\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [readonly]=\"fieldparam.readonly\"\n      [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\" [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\"\n      [ngStyle]=\"fieldparam.style\" [required]=\"fieldparam.mandatory\" autocomplete=\"off\" (change)=\"validatechangeevent($event)\"\n      (keyup)=\"validatekeyupevent($event)\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\"\n      [style.width]=\"fieldparam.width\" [style.background-color]=\"!fieldparam.isvalid?'#c5272726':'transparent'\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n\n  <!-- password -->\n\n  <input *ngIf=\"fieldparam.compname == 'password'\" type=\"password\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control input-common input-password\"\n    [readonly]=\"fieldparam.readonly\" [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\" [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\"\n    [ngStyle]=\"fieldparam.style\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\"\n    [style.width]=\"fieldparam.width\">\n\n  <!-- numberbox / decimalbox -->\n  <div class=\"form-group\" *ngIf=\"(fieldparam.compname == 'number' || fieldparam.compname == 'decimalbox')\">\n    <!-- <input type=\"text\" id=\"name\" class=\"form-control\" autocomplete=\"off\" required> -->\n    <input type=\"number\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [readonly]=\"fieldparam.readonly\"\n      [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\" [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\"\n      [ngStyle]=\"fieldparam.style\" [required]=\"fieldparam.mandatory\" autocomplete=\"off\" (change)=\"validatechangeevent($event)\"\n      (keyup)=\"validatekeyupevent($event)\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\"\n      [style.width]=\"fieldparam.width\" [style.background-color]=\"!fieldparam.isvalid?'#c5272726':'transparent'\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n\n  <!-- textarea -->\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'textarea'\">\n    <textarea [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\"\n      [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\" [ngStyle]=\"fieldparam.style\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\"\n      [style.height]=\"fieldparam.height\" [style.width]=\"fieldparam.width\" style=\"    border: 1px solid #9c9d9e !important;border-radius: 0.25rem !important;\"></textarea>\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n  <!-- checkbox -->\n\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'checkbox'\">\n    <input type=\"checkbox\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [readonly]=\"fieldparam.readonly\"\n      [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\" [ngStyle]=\"fieldparam.style\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\"\n      [style.height]=\"fieldparam.height\" [style.width]=\"fieldparam.width\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n  <!-- datebox -->\n\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'datebox'\">\n    <input type=\"date\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [readonly]=\"fieldparam.readonly\"\n      (change)=\"setDateValue() \" [ngModel]=\"writeDateValue(fieldparam.value)\" min=\"0000-00-00\" max=\"9999-12-31\" [ngStyle]=\"fieldparam.style\"\n      [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\" [style.width]=\"fieldparam.width\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n  <!-- combobox -->\n\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'combobox'\">\n    <select [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [value]=\"fieldparam.value\" [(ngModel)]=\"fieldparam.value\"\n      [ngStyle]=\"fieldparam.style\" [attr.disabled]=\"fieldparam.readonly ? true : null\" [style.height]=\"fieldparam.height\"\n      [style.width]=\"fieldparam.width\">\n      <option value=null attr.disabled hidden>Select {{fieldparam.title}}</option>\n      <option></option>\n      <option *ngFor=\"let datavalue of fieldparam.datavalues\" [value]=\"pvalue\">{{pname}}</option>\n    </select>\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n\n  <!-- url -->\n  <div class=\"form-group\" *ngIf=\"fieldparam.compname == 'url'\">\n    <input type=\"url\" [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control input-common input-url\" [value]=\"fieldparam.value\"\n      [(ngModel)]=\"fieldparam.value\" [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\" [ngStyle]=\"fieldparam.style\"\n      [attr.disabled]=\"fieldparam.editable == '1' ? true : null\" [style.height]=\"fieldparam.height\" [style.width]=\"fieldparam.width\">\n    <label class=\"form-control-placeholder\">{{fieldparam.title}}\n      <label *ngIf=\"fieldparam.compname != 'hidden' && fieldparam.mandatory=='1'\" class=\"input-label-mandatory\">*</label>\n    </label>\n  </div>\n\n  <!-- imageupload / fileupload -->\n\n  <div *ngIf=\"(fieldparam.compname == 'imageupload' || fieldparam.compname == 'fileupload')\" class=\"input-group\">\n    <input type=\"file\" imageUpload [name]=\"fieldparam.dbfield\" [id]=\"fieldparam.dbfield\" class=\"form-control\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\"\n      [ngStyle]=\"fieldparam.style\" [style.height]=\"fieldparam.height\" [style.width]=\"fieldparam.width\">\n    <span class=\"form-control\">\n      <button type=\"button\" class=\"btn btn-success imageupload-button\" (click)=\"uploadFile()\" [attr.disabled]=\"fieldparam.editable == '1' ? true : null\">Upload</button>\n    </span>\n  </div>\n\n  <div *ngIf=\"fieldparam.compname == 'imageupload'\" class=\"div-upload-content-wrapper\" [hidden]=\"((fieldparam.value=='') || (fieldparam.value=='null') || (fieldparam.value==null))\">\n    <img [attr.src]=\"fieldparam.value\" class=\"image-border\">\n  </div>\n\n  <div *ngIf=\"fieldparam.compname == 'fileupload'\" class=\"div-upload-content-wrapper\">\n    <div [hidden]=\"((fieldparam.value=='') || (fieldparam.value=='null') || (fieldparam.value==null))\" class=\"div-fileupload-message-wrapper\">\n      <span class=\"div.fileupload-message\">Uploaded file </span>\n      <a class=\"btn btn-success div-upload-content\" [href]=\"fieldparam.value\" download>\n        <!-- <a class=\"btn btn-success div-upload-content\" id=\"{{fieldparam.dbfield}}_download\" (click)=\"downloadFile($event, fieldparam.value)\" download> -->\n        Download\n      </a>\n    </div>\n    <div [hidden]=\"((!fieldparam.value=='') || (!fieldparam.value=='null') || (!fieldparam.value==null))\" class=\"div-fileupload-message-wrapper\">\n      <span class=\"div.fileupload-message\">No file uploaded</span>\n    </div>\n  </div>\n\n  <div *ngIf=\"fieldparam.compname == 'multiselect'\" class=\"input-group\">\n    <vernost-multiselect [settings]=\"dropdownSettings\" [data]=\"dropdownList\" [(ngModel)]=\"fieldparam.value\"></vernost-multiselect>\n  </div>\n\n  <!-- autocomplete -->\n\n  <!-- <p-autoComplete *ngIf=\"fieldparam.compname == 'autocomplete'\" [inputId]=\"fieldparam.dbfield\" minLength=3 [field]=\"fieldparam.combo_disp_field\"\n    [suggestions]=\"results\" emptyMessage=\"No results found\" [dataKey]=\"fieldparam.combo_value_field\" forceSelection=\"true\" (completeMethod)=\"searchData($event)\"\n    [(ngModel)]=\"fieldparam.value\" (onSelect)=\"setData($event)\" [style]=\"{'width':'100%','margin-top': '1.4rem','background-size': '0!important','font-size': '1rem','font-family': 'Lato!important','height': '2.5rem','border-radius': '.25rem','background':'#e9ecef'}\"\n    [inputStyle]=\"{'width':'100%','background-size': '0!important','font-size': '1rem','font-family': 'Lato!important','height': '2.5rem','border-radius': '.25rem','padding-left': '1rem'}\"\n    [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\" [disabled]=\"fieldparam.editable == '1' ? true : null\">\n\n    <ng-template let-value pTemplate=\"item\">\n      <div class=\"ui-helper-clearfix input-autocomplete-item-wrapper\">\n        <div class=\"input-autocomplete-item\">{{value[fieldparam.combo_disp_field]}}</div>\n      </div>\n    </ng-template>\n\n  </p-autoComplete> -->\n\n  <!-- multipledropdown -->\n\n  <!-- <div class=\"ui-fluid\">\n    <p-autoComplete *ngIf=\"fieldparam.compname == 'multipledropdown'\" [suggestions]=\"results\" (completeMethod)=\"searchData($event)\"\n      minLength=3 [multiple]=\"true\" (onSelect)=\"setData($event)\" [inputId]=\"fieldparam.dbfield\" [(ngModel)]=\"fieldparam.value\" [field]=\"fieldparam.combo_disp_field\"\n      [dataKey]=\"fieldparam.combo_value_field\" forceSelection=\"true\" emptyMessage=\"No results found\" [style]=\"{'margin-top': '1.4rem','background-size': '0!important','font-size': '1rem','font-family': 'Lato!important','border-radius': '.25rem','background':'#e9ecef'}\"\n      [inputStyle]=\"{'background-size': '0!important','font-size': '1rem','font-family': 'Lato!important','height': '1.8rem','padding-left': '0.7rem','width': '100%'}\"\n      [placeholder]=\"(fieldparam.hint != null) ? fieldparam.hint : ''\" [disabled]=\"fieldparam.editable == '1' ? true : null\">\n\n      <ng-template let-value pTemplate=\"item\">\n        <div class=\"ui-helper-clearfix input-autocomplete-item-wrapper\">\n          <div class=\"input-autocomplete-item\">{{value[fieldparam.combo_disp_field]}}</div>\n        </div>\n      </ng-template>\n\n      <ng-template let-value pTemplate=\"selectedItem\">\n        <span class=\"input-multidropdown\">{{value[fieldparam.combo_disp_field]}}</span>\n        <span class=\"input-multidropdown-remove-button\" (click)=\"removeMultiselectItem(value)\">\n          <i class=\"fa fa-times\"></i>\n        </span>\n      </ng-template>\n\n    </p-autoComplete>\n  </div> -->\n\n  <!-- htmleditor -->\n\n  <div *ngIf=\"fieldparam.compname == 'htmleditor'\" class=\"input-tinymce\">\n    <app-tiny-editor [id]=\"fieldparam.dbfield\" [elementId]=\"fieldparam.dbfield\" ngDefaultControl [(ngModel)]='fieldparam.value'\n      (onEditorContentChange)=\"onEditorChange($event)\"></app-tiny-editor>\n  </div>\n\n  <label *ngIf=\"fieldparam.compname == 'status'\" class=\"inputcontainer\"> {{fieldparam.title}} :\n    <label *ngIf=\"fieldparam.value==1\">Active</label>\n    <label *ngIf=\"fieldparam.value!=1\">In-Active</label>\n    <input type=\"checkbox\" [disabled]=\"fieldparam.readonly\" [checked]=\"fieldparam.value==1\" (click)=\"checkstatus($event)\">\n    <span class=\"inputcheckmark\"></span>\n  </label>\n</div>","styles":[".input-wrapper {\n  min-width: 200px;\n  margin-bottom: 1.5rem;\n  font-size: 1rem; }\n\n.input-label {\n  margin-bottom: 0;\n  font-weight: 500; }\n\n.input-label-mandatory {\n  color: #ff0000; }\n\n.input-common {\n  margin-top: .9rem;\n  background-size: 0 !important;\n  border: 1px solid #e3e9f3;\n  border-radius: .25rem;\n  font-size: 1rem;\n  font-family: Lato !important; }\n\n.input-textbox, .input-datebox, .input-url, .input-password, .input-email, .input-combobox {\n  height: 2.5rem;\n  padding-left: 1rem; }\n\n.input-number::-webkit-inner-spin-button, .input-number::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0; }\n\n.input-textarea {\n  height: 8rem;\n  padding: .5rem 1rem .3rem;\n  line-height: 1.8rem; }\n\n.input-checkbox {\n  margin-top: 1.4rem;\n  height: 2.5rem;\n  width: 2.5rem;\n  box-shadow: none; }\n\n.input-imageupload {\n  height: 2.5rem;\n  padding: 5px 5px 0 1rem; }\n\n.imageupload-button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: -2px; }\n\n.input-tinymce {\n  margin-top: .9rem;\n  background-size: 0 !important;\n  border: 1px solid #e3e9f3;\n  border-radius: .25rem; }\n\n.image-border {\n  border: black thin;\n  width: 100%; }\n\n.div-upload-content-wrapper {\n  margin: 10px; }\n\n.div-fileupload-message-wrapper {\n  display: flex;\n  align-items: center; }\n\n.div-fileupload-message {\n  font-weight: bold;\n  font-size: 20px; }\n\n.div-upload-content {\n  margin: 0 10px; }\n\n::ng-deep .ui-autocomplete-token {\n  margin: 5px !important; }\n\n.input-multidropdown {\n  font-size: 17px;\n  margin: 10px; }\n\n.input-autocomplete-item-wrapper {\n  border-bottom: 1px solid #D5D5D5; }\n\n.input-autocomplete-item {\n  font-size: 17px;\n  margin-bottom: 10px; }\n\n.input-multidropdown-remove-button {\n  color: #ffffff;\n  display: inline-flex;\n  vertical-align: text-top;\n  cursor: pointer; }\n\ninput:disabled, textarea:disabled, select:disabled {\n  background: #fff0ff !important; }\n\n.form-group {\n  position: relative;\n  margin-bottom: 1.5rem; }\n\n.form-control-placeholder {\n  position: absolute;\n  top: 0;\n  padding: 7px 0 0 13px;\n  transition: all 200ms;\n  opacity: 0.5;\n  transform: translate3d(0, -100%, 0);\n  color: black; }\n\n.inputcontainer {\n  display: block;\n  position: relative;\n  padding-left: 35px;\n  margin-bottom: 12px;\n  cursor: pointer;\n  font-size: 22px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none; }\n\n/* Hide the browser's default checkbox */\n.inputcontainer input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer; }\n\n/* Create a custom checkbox */\n.inputcheckmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 25px;\n  width: 25px;\n  background-color: #eee; }\n\n/* On mouse-over, add a grey background color */\n.inputcontainer:hover input ~ .inputcheckmark {\n  background-color: #ccc; }\n\n/* When the checkbox is checked, add a blue background */\n.inputcontainer input:checked ~ .inputcheckmark {\n  background-color: #2196F3; }\n\n/* Create the checkmark/indicator (hidden when not checked) */\n.inputcheckmark:after {\n  content: \"\";\n  position: absolute;\n  display: none; }\n\n/* Show the checkmark when checked */\n.inputcontainer input:checked ~ .inputcheckmark:after {\n  display: block; }\n\n/* Style the checkmark/indicator */\n.inputcontainer .inputcheckmark:after {\n  left: 9px;\n  top: 5px;\n  width: 5px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg); }\n"]}]}],"members":{"combodata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["combodata"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["field"]}]}],"afterchange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3},"arguments":["change"]}]}],"keyup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3},"arguments":["keyup"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":45,"character":18},{"__symbolic":"reference","name":"VernostService"}]}],"ngOnInit":[{"__symbolic":"method"}],"fillcombodata":[{"__symbolic":"method"}],"fillstaticcombodata":[{"__symbolic":"method"}],"searchData":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setAutoCompleteData":[{"__symbolic":"method"}],"setMultiSelectData":[{"__symbolic":"method"}],"removeMultiselectItem":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}],"onEditorChange":[{"__symbolic":"method"}],"writeDateValue":[{"__symbolic":"method"}],"checkdate":[{"__symbolic":"method"}],"getDay":[{"__symbolic":"method"}],"getMonth":[{"__symbolic":"method"}],"setDateValue":[{"__symbolic":"method"}],"validatechangeevent":[{"__symbolic":"method"}],"validatekeyupevent":[{"__symbolic":"method"}],"checkstatus":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-tiny-editor","template":"<textarea id=\"{{elementId}}\"></textarea>\n","styles":[""]}]}],"members":{"elementId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"onEditorContentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"vernost-search","providers":[{"__symbolic":"reference","name":"VernostService"}],"template":"<div class=\"row content\">\n  <div class=\"col-md-12\">\n    <div class=\"card search-wrapper\">\n      <h5 class=\"card-header\">\n        <div class=\"row\">\n          <div class=\"col-md-6 search-title\">\n            <span>{{searchtitle}}</span>\n          </div>\n          <div class=\"col-md-6\">\n            <button style=\"float: right;\" class=\"btn btn-primary\" (click)=\"onAddClick()\">\n              <i class=\"fa fa-plus fa-add-margin\"></i>Add New\n            </button>\n          </div>\n        </div>\n      </h5>\n      <div class=\"card-body\">\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            <div class=\"form-div\">\n              <div class=\"row\">\n                <ng-content></ng-content>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-md-12 search-buttons-wrapper\">\n                  <vernost-spinner *ngIf=\"inProgress\" [tickness]=\"5\" [size]=\"40\"></vernost-spinner>\n                  <button *ngIf=\"!inProgress\" type=\"button\" class=\"btn search-button\" (click)=\"onSearchClick()\">\n                      <i class=\"fa fa-search fa-add-margin\"></i>Search\n                  </button>\n                  <button *ngIf=\"!inProgress\" type=\"button\" class=\"btn search-clear-button\">\n                      <i class=\"fa fa-eraser fa-add-margin\"></i>Clear\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[".content {\n  padding-bottom: 36px; }\n\n.search-wrapper {\n  box-shadow: 0 2px 4px #e3e9f3; }\n\n.search-title {\n  display: flex;\n  align-items: center; }\n\n.fa-add-margin {\n  margin-right: 10px; }\n\n.form-div {\n  width: 100%;\n  padding: 0 15px; }\n\n.search-buttons-wrapper {\n  margin-top: 20px; }\n\n.search-button {\n  margin-right: 20px;\n  background-color: green;\n  color: white;\n  font-weight: bold; }\n\n.search-clear-button {\n  margin-right: 20px;\n  background-color: #CD6155;\n  color: white;\n  font-weight: bold; }\n\n.search-button-span {\n  padding: 20px; }\n"]}]}],"members":{"searchtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["searchtitle"]}]}],"searchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["searchModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VernostService"}]}],"ngOnInit":[{"__symbolic":"method"}],"showScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"onAddClick":[{"__symbolic":"method"}],"searchdata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"onSearchClick":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vernost-screen","template":"<div>\n\n  <div class=\"card screen-wrapper\">\n    <div class=\"header row\">\n      <div class=\"col-lg-7 header-title\">\n        <span class=\"screen-title\">{{screentitle}}</span>\n\n      </div>\n      <div class=\"col-lg-5 button-wrapper\">\n\n        <button *ngIf=\"actionmode=='Add' || actionmode=='Edit'\" class=\"btn back-button button-margin\" (click)=\"SaveData()\">\n          <i class=\"fa fa-telegram font-icon-button\"></i>\n          Save\n        </button>\n        <!-- <button *ngIf=\"actionmode=='Add' || actionmode=='Edit'\" class=\"btn clear-button button-margin\">\n          <i class=\"fa fa-eraser font-icon-button\"></i>\n          Reset\n        </button> -->\n        <button class=\"btn clear-button button-margin\" (click)=\"onBackClick()\">\n          <i class=\"fa fa-chevron-left font-icon-button\"></i>\n          Close\n        </button>\n      </div>\n    </div>\n\n    <div class=\"card-body\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <div class=\"form-div\">\n            <div class=\"row\">\n\n              <ng-content></ng-content>\n\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</div>","styles":[".header {\n  margin-bottom: 30px; }\n\n.header-title {\n  font-size: 24px;\n  font-weight: 600;\n  margin-top: .7rem;\n  margin-bottom: 1px;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center; }\n\n.screen-title {\n  margin-left: 20px; }\n\n.back-button {\n  margin-left: 20px;\n  background-color: green;\n  color: white;\n  font-weight: bold; }\n\n.clear-button {\n  background-color: #CD6155;\n  color: white;\n  font-weight: bold; }\n\n.font-icon-button {\n  margin-right: 10px; }\n\n.button-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end; }\n\n.button-margin {\n  margin: 20px;\n  padding-left: 50px;\n  padding-right: 50px; }\n\n.screen-wrapper {\n  box-shadow: 0 2px 4px #e3e9f3; }\n\n.form-div {\n  width: 100%;\n  padding: 0 15px; }\n"]}]}],"members":{"screentitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3},"arguments":["screentitle"]}]}],"actionmode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["actionmode"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"saveData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"onBackClick":[{"__symbolic":"method"}],"SaveData":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"vernost-list","template":"<div class=\"row content\">\n  <div class=\"col-md-12\">\n    <div class=\"card search-wrapper\">\n      <h5 class=\"card-header\">\n        <div class=\"row\">\n\n        </div>\n      </h5>\n      <div class=\"card-body\">\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            <div class=\"form-div\">\n              <div class=\"row\">\n                  <ng-content ></ng-content>\n                <!-- <mat-form-field>\n                  <input matInput (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Filter\">\n                </mat-form-field> -->\n\n                <!-- <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\"> -->\n\n                  <!-- Position Column -->\n                  <!-- <ng-container matColumnDef=\"position\">\n                    <th mat-header-cell *matHeaderCellDef> No. </th>\n                    <td mat-cell *matCellDef=\"let element\"> {{element.position}} </td>\n                  </ng-container> -->\n\n                  <!-- Name Column -->\n                  <!-- <ng-container matColumnDef=\"name\">\n                    <th mat-header-cell *matHeaderCellDef> Name </th>\n                    <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n                  </ng-container> -->\n\n                  <!-- Weight Column -->\n                  <!-- <ng-container matColumnDef=\"weight\">\n                    <th mat-header-cell *matHeaderCellDef> Weight </th>\n                    <td mat-cell *matCellDef=\"let element\"> {{element.weight}} </td>\n                  </ng-container> -->\n\n                  <!-- Symbol Column -->\n                  <!-- <ng-container matColumnDef=\"symbol\">\n                    <th mat-header-cell *matHeaderCellDef> Symbol </th>\n                    <td mat-cell *matCellDef=\"let element\"> {{element.symbol}} </td>\n                  </ng-container> -->\n\n                  <!-- <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n                </table> -->\n\n              </div>\n              <div class=\"row\">\n\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":["table {\n  width: 100%; }\n\n.mat-form-field {\n  font-size: 14px;\n  width: 100%; }\n\n.list-table-container {\n  padding: 20px;\n  overflow-x: auto; }\n\n.list-table {\n  width: 100%; }\n\n.mat-form-field {\n  font-size: 14px;\n  width: 100%; }\n\nth.mat-sort-header-sorted {\n  color: black; }\n\n.paginetor {\n  float: right;\n  width: 100%;\n  margin-top: 10px; }\n\n.mat-row:hover {\n  background-color: lightgray;\n  cursor: pointer; }\n"]}]}],"members":{"listtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["listtitle"]}]}],"listModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["listModel"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vernost-table-row","template":"\n  <ng-container matColumnDef=\"{{name}}\">\n    <th mat-header-cell *matHeaderCellDef> {{title}} </th>\n    <td mat-cell *matCellDef=\"let element\"> {{element[value]}} </td>\n  </ng-container>\n  "}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["name"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["value"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vernost-progress","template":"\n        <mat-progress-bar\n        [color]=\"color\"\n        [mode]=\"mode\"\n        [value]=\"value\"\n        [bufferValue]=\"bufferValue\">\n        </mat-progress-bar>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vernost-spinner","template":"","styles":["\n    @keyframes spin {\n      from {transform: rotate(0deg);}\n      to {transform: rotate(360deg);}\n    }\n    :host {\n      position:relative;\n      box-sizing: border-box;\n      display:inline-block;\n      padding:0px;\n      border-radius:100%;\n      border-style:solid;\n      animation: spin 0.8s linear infinite;\n    }\n    :host .margins {\n        margin: 0px 10px;\n    }\n  "]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["style.width.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["style.height.px"]}]}],"tickness":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["style.borderWidth.px"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["style.borderTopColor"]}]}],"opacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"secondColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["style.borderBottomColor"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["style.borderLeftColor"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":3},"arguments":["style.borderRightColor"]}]}],"ngOnInit":[{"__symbolic":"method"}],"hexToRgb":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":6,"character":27}],"declarations":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}],"exports":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":25},{"__symbolic":"reference","name":"ɵp"}]}]}],"members":{}},"ɵn":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":7,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵo"},"multi":true},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"vernost-date-picker","providers":[{"__symbolic":"reference","name":"ɵn"}],"template":"<div class=\"winkel-calendar\" (clickOutside)=\"closepopover()\">\n        <span *ngIf=\"!settings.rangepicker\">\n        <input type=\"hidden\" class=\"wc-input\" value=\"{{date}}\">\n        <div class=\"wc-date-container\" (click)=\"popover = !popover\">\n            <span>{{date | date: settings.format}}</span>\n        <i class=\"fa fa-calendar\"></i>\n    </div>\n    </span>\n    <div *ngIf=\"!settings.rangepicker\" class=\"wc-date-popover\" [ngClass]=\"{'banner-true': settings.bigBanner == true}\" [hidden]=\"!popover\">\n        <div class=\"wc-banner\" *ngIf=\"settings.bigBanner\">\n            <div class=\"wc-day-row\">{{date | date: 'EEEE'}}</div>\n            <div class=\"wc-date-row\">{{date | date: 'dd'}}</div>\n            <div class=\"wc-my-sec\">\n                <div class=\"wc-month-row\">\n                    <div>{{date | date: 'MMMM'}}</div>\n                </div>\n                <div class=\"wc-year-row\">\n                    <div>{{date | date: 'yyyy'}}</div>\n                </div>\n            </div>\n            <div class=\"wc-time-sec ng-scope\">\n                <div *ngIf=\"settings.timePicker\" class=\"time\" (click)=\"timeView = !timeView\">\n                    {{date | date: 'hh'}} : {{date | date: 'mm'}} {{date | date: 'a'}} <span class=\"fa fa-clock-o\"></span>\n                </div>\n            </div>\n    \n        </div>\n        <div class=\"wc-details\">\n            <i class=\"wc-prev fa fa-angle-left\" (click)=\"prevMonth($event)\"></i>\n            <div class=\"month-year\" *ngIf=\"settings.bigBanner\" (click)=\"toggleMonthView()\">{{date | date: 'MMMM'}}\n                <!-- <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\"></i>\n                                     <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\"></i> -->\n            </div>\n            <div class=\"month-year\" *ngIf=\"!settings.bigBanner\" (click)=\"toggleMonthView()\">\n                {{date | date: 'MMMM'}}\n                <!--    <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\" (click)=\"toggleMonthView()\"></i>\n                                        <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\" (click)=\"toggleMonthView()\"></i>  -->\n    \n            </div>\n            <i class=\"wc-next fa fa-angle-right\" (click)=\"nextMonth($event)\"></i>\n        </div>\n        <div class=\"year-title\">\n            <div class=\"year-dropdown\" (click)=\"generateYearList('current')\">\n                {{date | date: 'yyyy'}}\n                <i *ngIf=\"!yearView\" class=\"fa fa-angle-down\"></i>\n                <i *ngIf=\"yearView\" class=\"fa fa-angle-up\"></i>\n            </div>\n        </div>\n        <table class=\"calendar-header\" [hidden]=\"yearView == true || monthsView == true\">\n            <tr>\n                <td class=\"calendar-header-day\">Su</td>\n                <td class=\"calendar-header-day\">Mo</td>\n                <td class=\"calendar-header-day\">Tu</td>\n                <td class=\"calendar-header-day\">We</td>\n                <td class=\"calendar-header-day\">Th</td>\n                <td class=\"calendar-header-day\">Fr</td>\n                <td class=\"calendar-header-day\">Sa</td>\n            </tr>\n        </table>\n        <div class=\"months-view\" [hidden]=\"!monthsView\" (click)=\"setMonth($event)\">\n            <span *ngFor=\"let month of settings.cal_months_labels_short\" [ngClass]=\"{'current-month': month == settings.cal_months_labels_short[date?.getMonth()]}\"\n                id=\"{{month}}\">{{month}}</span>\n        </div>\n        <div class=\"years-view\" *ngIf=\"yearView\">\n            <div class=\"fa fa-angle-left prev\" (click)=\"generateYearList('prev')\"></div>\n            <div class=\"fa fa-angle-right next\" (click)=\"generateYearList('next')\"></div>\n            <div class=\"years-list-view\" (click)=\"setYear($event)\">\n                <span *ngFor=\"let year of yearsList\" [ngClass]=\"{'current-year': year == date?.getFullYear()}\" id=\"{{year}}\">{{year}}</span>\n            </div>\n        </div>\n        <div class=\"time-view\" [hidden]=\"!timeView\">\n            <i class=\"fa fa-close time-close\" (click)=\"timeView = false\"></i>\n            <div class=\"time\">\n                <div class=\"hour\">\n                    <span class=\"fa fa-plus inc-btn\" (click)=\"incHour()\"></span>\n                    <input type=\"number\" value=\"{{hourValue}}\" [(ngModel)]=\"hourValue\" autofocus/>\n                    <span class=\"fa fa-minus dec-btn\" (click)=\"decHour()\"></span>\n                </div>\n                <div class=\"time-divider\">:</div>\n                <div class=\"minutes\">\n                    <span class=\"fa fa-plus inc-btn\" (click)=\"incMinutes()\"></span>\n                    <input type=\"number\" value=\"{{minValue}}\" [(ngModel)]=\"minValue\" />\n                    <span class=\"fa fa-minus dec-btn\" (click)=\"decMinutes()\"></span>\n                </div>\n            </div>\n            <div class=\"meridian\">\n                <div class=\"cuppa-btn-group\">\n                    <button [ngClass]=\"{'active': timeViewMeridian == 'AM'}\" class=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('AM')\">AM</button>\n                    <button [ngClass]=\"{'active': timeViewMeridian == 'PM'}\" class=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('PM')\">PM</button>\n                </div>\n            </div>\n            <div class=\"time-view-btn\">\n                <button class=\"button\" (click)=\"setTimeView()\">Set Time</button>\n            </div>\n        </div>\n        <table class=\"calendar-days\" (click)=\"setDay($event);\" [hidden]=\"monthsView || yearView\">\n            <tr *ngFor=\"let week of monthDays\">\n                <td [ngClass]=\"{'calendar-day': day.day != null,'today': day == today.getDate() && date?.getMonth() == today.getMonth() && date?.getFullYear() == today.getFullYear(),'selected-day': day.day == date?.getDate()}\"\n                    *ngFor=\"let day of week\">\n                    <span [attr.data-label]=\"composeDate(day.date)\">{{day.day}}</span>\n                </td>\n    \n            </tr>\n        </table>\n        <div class=\"cal-util\">\n            <div class=\"clock-icon\" *ngIf=\"!settings.bigBanner\">\n                <i class=\"fa fa-clock-o\" aria-hidden=\"true\" (click)=\"timeView = !timeView\"></i>\n            </div>\n            <div class=\"ok\" (click)=\"done()\"><i class=\"fa fa-check\"></i>Done\n            </div>\n        </div>\n    </div>\n    <span *ngIf=\"settings.rangepicker\">\n            <input type=\"hidden\" class=\"wc-input\" value=\"{{date}}\">\n    <div class=\"range-input\" (click)=\"togglePopover()\">\n            <div class=\"wc-date-container\" >\n                <span>{{dateRange?.startDate | date: settings.format}}</span>\n    <i class=\"fa fa-arrow-circle-o-right range-direc\"></i>\n    </div>\n    <div class=\"wc-date-container to-input\">\n        <span>{{dateRange?.endDate | date: settings.format}}</span>\n        <i class=\"fa fa-calendar\"></i>\n    </div>\n    </div>\n    </span>\n    <div *ngIf=\"settings.rangepicker\" class=\"range-date-popover\" [ngClass]=\"{'banner-true': settings.bigBanner == true}\" [hidden]=\"!popover\">\n        <div class=\"range-banner\">\n            <div class=\"wc-banner-col\" *ngIf=\"settings.bigBanner\">\n                <label>FROM</label>\n                <div class=\"wc-day\">\n                    {{dateRange.startDate | date: 'dd'}}\n                </div>\n                <div class=\"wc-my\">\n                    <div class=\"wc-month\">\n                        <div>\n                            {{dateRange.startDate | date: 'MMMM'}} {{dateRange.startDate | date: 'yyyy'}}\n                        </div>\n                    </div>\n                    <div class=\"wc-year\">\n                        <span>{{dateRange.startDate | date: 'EEEE'}}</span>\n                    </div>\n                </div>\n            </div>\n            <div class=\"wc-banner-col arrow-right\" *ngIf=\"settings.bigBanner\">\n                <i class=\"fa fa-angle-right\"></i>\n            </div>\n            <div class=\"wc-banner-col\" *ngIf=\"settings.bigBanner\">\n                <label>TO</label>\n                <div class=\"wc-day\">{{dateRange.endDate | date: 'dd'}}</div>\n                <div class=\"wc-my\">\n                    <div class=\"wc-month\">\n                        <div>\n                            {{dateRange.endDate | date: 'MMMM'}} {{dateRange.endDate | date: 'yyyy'}}\n                        </div>\n                    </div>\n                    <div class=\"wc-year\">\n                        <span>{{dateRange.endDate | date: 'EEEE'}}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"dp-left-section\">\n            <div class=\"wc-details\">\n                <i class=\"wc-prev fa fa-angle-left\" (click)=\"prevMonth($event)\"></i>\n                <div class=\"month-year\" *ngIf=\"settings.bigBanner\" (click)=\"toggleMonthView()\">{{leftDate | date: 'MMMM'}}\n                    <!-- <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\"></i>\n                                     <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\"></i> -->\n                </div>\n                <div class=\"month-year\" *ngIf=\"!settings.bigBanner\" (click)=\"toggleMonthView()\">\n                    {{leftDate | date: 'MMMM'}}\n                    <!--    <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\" (click)=\"toggleMonthView()\"></i>\n                                        <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\" (click)=\"toggleMonthView()\"></i>  -->\n    \n                </div>\n                <i class=\"wc-next fa fa-angle-right\" (click)=\"nextMonth($event)\"></i>\n            </div>\n            <div class=\"year-title\">\n                <div class=\"year-dropdown\" (click)=\"generateYearList('current')\">\n                    {{leftDate | date: 'yyyy'}}\n                    <i *ngIf=\"!yearView\" class=\"fa fa-angle-down\"></i>\n                    <i *ngIf=\"yearView\" class=\"fa fa-angle-up\"></i>\n                </div>\n            </div>\n            <table class=\"calendar-header\" [hidden]=\"yearView == true || monthsView == true\">\n                <tr>\n                    <td class=\"calendar-header-day\">Su</td>\n                    <td class=\"calendar-header-day\">Mo</td>\n                    <td class=\"calendar-header-day\">Tu</td>\n                    <td class=\"calendar-header-day\">We</td>\n                    <td class=\"calendar-header-day\">Th</td>\n                    <td class=\"calendar-header-day\">Fr</td>\n                    <td class=\"calendar-header-day\">Sa</td>\n                </tr>\n            </table>\n            <div class=\"months-view\" [hidden]=\"!monthsView\" (click)=\"setMonth($event)\">\n                <span *ngFor=\"let month of settings.cal_months_labels_short\" [ngClass]=\"{'current-month': month == settings.cal_months_labels_short[dateRange.startDate?.getMonth()]}\"\n                    id=\"{{month}}\">{{month}}</span>\n            </div>\n            <div class=\"years-view\" *ngIf=\"yearView\">\n                <div class=\"fa fa-angle-left prev\" (click)=\"generateYearList('prev')\"></div>\n                <div class=\"fa fa-angle-right next\" (click)=\"generateYearList('next')\"></div>\n                <div class=\"years-list-view\" (click)=\"setYear($event)\">\n                    <span *ngFor=\"let year of yearsList\" [ngClass]=\"{'current-year': year == dateRange.startDate?.getFullYear()}\" id=\"{{year}}\">{{year}}</span>\n                </div>\n            </div>\n            <div class=\"time-view\" [hidden]=\"!timeView\">\n                <div class=\"time\">\n                    <div class=\"hour\">\n                        <span class=\"fa fa-plus inc-btn\" (click)=\"incHour()\"></span>\n                        <input type=\"number\" value=\"{{hourValue}}\" [(ngModel)]=\"hourValue\" autofocus/>\n                        <span class=\"fa fa-minus dec-btn\" (click)=\"decHour()\"></span>\n                    </div>\n                    <div class=\"time-divider\">:</div>\n                    <div class=\"minutes\">\n                        <span class=\"fa fa-plus inc-btn\" (click)=\"incMinutes()\"></span>\n                        <input type=\"number\" value=\"{{minValue}}\" [(ngModel)]=\"minValue\" />\n                        <span class=\"fa fa-minus dec-btn\" (click)=\"decMinutes()\"></span>\n                    </div>\n                </div>\n                <div class=\"meridian\">\n                    <div class=\"cuppa-btn-group\">\n                        <button [ngClass]=\"{'active': timeViewMeridian == 'AM'}\" class=\"button\" type=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('AM')\">AM</button>\n                        <button [ngClass]=\"{'active': timeViewMeridian == 'PM'}\" class=\"button\" type=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('PM')\">PM</button>\n                    </div>\n                </div>\n                <div class=\"time-view-btn\">\n                    <button class=\"button\" type=\"button\" (click)=\"setTimeView()\">Set Time</button>\n                </div>\n            </div>\n            <table class=\"calendar-days\" (click)=\"setDay($event,'range');\" [hidden]=\"monthsView || yearView\">\n                <tr *ngFor=\"let week of monthDays\">\n                    <td [ngClass]=\"{'range-highlight':highlightRange(day.date),'calendar-day': day.day != null,'today': day.day == today.getDate() && dateRange.startDate?.getMonth() == today.getMonth() && dateRange.startDate?.getFullYear() == today.getFullYear(),'selected-day': day.date.toString() == dateRange.startDate.toString() || day.date.toString() == dateRange.endDate.toString()}\"\n                        *ngFor=\"let day of week\">\n                        <span [attr.data-label]=\"composeDate(day.date)\">{{day.day}}</span>\n                    </td>\n    \n                </tr>\n            </table>\n        </div>\n    \n        <div class=\"dp-right-section\">\n            <div class=\"wc-details\">\n                <i class=\"wc-prev fa fa-angle-left\" (click)=\"prevMonth($event)\"></i>\n                <div class=\"month-year\" *ngIf=\"settings.bigBanner\" (click)=\"toggleMonthView()\">{{rightDate | date: 'MMMM'}}\n                    <!-- <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\"></i>\n                                     <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\"></i> -->\n                </div>\n                <div class=\"month-year\" *ngIf=\"!settings.bigBanner\" (click)=\"toggleMonthView()\">\n                    {{rightDate | date: 'MMMM'}}\n                    <!--    <i ng-show=\"!monthsView\" class=\"fa fa-arrow-down\" (click)=\"toggleMonthView()\"></i>\n                                        <i ng-show=\"monthsView\" class=\"fa fa-arrow-up\" (click)=\"toggleMonthView()\"></i>  -->\n    \n                </div>\n                <i class=\"wc-next fa fa-angle-right\" (click)=\"nextMonth($event)\"></i>\n            </div>\n            <div class=\"year-title\">\n                <div class=\"year-dropdown\" (click)=\"generateYearList('current')\">\n                    {{rightDate | date: 'yyyy'}}\n                    <i *ngIf=\"!yearView\" class=\"fa fa-angle-down\"></i>\n                    <i *ngIf=\"yearView\" class=\"fa fa-angle-up\"></i>\n                </div>\n            </div>\n            <table class=\"calendar-header\" [hidden]=\"yearView == true || monthsView == true\">\n                <tr>\n                    <td class=\"calendar-header-day\">Su</td>\n                    <td class=\"calendar-header-day\">Mo</td>\n                    <td class=\"calendar-header-day\">Tu</td>\n                    <td class=\"calendar-header-day\">We</td>\n                    <td class=\"calendar-header-day\">Th</td>\n                    <td class=\"calendar-header-day\">Fr</td>\n                    <td class=\"calendar-header-day\">Sa</td>\n                </tr>\n            </table>\n            <div class=\"months-view\" [hidden]=\"!monthsView\" (click)=\"setMonth($event)\">\n                <span *ngFor=\"let month of settings.cal_months_labels_short\" [ngClass]=\"{'current-month': month == settings.cal_months_labels_short[date?.getMonth()]}\"\n                    id=\"{{month}}\">{{month}}</span>\n            </div>\n            <div class=\"years-view\" *ngIf=\"yearView\">\n                <div class=\"fa fa-angle-left prev\" (click)=\"generateYearList('prev')\"></div>\n                <div class=\"fa fa-angle-right next\" (click)=\"generateYearList('next')\"></div>\n                <div class=\"years-list-view\" (click)=\"setYear($event)\">\n                    <span *ngFor=\"let year of yearsList\" [ngClass]=\"{'current-year': year == date?.getFullYear()}\" id=\"{{year}}\">{{year}}</span>\n                </div>\n            </div>\n            <div class=\"time-view\" [hidden]=\"!timeView\">\n                <div class=\"time\">\n                    <div class=\"hour\">\n                        <span class=\"fa fa-plus inc-btn\" (click)=\"incHour()\"></span>\n                        <input type=\"number\" value=\"{{hourValue}}\" [(ngModel)]=\"hourValue\" autofocus/>\n                        <span class=\"fa fa-minus dec-btn\" (click)=\"decHour()\"></span>\n                    </div>\n                    <div class=\"time-divider\">:</div>\n                    <div class=\"minutes\">\n                        <span class=\"fa fa-plus inc-btn\" (click)=\"incMinutes()\"></span>\n                        <input type=\"number\" value=\"{{minValue}}\" [(ngModel)]=\"minValue\" />\n                        <span class=\"fa fa-minus dec-btn\" (click)=\"decMinutes()\"></span>\n                    </div>\n                </div>\n                <div class=\"meridian\">\n                    <div class=\"cuppa-btn-group\">\n                        <button [ngClass]=\"{'active': timeViewMeridian == 'AM'}\" type=\"button\" class=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('AM')\">AM</button>\n                        <button [ngClass]=\"{'active': timeViewMeridian == 'PM'}\" type=\"button\" class=\"button\" ng-model=\"timeViewMeridian\" (click)=\"toggleMeridian('PM')\">PM</button>\n                    </div>\n                </div>\n                <div class=\"time-view-btn\">\n                    <button class=\"button\" (click)=\"setTimeView()\">Set Time</button>\n                </div>\n            </div>\n            <table class=\"calendar-days\" (click)=\"setDay($event,'range');\" [hidden]=\"monthsView || yearView\">\n                <tr *ngFor=\"let week of toMonthDays\">\n                    <td [ngClass]=\"{'range-highlight':highlightRange(day.date),'calendar-day': day != null,'today': day == today.getDate() && dateRange.endDate?.getMonth() == today.getMonth() && dateRange.endDate?.getFullYear() == today.getFullYear(),'selected-day': day.date.toString() == dateRange.startDate.toString() || day.date.toString() == dateRange.endDate.toString()}\"\n                        *ngFor=\"let day of week\">\n                        <span [attr.data-label]=\"composeDate(day.date)\">{{day.day}}</span>\n                    </td>\n    \n                </tr>\n            </table>\n        </div>\n        <div class=\"cal-util\">\n            <ul class=\"util-list\">\n                <li><a>Last week</a></li>\n                <li><a (click)=\"getCurrentWeek()\">Current week</a></li>\n                <li><a>Next week</a></li>\n            </ul>\n            <button class=\"button btn-xs\" type=\"button\" (click)=\"done()\"><i class=\"fa fa-check\"></i>Done</button>\n        </div>\n    </div>","styles":["@import url(\"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700\");\n* {\n  box-sizing: border-box; }\n\n#cuppaDatePickerContainer, #cuppaDatePicker {\n  width: 250px;\n  text-align: center;\n  margin: 0px auto;\n  font-family: 'Roboto','Arial',sans-serif; }\n\n.year-dropdown {\n  text-align: center; }\n\n.calendar-header {\n  color: #333;\n  background: #fff; }\n\n.wc-date-container {\n  float: left;\n  width: 100%;\n  height: 30px;\n  border: 1px solid #1565c0;\n  margin-bottom: 1px;\n  font-size: 16px;\n  padding: 5px;\n  text-align: left;\n  cursor: pointer;\n  background: #fff;\n  line-height: 20px; }\n\n.wc-date-container > span {\n  color: #1565c0; }\n\n.wc-date-container > i {\n  float: right;\n  font-size: 20px;\n  color: #1565c0; }\n\n.winkel-calendar {\n  position: relative;\n  font-family: 'Roboto','Arial',sans-serif; }\n\n.wc-date-popover {\n  font-size: 14px;\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);\n  margin: 0px auto;\n  perspective: 1000px;\n  float: left;\n  background: #fff;\n  background: #ffffff;\n  position: fixed;\n  width: 90%;\n  top: 5%;\n  left: 50%;\n  z-index: 9999999;\n  overflow: hidden;\n  height: 90%;\n  max-width: 320px;\n  transition: all .5s linear;\n  transform: translateX(-50%); }\n\n.wc-banner {\n  /* background: #3ce5ed; */\n  float: left;\n  width: 100%;\n  font-size: 54px;\n  background: #1565c0; }\n\n.wc-day-row {\n  padding: 5px 0px;\n  /*background: rgba(0, 0, 0, 0.09);*/\n  color: #ffffff;\n  width: 100%;\n  float: left;\n  font-size: 3vh;\n  text-align: center; }\n\n.wc-date-row {\n  display: inline-block;\n  font-size: 25vw;\n  color: #ffffff;\n  padding: 5px;\n  width: 50%;\n  float: left;\n  text-align: right;\n  font-weight: 200; }\n\n.wc-month-row {\n  padding: 25px 0px 0px 0px;\n  font-size: 8vw;\n  color: #ffffff;\n  width: 100%;\n  float: left; }\n\n.wc-month-row > i, .wc-year-row > i {\n  float: right;\n  font-size: 12px;\n  padding: 10px 6px;\n  cursor: pointer; }\n\n.wc-month-row > i:hover, .wc-year-row > i:hover {\n  color: rgba(255, 255, 255, 0.63); }\n\n.wc-year-row {\n  text-align: left;\n  color: #ffffff;\n  font-size: 7vw;\n  float: left;\n  width: 100%;\n  padding: 2px 0px 0px 0px; }\n\n.timepicker-true .wc-year-row {\n  font-size: 20px;\n  padding: 5px 0px 0px 12px; }\n\n.timestate > .active {\n  color: #fff; }\n\n.timestate span {\n  cursor: pointer; }\n\n.wc-my-sec {\n  display: inline-block;\n  padding: 5px 10px;\n  float: left;\n  width: 50%;\n  font-weight: 300; }\n\n.timepicker-true .wc-my-sec {\n  width: 20%; }\n\n.time i {\n  font-size: 21px;\n  display: block;\n  text-align: center;\n  cursor: pointer; }\n\n.time i:hover {\n  color: rgba(255, 255, 255, 0.65); }\n\n.time > .hour, .time > .minutes {\n  float: left;\n  width: 48%;\n  text-align: center; }\n\n.wc-month-row > div:nth-child(1), .wc-year-row > div:nth-child(1) {\n  float: left;\n  text-align: left; }\n\n.wc-time-sec {\n  color: #ffffff;\n  text-align: center;\n  padding: 0px 10px 10px;\n  float: left;\n  width: 100%; }\n\n.wc-time-sec > .time {\n  font-size: 38px;\n  font-weight: 300;\n  width: 100%;\n  text-align: center;\n  float: left; }\n\n.time-divider {\n  width: 4%;\n  float: left;\n  text-align: center;\n  padding: 0px 10px; }\n\n.time-view {\n  position: absolute;\n  background: #fff;\n  width: 100%;\n  z-index: 1;\n  top: 40px;\n  padding: 35px;\n  border-top: 1px solid #1565c0; }\n\n.time-view-btn {\n  text-align: center; }\n\n.meridian {\n  text-align: center;\n  padding: 15px 0px; }\n\n.button {\n  width: 100%;\n  padding: 10px;\n  background: #1565c0;\n  color: #fff;\n  margin: 0px auto;\n  border: 1px solid #1565c0;\n  border-radius: 3px;\n  cursor: pointer; }\n\n.button-sm {\n  width: 50%; }\n\n.time-view .time {\n  font-size: 36px;\n  width: 100%;\n  margin: 0px auto;\n  display: inline-block;\n  padding: 5px 0px 0px 0px;\n  color: #1565c0;\n  font-weight: 300; }\n\n.time-view .time-divider {\n  padding: 16px 0; }\n\n.wc-time-sec .time input, .time-view .time input {\n  display: inline-block;\n  width: 100%;\n  background: none;\n  border: none;\n  text-align: center;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 32px;\n  font-weight: 300;\n  padding: 0px 10px;\n  text-align: center;\n  color: #1565c0; }\n\n.inc-btn, .dec-btn {\n  font-size: 14px;\n  display: block;\n  color: #8e8e8e; }\n\n.wc-time-sec > .time > .timestate {\n  float: left;\n  padding: 0px 10px; }\n\n.show-time-picker .wc-date-row {\n  width: 33% !important; }\n\n.show-time-picker .wc-my-sec {\n  width: 22% !important; }\n\n.wc-month-controls > .fa:hover, .wc-year-controls > .fa:hover {\n  color: #fff; }\n\n.wc-details > .fa:hover {\n  color: #ccc; }\n\n.wc-month-controls {\n  padding: 5px;\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.71);\n  float: right; }\n\n.wc-year-controls {\n  padding: 2px 5px 0px 5px;\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.71);\n  float: right; }\n\n.wc-year-controls > .fa, .wc-month-controls > .fa {\n  cursor: pointer;\n  padding: 0px 4px; }\n\n.wc-details {\n  float: left;\n  width: 65%;\n  padding: 10px 0px 10px;\n  color: #ffffff;\n  background: #1565c0; }\n\n.banner-true > .wc-details {\n  padding: 10px 0px 10px; }\n\n.wc-prev {\n  float: left;\n  width: 25%;\n  text-align: left;\n  padding: 0px 15px;\n  cursor: pointer;\n  font-size: 35px; }\n\n.month-year {\n  float: left;\n  width: 50%;\n  font-size: 18px;\n  line-height: 35px;\n  text-align: center; }\n\n.wc-next {\n  float: right;\n  width: 25%;\n  text-align: right;\n  padding: 0px 15px;\n  cursor: pointer;\n  font-size: 35px; }\n\n.calendar-days {\n  color: #07c;\n  background: #fff; }\n\n.cal-util {\n  width: 100%;\n  float: left;\n  position: absolute;\n  bottom: 0;\n  background: #fff;\n  border-top: 1px solid #f2f2f2; }\n\n.cal-util > .ok {\n  width: 100%;\n  padding: 5px;\n  float: left;\n  color: #1565c0;\n  font-size: 18px;\n  border-top: 1px solid #d1d1d1;\n  text-align: center;\n  cursor: pointer; }\n\n.ok > i {\n  margin-right: 5px; }\n\n.cal-util > .cancel {\n  width: 50%;\n  float: left;\n  padding: 10px;\n  color: #1565c0;\n  font-size: 20px; }\n\n.cal-util > .ok:hover, .cal-util > .cancel:hover {\n  box-shadow: inset 0px 0px 20px #ccc; }\n\n.range-date-popover .cal-util {\n  padding: 10px; }\n\n.range-date-popover .cal-util .btn-xs {\n  float: right; }\n\n.btn-xs {\n  padding: 5px 10px;\n  width: auto; }\n\n.today > span {\n  border: 1px solid #1565c0;\n  background: none; }\n\n.selected-day > span {\n  /*background: #3ce5ed;*/\n  background: #1565c0;\n  color: #fff; }\n\n.calendar-days td {\n  cursor: pointer; }\n\n.calendar-day:hover > span {\n  background: #1565c0;\n  color: #fff; }\n\n.winkel-calendar table {\n  width: 100%;\n  text-align: center;\n  font-size: 18px;\n  border-collapse: collapse; }\n\n.winkel-calendar table td {\n  padding: 0px 0px;\n  width: calc((100%)/7);\n  text-align: center;\n  transition: all .1s linear; }\n\n.winkel-calendar table td span {\n  display: block;\n  padding: 7px;\n  margin: 0px;\n  line-height: 32px; }\n\n.calendar-header td {\n  padding: 5px 0px !important; }\n\n.months-view, .years-view {\n  background: #fff;\n  width: 100%;\n  top: 210px;\n  width: 100%;\n  height: calc(100% - 210px);\n  bottom: 0;\n  text-align: center; }\n\n.years-list-view {\n  float: left;\n  width: calc(100% - 60px);\n  height: 100%; }\n\n.months-view > span, .years-list-view > span {\n  display: inline-block;\n  width: 25%;\n  padding: 25px 0px;\n  cursor: pointer;\n  font-size: 16px; }\n\n.years-list-view > span {\n  width: 33.3333%; }\n\n.years-view > .prev, .years-view > .next {\n  float: left;\n  width: 30px;\n  padding: 85px 0px;\n  cursor: pointer;\n  font-size: 52px; }\n\n.years-view > .prev:hover, .years-view > .next:hover {\n  color: #ccc; }\n\n.years-view > .next {\n  float: right; }\n\n.current-month, .current-year {\n  color: #1565c0; }\n\n.years-view > span {\n  width: 33.3333%; }\n\n.months-view > span:hover, .years-list-view > span:hover {\n  color: #1565c0; }\n\n.banner-true {\n  padding-top: 0px !important; }\n\n.banner-true > .wc-banner {\n  margin-bottom: 0px !important; }\n\n.banner-true > .time-view {\n  height: calc(100% - 124px);\n  top: 142px; }\n\n.methods {\n  clear: left;\n  padding: 50px 0px;\n  text-align: center; }\n\n.month-year i {\n  cursor: pointer;\n  font-size: 10px; }\n\n.timepicker-true .wc-month-row {\n  font-size: 28px;\n  padding: 5px 0px 5px 15px; }\n\n.timepicker-true .wc-month-row > i, .wc-year-row > i {\n  padding: 8px 6px; }\n\n.timepicker-true .wc-my-sec {\n  padding: 16px 2px; }\n\n.timepicker-true .wc-time-sec {\n  width: 48%;\n  padding: 25px 0px;\n  margin: 0px;\n  cursor: pointer; }\n\n.timepicker-true .wc-time-sec:hover {\n  color: rgba(255, 255, 255, 0.65); }\n\n.timepicker-true .wc-time-sec > .time {\n  width: 75%;\n  cursor: pointer; }\n\n.timepicker-true .time i {\n  display: none; }\n\n.timepicker-true .time-divider {\n  padding: 0px; }\n\n.timepicker-true .timestate {\n  padding: 0px;\n  width: auto;\n  padding-top: 7px;\n  font-size: 20px;\n  font-weight: 300; }\n\n.year-title {\n  width: 35%;\n  float: left;\n  line-height: 55px;\n  font-size: 18px;\n  color: #ffffff;\n  background: #1565c0; }\n\n.year-title i {\n  float: right;\n  padding: 13px 10px 7px 0px;\n  font-size: 28px; }\n\n@media (min-width: 365px) and (max-width: 767px) {\n  .timepicker-true .wc-date-row {\n    width: 54%;\n    padding: 20px 5px 10px; }\n  .timepicker-true .wc-my-sec {\n    padding: 33px 2px 10px;\n    width: 46%; }\n  .timepicker-true .wc-time-sec {\n    width: 100%;\n    padding: 0px 0px 15px 0px; }\n  .timepicker-true .wc-time-sec > .time {\n    width: 35%;\n    float: none;\n    margin: 0px auto;\n    font-size: 42px; }\n  .timepicker-true .wc-month-row {\n    font-size: 42px;\n    padding: 5px 0px 5px 5px; }\n  .timepicker-true .wc-year-row {\n    font-size: 24px;\n    padding: 15px 0px 0px 5px; }\n  .timepicker-true .timestate {\n    font-size: 22px;\n    font-weight: 100; }\n  .months-view, .years-view {\n    top: 297px; }\n  .banner-true > .time-view {\n    top: 240px; }\n  .time-view .time {\n    font-size: 62px; }\n  .cuppa-btn-group {\n    font-size: 22px;\n    font-weight: 300; }\n  .angular-range-slider {\n    height: 5px;\n    margin: 20px auto 25px auto; }\n  .angular-range-slider div.handle {\n    width: 45px;\n    height: 45px;\n    top: -20px;\n    font-size: 26px; }\n  .time-view-btn {\n    padding: 25px 0px; }\n  .button-sm {\n    width: 80%;\n    padding: 10px;\n    font-size: 16px; }\n  .cuppa-btn-group > .button {\n    padding: 5px 15px !important; } }\n\n@media (min-width: 768px) {\n  .wc-date-popover {\n    width: 250px;\n    position: absolute;\n    top: 31px;\n    height: auto;\n    left: 0;\n    transform: translateX(0); }\n  .wc-day-row {\n    padding: 5px 0px;\n    font-size: 0.25em; }\n  .wc-date-row {\n    font-size: 1em;\n    padding: 5px; }\n  .wc-my-sec {\n    padding: 5px 0px; }\n  .timepicker-true .wc-my-sec {\n    padding: 15px 3px; }\n  .wc-month-row {\n    padding: 10px 0px 0px 0px;\n    font-size: 0.4em; }\n  .wc-year-row {\n    font-size: 0.3em;\n    padding: 0px; }\n  .month-year {\n    font-size: 14px;\n    line-height: 20px;\n    cursor: pointer; }\n  .wc-prev, .wc-next {\n    font-size: 18px; }\n  .wc-details {\n    padding: 10px 0px 10px; }\n  .year-title {\n    line-height: 40px;\n    font-size: 16px; }\n  .year-title i {\n    padding: 11px 10px 10px 0px;\n    font-size: 18px; }\n  .calendar-header td {\n    padding: 5px 0px !important; }\n  .winkel-calendar table {\n    font-size: 14px; }\n  .winkel-calendar table td span {\n    line-height: 24px;\n    width: 35px;\n    height: 35px; }\n  .months-view, .years-view {\n    top: 40px;\n    width: 100%;\n    height: calc(100%); }\n  .banner-true .months-view, .banner-true .years-view {\n    top: 165px;\n    height: calc(100% - 128px); }\n  .winkel-calendar table td span {\n    padding: 6px; }\n  .cal-util > .ok {\n    font-size: 14px;\n    padding: 10px; }\n  .wc-time-sec > .time {\n    font-size: 0.35em;\n    cursor: pointer; }\n  .time i {\n    font-size: 10px; }\n  .wc-time-sec > .timestate {\n    font-size: 16px; }\n  .wc-month-row > div:nth-child(1), .wc-year-row > div:nth-child(1) {\n    min-width: 35px; }\n  .wc-month-row > i, .wc-year-row > i {\n    font-size: 8px; }\n  .cal-util {\n    position: relative; }\n  .banner-true > .time-view {\n    top: 159px; }\n  .timepicker-true .wc-month-row {\n    padding: 6px 0px 0px 0px;\n    font-size: 18px; }\n  .timepicker-true .wc-year-row {\n    padding: 0px 0px 0px 0px;\n    font-size: 16px; } }\n\n.time-view h5 {\n  text-align: left;\n  width: 80%;\n  margin: 0px auto;\n  padding: 5px 0px;\n  font-weight: 400; }\n\n.cuppa-btn-group {\n  display: inline-flex; }\n\n.cuppa-btn-group > .active {\n  background: #1565c0 !important;\n  color: #fff !important; }\n\n.cuppa-btn-group > .button {\n  border: 1px solid #1565c0;\n  background: #fff;\n  border-radius: 3px;\n  float: left;\n  margin: 0px;\n  align-items: initial;\n  color: #1565c0;\n  width: auto;\n  padding: 5px 10px; }\n\n.cuppa-btn-group > .button:first-child {\n  border-top-right-radius: 0px;\n  border-bottom-right-radius: 0px;\n  border-right: 0px; }\n\n.cuppa-btn-group > .button:last-child {\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px; }\n\n/* Slider CSS*/\n.slider {\n  width: 200px;\n  height: 5px;\n  background: #ccc;\n  border-radius: 5px;\n  margin: 12px auto;\n  position: relative; }\n\n.slider > .circle {\n  width: 20px;\n  height: 20px;\n  background: #fff;\n  position: absolute;\n  top: -8px;\n  border-radius: 20px;\n  left: 60px;\n  box-shadow: 0px 0px 5px #ccc;\n  cursor: pointer; }\n\ninput[type='number'] {\n  -moz-appearance: textfield; }\n\n/* Webkit browsers like Safari and Chrome */\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0; }\n\n.range-highlight {\n  background: #f2f2f2; }\n\n.clock-icon {\n  text-align: center;\n  color: #1565c0; }\n\n.time-close {\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  cursor: pointer; }\n\n.util-list {\n  list-style: none;\n  float: left;\n  padding: 0px;\n  margin: 0px; }\n\n.util-list li {\n  float: left;\n  padding: 5px; }\n\n.util-list li a {\n  color: #007bff;\n  cursor: pointer; }\n\n.util-list li a:hover {\n  color: #14569d;\n  text-decoration: underline; }\n",".range-banner {\n  background: #ffffff;\n  width: 100%;\n  float: left;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  padding: 25px 15px 10px 15px; }\n\n.range-input {\n  display: flex;\n  flex-direction: row;\n  min-width: 275px; }\n\n.wc-date-container {\n  position: relative; }\n\n.range-direc {\n  position: absolute;\n  right: -8px;\n  background: #fff;\n  z-index: 1;\n  color: #ccc !important;\n  font-size: 16px !important;\n  top: 6px; }\n\n.to-input {\n  padding-left: 15px; }\n\n.arrow-right {\n  padding: 0px 20px; }\n\n.arrow-right .fa {\n  font-size: 2em;\n  color: #1565c0; }\n\n.wc-banner-col {\n  /*flex-grow: 1;*/\n  display: flex;\n  color: #1565c0;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: wrap;\n  position: relative; }\n\n.wc-banner-col label {\n  width: 100%;\n  text-align: left;\n  margin: 0px;\n  position: absolute;\n  top: -18px;\n  color: #888888; }\n\n.wc-day {\n  font-size: 3em;\n  font-weight: 300;\n  padding-right: 5px; }\n\n.wc-my {\n  display: flex;\n  align-items: baseline;\n  flex-direction: column; }\n\n.wc-month {\n  font-size: 1.2em;\n  margin-top: -5px;\n  color: #888888; }\n\n.wc-year {\n  font-size: 0.9em;\n  font-weight: 300;\n  margin-top: -1px;\n  color: #6e6e6e; }\n\n.dp-left-section, .dp-right-section {\n  border-top: 1px solid #fff; }\n\n.dp-left-section {\n  border-right: 1px solid #ccc; }\n\n.range-date-popover {\n  border: 1px solid #1565c0;\n  background: #fff; }\n\n@media (min-width: 768px) {\n  .range-banner .wc-banner {\n    width: 30%; }\n  .range-date-popover {\n    width: 500px;\n    position: absolute;\n    top: 31px;\n    height: auto;\n    right: 0;\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    z-index: 99999; }\n  .dp-left-section, .dp-right-section {\n    float: left;\n    width: 50%; } }\n"]}]}],"members":{"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"onDateSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"initDate":[{"__symbolic":"method"}],"initDateRange":[{"__symbolic":"method"}],"generateDays":[{"__symbolic":"method"}],"generateYearList":[{"__symbolic":"method"}],"getMonthLength":[{"__symbolic":"method"}],"toggleMonthView":[{"__symbolic":"method"}],"toggleMeridian":[{"__symbolic":"method"}],"setTimeView":[{"__symbolic":"method"}],"setDay":[{"__symbolic":"method"}],"setStartDate":[{"__symbolic":"method"}],"setEndDate":[{"__symbolic":"method"}],"highlightRange":[{"__symbolic":"method"}],"setYear":[{"__symbolic":"method"}],"setMonth":[{"__symbolic":"method"}],"prevMonth":[{"__symbolic":"method"}],"nextMonth":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"incHour":[{"__symbolic":"method"}],"decHour":[{"__symbolic":"method"}],"incMinutes":[{"__symbolic":"method"}],"decMinutes":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"togglePopover":[{"__symbolic":"method"}],"closepopover":[{"__symbolic":"method"}],"composeDate":[{"__symbolic":"method"}],"getCurrentWeek":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[clickOutside]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":37}]}],"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":5}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":12,"character":5},"arguments":["document:click",["$event","$event.target"]]}]}]}},"ɵq":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":11,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵs"},"multi":true},"ɵr":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":16,"character":13},"useExisting":{"__symbolic":"reference","name":"ɵs"},"multi":true},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"vernost-multiselect","host":{"[class]":"defaultSettings.classes","$quoted$":["[class]"]},"providers":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}],"template":"<div class=\"cuppa-dropdown\" (clickOutside)=\"closeDropdown()\">\n    <div class=\"selected-list\" #selectedList>\n        <div class=\"c-btn\" (click)=\"toggleDropdown($event)\" [ngClass]=\"{'disabled': settings.disabled}\">\n            <span *ngIf=\"selectedItems?.length == 0\">{{settings.text}}</span>\n            <span *ngIf=\"settings.singleSelection\">\n                <span *ngFor=\"let item of selectedItems;trackBy: trackByFn.bind(this);\">\n                    {{item[settings.labelKey]}}\n                </span>\n            </span>\n            <div class=\"c-list\" *ngIf=\"selectedItems?.length > 0 && !settings.singleSelection\">\n                <div class=\"c-token\" *ngFor=\"let item of selectedItems;trackBy: trackByFn.bind(this);let k = index\" [hidden]=\"k > settings.badgeShowLimit-1\">\n                    <span *ngIf=\"!badgeTempl\" class=\"c-label\">{{item[settings.labelKey]}}</span>\n                    <span *ngIf=\"badgeTempl\" class=\"c-label\">\n                        <c-templateRenderer [data]=\"badgeTempl\" [item]=\"item\"></c-templateRenderer>\n                    </span>\n                    <span class=\"c-remove\" (click)=\"onItemClick(item,k,$event)\">\n                        <svg width=\"100%\" height=\"100%\" version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 47.971 47.971\" style=\"enable-background:new 0 0 47.971 47.971;\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88\n\t\tc-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242\n\t\tC1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879\n\t\ts1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z\"/>\n</g>\n</svg>\n\n                    </span>\n                </div>\n            </div>\n            <span class=\"countplaceholder\" *ngIf=\"selectedItems?.length > settings.badgeShowLimit\">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\n            <!--            <span class=\"fa\" [ngClass]=\"{'c-angle-down': !isActive,'fa-angle-up':isActive}\"></span>\n--><span *ngIf=\"!isActive\" class=\"c-angle-down\">\n                <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t width=\"100%\" height=\"100%\" viewBox=\"0 0 612 612\" style=\"enable-background:new 0 0 612 612;\" xml:space=\"preserve\">\n<g>\n\t<g id=\"_x31_0_34_\">\n\t\t<g>\n\t\t\t<path d=\"M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782\n\t\t\t\tc-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296\n\t\t\t\tc6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z\"/>\n\t\t</g>\n\t</g>\n</g>\n</svg>\n\n            </span>\n            <span *ngIf=\"isActive\" class=\"c-angle-up\">\n                <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t width=\"100%\" height=\"100%\" viewBox=\"0 0 612 612\" style=\"enable-background:new 0 0 612 612;\" xml:space=\"preserve\">\n<g>\n\t<g id=\"_x39__30_\">\n\t\t<g>\n\t\t\t<path d=\"M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27\n\t\t\t\tL7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832\n\t\t\t\tc9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z\"/>\n\t\t</g>\n\t</g>\n</g>\n\n</svg>\n\n            </span>\n        </div>\n    </div>\n    <div [setPosition]=\"selectedListHeight?.val\" class=\"dropdown-list\" [ngClass]=\"{'dropdown-list-top': settings.position == 'top'}\"\n        [hidden]=\"!isActive\">\n        <div [ngClass]=\"{'arrow-up': settings.position == 'bottom', 'arrow-down': settings.position == 'top'}\" class=\"arrow-2\"></div>\n        <div [ngClass]=\"{'arrow-up': settings.position == 'bottom', 'arrow-down': settings.position == 'top'}\"></div>\n        <div class=\"list-area\">\n            <div class=\"pure-checkbox select-all\" *ngIf=\"settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection\"\n                (click)=\"toggleSelectAll()\">\n                <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelectAll\" [disabled]=\"settings.limitSelection == selectedItems?.length\"\n                />\n                <label>\n                <span [hidden]=\"isSelectAll\">{{settings.selectAllText}}</span>\n                <span [hidden]=\"!isSelectAll\">{{settings.unSelectAllText}}</span>\n            </label>\n            </div>\n            <div class=\"list-filter\" *ngIf=\"settings.enableSearchFilter\">\n                <span class=\"c-search\">\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t width=\"100%\" height=\"100%\" viewBox=\"0 0 615.52 615.52\" style=\"enable-background:new 0 0 615.52 615.52;\"\n\t xml:space=\"preserve\">\n<g>\n\t<g>\n\t\t<g id=\"Search__x28_and_thou_shall_find_x29_\">\n\t\t\t<g>\n\t\t\t\t<path d=\"M602.531,549.736l-184.31-185.368c26.679-37.72,42.528-83.729,42.528-133.548C460.75,103.35,357.997,0,231.258,0\n\t\t\t\t\tC104.518,0,1.765,103.35,1.765,230.82c0,127.47,102.753,230.82,229.493,230.82c49.53,0,95.271-15.944,132.78-42.777\n\t\t\t\t\tl184.31,185.366c7.482,7.521,17.292,11.291,27.102,11.291c9.812,0,19.62-3.77,27.083-11.291\n\t\t\t\t\tC617.496,589.188,617.496,564.777,602.531,549.736z M355.9,319.763l-15.042,21.273L319.7,356.174\n\t\t\t\t\tc-26.083,18.658-56.667,28.526-88.442,28.526c-84.365,0-152.995-69.035-152.995-153.88c0-84.846,68.63-153.88,152.995-153.88\n\t\t\t\t\ts152.996,69.034,152.996,153.88C384.271,262.769,374.462,293.526,355.9,319.763z\"/>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</g>\n\n</svg>\n\n                </span>\n                <input class=\"c-input\" *ngIf=\"!settings.lazyLoading && !searchTempl\" #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\"\n                    [(ngModel)]=\"filter\">\n                <input class=\"c-input\" *ngIf=\"settings.lazyLoading && !searchTempl\" #searchInput type=\"text\" [placeholder]=\"settings.searchPlaceholderText\"\n                    (keyup)=\"filterInfiniteList($event)\">\n                <c-templateRenderer *ngIf=\"searchTempl\" [data]=\"searchTempl\" [item]=\"item\"></c-templateRenderer>\n            </div>\n            <ul *ngIf=\"!settings.groupBy\" [style.maxHeight]=\"settings.maxHeight+'px'\" class=\"lazyContainer\">\n                <span *ngIf=\"itemTempl\">\n            <li *ngFor=\"let item of data | listFilter: filter : settings.searchBy; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n            <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n            <label></label>\n            <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n        </li>\n        </span>\n                <span *ngIf=\"!itemTempl && !settings.lazyLoading\">\n        <li *ngFor=\"let item of data | listFilter:filter : settings.searchBy; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n            <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n            <label>{{item[settings.labelKey]}}</label>\n        </li>\n        </span>\n                <span *ngIf=\"!itemTempl && settings.lazyLoading\">\n            <div [ngStyle]=\"{'height':totalHeight+'px'}\" style=\"position: relative;\">\n\n            \n        <li *ngFor=\"let item of chunkArray | listFilter:filter : settings.searchBy; let i = index;\" (click)=\"onItemClick(item,i,$event)\" style=\"position: absolute;width: 100%;\" class=\"pure-checkbox\" [styleProp]=\"chunkIndex[i]\">\n            <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n            <label>{{item[settings.labelKey]}}</label>\n        </li>\n        </div>\n        </span>\n            </ul>\n            <div *ngIf=\"settings.groupBy\" [style.maxHeight]=\"settings.maxHeight+'px'\" style=\"overflow: auto;\">\n                <ul *ngFor=\"let obj of groupedData ; let i = index;\" class=\"list-grp\">\n                    <h4 *ngIf=\"(obj.value | listFilter:filter : settings.searchBy ).length > 0\">{{obj.key}}</h4>\n                    <span *ngIf=\"itemTempl\">\n        <li *ngFor=\"let item of obj.value | listFilter:filter : settings.searchBy; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n            <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n            <label></label>\n            <c-templateRenderer [data]=\"itemTempl\" [item]=\"item\"></c-templateRenderer>\n        </li>\n        </span>\n                    <span *ngIf=\"!itemTempl\">\n        <li *ngFor=\"let item of obj.value | listFilter:filter : settings.searchBy; let i = index;\" (click)=\"onItemClick(item,i,$event)\" class=\"pure-checkbox\">\n            <input *ngIf=\"settings.showCheckbox\" type=\"checkbox\" [checked]=\"isSelected(item)\" [disabled]=\"settings.limitSelection == selectedItems?.length && !isSelected(item)\"/>\n            <label>{{item[settings.labelKey]}}</label>\n        </li>\n        </span>\n                </ul>\n            </div>\n            <h5 class=\"list-message\" *ngIf=\"data?.length == 0\">{{settings.noDataLabel}}</h5>\n        </div>\n    </div>\n</div>","styles":[".cuppa-dropdown {\n  position: relative;\n  width: 400px; }\n\n.c-btn {\n  display: inline-block;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-size: 14px;\n  color: #333; }\n\n.c-btn.disabled {\n  background: #ccc; }\n\n.c-btn:focus {\n  outline: none; }\n\n.selected-list .c-list {\n  float: left;\n  padding: 0px;\n  margin: 0px;\n  width: calc(100% - 20px); }\n  .selected-list .c-list .c-token {\n    list-style: none;\n    padding: 2px 8px;\n    background: #0079FE;\n    color: #fff;\n    border-radius: 2px;\n    margin-right: 4px;\n    margin-top: 2px;\n    float: left;\n    position: relative;\n    padding-right: 25px; }\n    .selected-list .c-list .c-token .c-label {\n      display: block;\n      float: left; }\n    .selected-list .c-list .c-token .c-remove {\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 10px; }\n      .selected-list .c-list .c-token .c-remove svg {\n        fill: #fff; }\n\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\n  font-size: 15pt;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-angle-down, .selected-list .c-angle-up {\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; }\n  .selected-list .c-angle-down svg, .selected-list .c-angle-up svg {\n    fill: #333; }\n\n.selected-list .countplaceholder {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-btn {\n  width: 100%;\n  box-shadow: 0px 1px 5px #959595;\n  padding: 7px;\n  cursor: pointer;\n  display: flex;\n  position: relative; }\n  .selected-list .c-btn .c-icon {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%); }\n\n.dropdown-list {\n  position: absolute;\n  padding-top: 14px;\n  width: 100%;\n  z-index: 9999; }\n  .dropdown-list ul {\n    padding: 0px;\n    list-style: none;\n    overflow: auto;\n    margin: 0px; }\n    .dropdown-list ul li {\n      padding: 10px 10px;\n      cursor: pointer;\n      text-align: left; }\n    .dropdown-list ul li:first-child {\n      padding-top: 10px; }\n    .dropdown-list ul li:last-child {\n      padding-bottom: 10px; }\n    .dropdown-list ul li:hover {\n      background: #f5f5f5; }\n  .dropdown-list ::-webkit-scrollbar {\n    width: 8px; }\n  .dropdown-list ::-webkit-scrollbar-thumb {\n    background: #cccccc;\n    border-radius: 5px; }\n  .dropdown-list ::-webkit-scrollbar-track {\n    background: #f2f2f2; }\n\n.arrow-up, .arrow-down {\n  width: 0;\n  height: 0;\n  border-left: 13px solid transparent;\n  border-right: 13px solid transparent;\n  border-bottom: 15px solid #fff;\n  margin-left: 15px;\n  position: absolute;\n  top: 0; }\n\n.arrow-down {\n  bottom: -14px;\n  top: unset;\n  transform: rotate(180deg); }\n\n.arrow-2 {\n  border-bottom: 15px solid #ccc;\n  top: -1px; }\n\n.arrow-down.arrow-2 {\n  top: unset;\n  bottom: -16px; }\n\n.list-area {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  background: #fff;\n  margin: 0px;\n  box-shadow: 0px 1px 5px #959595; }\n\n.select-all {\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n  text-align: left; }\n\n.list-filter {\n  border-bottom: 1px solid #ccc;\n  position: relative;\n  padding-left: 35px;\n  height: 35px; }\n  .list-filter input {\n    border: 0px;\n    width: 100%;\n    height: 100%;\n    padding: 0px; }\n  .list-filter input:focus {\n    outline: none; }\n  .list-filter .c-search {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    width: 15px;\n    height: 15px; }\n    .list-filter .c-search svg {\n      fill: #888; }\n\n.pure-checkbox input[type=\"checkbox\"] {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.pure-checkbox input[type=\"checkbox\"]:focus + label:before,\n.pure-checkbox input[type=\"checkbox\"]:hover + label:before {\n  border-color: #0079FE;\n  background-color: #f2f2f2; }\n\n.pure-checkbox input[type=\"checkbox\"]:active + label:before {\n  transition-duration: 0s; }\n\n.pure-checkbox input[type=\"checkbox\"] + label {\n  position: relative;\n  padding-left: 2em;\n  vertical-align: middle;\n  user-select: none;\n  cursor: pointer;\n  margin: 0px;\n  color: #000;\n  font-weight: 300; }\n\n.pure-checkbox input[type=\"checkbox\"] + label:before {\n  box-sizing: content-box;\n  content: '';\n  color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  margin-top: -9px;\n  border: 2px solid #0079FE;\n  text-align: center;\n  transition: all 0.4s ease; }\n\n.pure-checkbox input[type=\"checkbox\"] + label:after {\n  box-sizing: content-box;\n  content: '';\n  background-color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  margin-top: -5px;\n  transform: scale(0);\n  transform-origin: 50%;\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type=\"checkbox\"]:disabled + label:before {\n  border-color: #cccccc; }\n\n.pure-checkbox input[type=\"checkbox\"]:disabled:focus + label:before\n.pure-checkbox input[type=\"checkbox\"]:disabled:hover + label:before {\n  background-color: inherit; }\n\n.pure-checkbox input[type=\"checkbox\"]:disabled:checked + label:before {\n  background-color: #cccccc; }\n\n.pure-checkbox input[type=\"checkbox\"] + label:after {\n  background-color: transparent;\n  top: 50%;\n  left: 4px;\n  width: 8px;\n  height: 3px;\n  margin-top: -4px;\n  border-style: solid;\n  border-color: #ffffff;\n  border-width: 0 0 3px 3px;\n  border-image: none;\n  transform: rotate(-45deg) scale(0); }\n\n.pure-checkbox input[type=\"checkbox\"]:checked + label:after {\n  content: '';\n  transform: rotate(-45deg) scale(1);\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type=\"radio\"]:checked + label:before {\n  background-color: white; }\n\n.pure-checkbox input[type=\"radio\"]:checked + label:after {\n  transform: scale(1); }\n\n.pure-checkbox input[type=\"radio\"] + label:before {\n  border-radius: 50%; }\n\n.pure-checkbox input[type=\"checkbox\"]:checked + label:before {\n  background: #0079FE; }\n\n.pure-checkbox input[type=\"checkbox\"]:checked + label:after {\n  transform: rotate(-45deg) scale(1); }\n\n.list-message {\n  text-align: center;\n  margin: 0px;\n  padding: 15px 0px;\n  font-size: initial; }\n\n.list-grp {\n  padding: 0 15px !important; }\n\n.list-grp h4 {\n  text-transform: capitalize;\n  margin: 15px 0px 0px 0px;\n  font-size: 14px;\n  font-weight: 700; }\n\n.list-grp > li {\n  padding-left: 15px !important; }\n"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5},"arguments":["onSelect"]}]}],"onDeSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":5},"arguments":["onDeSelect"]}]}],"onSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5},"arguments":["onSelectAll"]}]}],"onDeSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5},"arguments":["onDeSelectAll"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5},"arguments":["onOpen"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":5},"arguments":["onClose"]}]}],"itemTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵu"}]}]}],"badgeTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":58,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵv"}]}]}],"searchTempl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵw"}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":5},"arguments":["searchInput"]}]}],"selectedListElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":["selectedList"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":107,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":107,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"addSelected":[{"__symbolic":"method"}],"removeSelected":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"transformData":[{"__symbolic":"method"}],"renderChunk":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"updateView":[{"__symbolic":"method"}],"filterInfiniteList":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":397,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":398,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":398,"character":28}],"declarations":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵbb"}],"exports":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵbb"}]}]}],"members":{}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"c-item","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":11,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":11,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"c-badge","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":24,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"c-search","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":37,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"selector":"c-templateRenderer","template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":53,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[clickOutside]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":37}]}],"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":5}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":12,"character":5},"arguments":["document:click",["$event","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":5},"arguments":["document:touchstart",["$event","$event.target"]]}]}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":26,"character":1},"arguments":[{"selector":"[scroll]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":37}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":36,"character":5},"arguments":["scroll",["$event"]]}]}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":41,"character":1},"arguments":[{"selector":"[styleProp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":37}]}],"styleVal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5},"arguments":["styleProp"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":62,"character":1},"arguments":[{"selector":"[setPosition]"}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5},"arguments":["setPosition"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"listFilter","pure":false}]}],"members":{"transform":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"vernost-datagrid","template":"<div class=\"cuppa-grid\">\n     <div class=\"vrow grid-main-header\">\n         <div class=\"grid-title\">\n             <c-templateRenderer *ngIf=\"heading\" [data]=\"heading\"></c-templateRenderer>\n             <span *ngIf=\"!heading\">{{config.title}}</span>\n         </div>\n         <div class=\"grid-search\">\n             <input (blur)=\"search($event)\" (keyup)=\"filter($event)\">\n            <button>Search</button>\n         </div>\n     </div>\n    <div class=\"header-row vrow\" >\n        <span *ngIf=\"columns.toArray().length == 0\">\n            <div *ngFor=\"let column of headSection;let k = index\" class=\"vcolumn\" [columnWidth]=\"headSection\" (click)=\"sortColumn(column)\" >\n                <span class=\"header-title\">{{column.title}} </span>\n                <div class=\"header-sort\" *ngIf=\"config.sort\">\n                    <i *ngIf=\"column.sorting=='desc'\" class=\"icon pe-7s-angle-up pe-lg\"></i>\n                    <i *ngIf=\"column.sorting=='asc'\" class=\"icon pe-7s-angle-down pe-lg\"></i>\n                </div>\n            </div>\n        </span>\n        <span *ngIf=\"columns\">\n            <div *ngFor=\"let column of headSection;let k = index\" class=\"vcolumn\" [columnWidth]=\"columns\" (click)=\"sortColumn(column)\" >\n                <span class=\"header-title\">{{column.title}} </span>\n                <div class=\"header-sort\" *ngIf=\"config.sort\">\n                    <i *ngIf=\"column.sorting=='desc'\" class=\"icon pe-7s-angle-up pe-lg\"></i>\n                    <i *ngIf=\"column.sorting=='asc'\" class=\"icon pe-7s-angle-down pe-lg\"></i>\n                </div>\n            </div>\n        </span>\n        </div>\n    <div class=\"container\">\n        <div style=\"position:absolute;top:0;left:0;opacity:0;width:1px;\" [setContainerHeight]=\"totalHeight\"></div>\n        <div *ngFor=\"let row of chunkArray;let i = index\" class=\"vrow\" style=\"position: absolute;\" [ngStyle]=\"{'height': config.itemHeight+'px'}\" [styleProp]=\"chunkIndex[i]\" (click)=\"onRowClick(row)\">\n            <span *ngIf=\"columns.toArray().length == 0\">\n            <div *ngFor=\"let obj of row | keys\" class=\"vcolumn\" [columnWidth]=\"headSection\">\n                {{obj.value}}\n\n            </div>\n            </span>\n            <span *ngIf=\"columns\">\n            <div *ngFor=\"let col of columns\" class=\"vcolumn\" [ngStyle]=\"{'height': config.itemHeight+'px'}\" [columnWidth]=\"columns\" [ngStyle]=\"{'width': (columns.length/3)+'px'}\">\n                <c-columnTemplateRenderer *ngIf=\"col.template\" [data]=\"col\" [rowData]=\"row\"></c-columnTemplateRenderer>\n                <span *ngIf=\"!col.template\">{{getColumnData(row, col.field)}}</span>\n            </div>\n            </span>\n        </div>\n    </div>\n    <div class=\"grid-footer\">\n        <label>Total Rows:</label> <span>{{totalRows}}</span>\n    </div>\n</div>\n\n","styles":["* {\n  box-sizing: border-box; }\n\n.cuppa-grid {\n  background: #f7f7f7;\n  border: 2px solid #d9dadf;\n  font-family: 'Arial',sans-serif;\n  font-size: 14px;\n  width: 100%;\n  margin: 0px auto; }\n\n.container {\n  width: calc(100% - 1px);\n  height: 310px;\n  overflow: auto;\n  position: relative;\n  padding: 0px;\n  background: #fff;\n  border-top: 1px solid #888; }\n\n.scroller {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 300px; }\n\n.vrow {\n  width: 100%;\n  border-bottom: 1px solid #e4e4e4;\n  height: 31px;\n  cursor: pointer;\n  transition: all .1s linear; }\n\n.cuppa-grid > .container > .vrow:hover {\n  background: rgba(25, 118, 210, 0.31); }\n\n.vcolumn {\n  display: inline-block;\n  padding: 8px;\n  border-right: 1px solid #e4e4e4; }\n\n.vrow > .vcolumn:last-child {\n  border-right: 0px; }\n\n.header-row > .vcolumn {\n  cursor: pointer; }\n\n.header-row > .vcolumn:hover {\n  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.21); }\n\n.cuppa-grid {\n  position: relative; }\n\n.header-row {\n  width: calc(100% - 10px);\n  background: #f7f7f7;\n  border-bottom: 0px;\n  color: #000;\n  text-transform: capitalize;\n  font-weight: bold; }\n\n::-webkit-scrollbar {\n  width: 10px; }\n\n::-webkit-scrollbar-track {\n  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n  border-radius: 0px;\n  background: #f5f5f5; }\n\n::-webkit-scrollbar-thumb {\n  border-radius: 0px;\n  background: #ccc; }\n\n.description {\n  text-align: center; }\n\n.header-title {\n  float: left; }\n\n.header-sort {\n  position: relative;\n  float: right;\n  width: 30px;\n  height: 15px; }\n\n.icon {\n  cursor: pointer;\n  position: absolute;\n  font-size: 23px;\n  top: -2px; }\n\n.grid-main-header {\n  background: #d9dadf;\n  height: 40px;\n  padding: 6px; }\n\n.grid-search {\n  display: inline-block;\n  float: right; }\n\n.grid-search > input {\n  border-color: transparent;\n  height: 25px;\n  border-radius: 3px;\n  border-top-right-radius: 0px;\n  border-bottom-right-radius: 0px;\n  float: left; }\n\n.grid-search > button {\n  display: inline-block;\n  padding: 0px 6px;\n  background: #144c98;\n  border: none;\n  height: 25px;\n  float: left;\n  color: #fff;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px; }\n\n.grid-title {\n  float: left;\n  line-height: 27px;\n  color: #969292;\n  font-weight: bold;\n  font-size: 16px; }\n\n.grid-footer {\n  padding: 5px 5px 0px 5px;\n  background: #f1f1f1;\n  border-top: 1px solid #ccc; }\n","@font-face {\n  font-family: 'Pe-icon-7-stroke';\n  src: url(\"./fonts/Pe-icon-7-stroke.eot?d7yf1v\");\n  src: url(\"./fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v\") format(\"embedded-opentype\"), url(\"./fonts/Pe-icon-7-stroke.woff?d7yf1v\") format(\"woff\"), url(\"./fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n[class^=\"pe-7s-\"], [class*=\" pe-7s-\"] {\n  display: inline-block;\n  font-family: 'Pe-icon-7-stroke';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n.pe-7s-album:before {\n  content: \"\\e6aa\"; }\n\n.pe-7s-arc:before {\n  content: \"\\e6ab\"; }\n\n.pe-7s-back-2:before {\n  content: \"\\e6ac\"; }\n\n.pe-7s-bandaid:before {\n  content: \"\\e6ad\"; }\n\n.pe-7s-car:before {\n  content: \"\\e6ae\"; }\n\n.pe-7s-diamond:before {\n  content: \"\\e6af\"; }\n\n.pe-7s-door-lock:before {\n  content: \"\\e6b0\"; }\n\n.pe-7s-eyedropper:before {\n  content: \"\\e6b1\"; }\n\n.pe-7s-female:before {\n  content: \"\\e6b2\"; }\n\n.pe-7s-gym:before {\n  content: \"\\e6b3\"; }\n\n.pe-7s-hammer:before {\n  content: \"\\e6b4\"; }\n\n.pe-7s-headphones:before {\n  content: \"\\e6b5\"; }\n\n.pe-7s-helm:before {\n  content: \"\\e6b6\"; }\n\n.pe-7s-hourglass:before {\n  content: \"\\e6b7\"; }\n\n.pe-7s-leaf:before {\n  content: \"\\e6b8\"; }\n\n.pe-7s-magic-wand:before {\n  content: \"\\e6b9\"; }\n\n.pe-7s-male:before {\n  content: \"\\e6ba\"; }\n\n.pe-7s-map-2:before {\n  content: \"\\e6bb\"; }\n\n.pe-7s-next-2:before {\n  content: \"\\e6bc\"; }\n\n.pe-7s-paint-bucket:before {\n  content: \"\\e6bd\"; }\n\n.pe-7s-pendrive:before {\n  content: \"\\e6be\"; }\n\n.pe-7s-photo:before {\n  content: \"\\e6bf\"; }\n\n.pe-7s-piggy:before {\n  content: \"\\e6c0\"; }\n\n.pe-7s-plugin:before {\n  content: \"\\e6c1\"; }\n\n.pe-7s-refresh-2:before {\n  content: \"\\e6c2\"; }\n\n.pe-7s-rocket:before {\n  content: \"\\e6c3\"; }\n\n.pe-7s-settings:before {\n  content: \"\\e6c4\"; }\n\n.pe-7s-shield:before {\n  content: \"\\e6c5\"; }\n\n.pe-7s-smile:before {\n  content: \"\\e6c6\"; }\n\n.pe-7s-usb:before {\n  content: \"\\e6c7\"; }\n\n.pe-7s-vector:before {\n  content: \"\\e6c8\"; }\n\n.pe-7s-wine:before {\n  content: \"\\e6c9\"; }\n\n.pe-7s-cloud-upload:before {\n  content: \"\\e68a\"; }\n\n.pe-7s-cash:before {\n  content: \"\\e68c\"; }\n\n.pe-7s-close:before {\n  content: \"\\e680\"; }\n\n.pe-7s-bluetooth:before {\n  content: \"\\e68d\"; }\n\n.pe-7s-cloud-download:before {\n  content: \"\\e68b\"; }\n\n.pe-7s-way:before {\n  content: \"\\e68e\"; }\n\n.pe-7s-close-circle:before {\n  content: \"\\e681\"; }\n\n.pe-7s-id:before {\n  content: \"\\e68f\"; }\n\n.pe-7s-angle-up:before {\n  content: \"\\e682\"; }\n\n.pe-7s-wristwatch:before {\n  content: \"\\e690\"; }\n\n.pe-7s-angle-up-circle:before {\n  content: \"\\e683\"; }\n\n.pe-7s-world:before {\n  content: \"\\e691\"; }\n\n.pe-7s-angle-right:before {\n  content: \"\\e684\"; }\n\n.pe-7s-volume:before {\n  content: \"\\e692\"; }\n\n.pe-7s-angle-right-circle:before {\n  content: \"\\e685\"; }\n\n.pe-7s-users:before {\n  content: \"\\e693\"; }\n\n.pe-7s-angle-left:before {\n  content: \"\\e686\"; }\n\n.pe-7s-user-female:before {\n  content: \"\\e694\"; }\n\n.pe-7s-angle-left-circle:before {\n  content: \"\\e687\"; }\n\n.pe-7s-up-arrow:before {\n  content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABDSURBVDhPYxgFtAd6UEwWkAHix1AMYpMEuID4EhD/h2IQGyRGFGAG4o1ADNMMwyAxkBxBMA2I0TXDMEhuFAwywMAAAMAZEpukrzSEAAAAAElFTkSuQmCC\"); }\n\n.pe-7s-angle-down:before {\n  content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAvSURBVDhPYxgFgxTwA3EoDgySIwo0APF/NAwSIwkgG0KyZhgAaSRb8yigD2BgAAAmYQsXOqrpMAAAAABJRU5ErkJggg==\"); }\n\n.pe-7s-switch:before {\n  content: \"\\e696\"; }\n\n.pe-7s-angle-down-circle:before {\n  content: \"\\e689\"; }\n\n.pe-7s-scissors:before {\n  content: \"\\e697\"; }\n\n.pe-7s-wallet:before {\n  content: \"\\e600\"; }\n\n.pe-7s-safe:before {\n  content: \"\\e698\"; }\n\n.pe-7s-volume2:before {\n  content: \"\\e601\"; }\n\n.pe-7s-volume1:before {\n  content: \"\\e602\"; }\n\n.pe-7s-voicemail:before {\n  content: \"\\e603\"; }\n\n.pe-7s-video:before {\n  content: \"\\e604\"; }\n\n.pe-7s-user:before {\n  content: \"\\e605\"; }\n\n.pe-7s-upload:before {\n  content: \"\\e606\"; }\n\n.pe-7s-unlock:before {\n  content: \"\\e607\"; }\n\n.pe-7s-umbrella:before {\n  content: \"\\e608\"; }\n\n.pe-7s-trash:before {\n  content: \"\\e609\"; }\n\n.pe-7s-tools:before {\n  content: \"\\e60a\"; }\n\n.pe-7s-timer:before {\n  content: \"\\e60b\"; }\n\n.pe-7s-ticket:before {\n  content: \"\\e60c\"; }\n\n.pe-7s-target:before {\n  content: \"\\e60d\"; }\n\n.pe-7s-sun:before {\n  content: \"\\e60e\"; }\n\n.pe-7s-study:before {\n  content: \"\\e60f\"; }\n\n.pe-7s-stopwatch:before {\n  content: \"\\e610\"; }\n\n.pe-7s-star:before {\n  content: \"\\e611\"; }\n\n.pe-7s-speaker:before {\n  content: \"\\e612\"; }\n\n.pe-7s-signal:before {\n  content: \"\\e613\"; }\n\n.pe-7s-shuffle:before {\n  content: \"\\e614\"; }\n\n.pe-7s-shopbag:before {\n  content: \"\\e615\"; }\n\n.pe-7s-share:before {\n  content: \"\\e616\"; }\n\n.pe-7s-server:before {\n  content: \"\\e617\"; }\n\n.pe-7s-search:before {\n  content: \"\\e618\"; }\n\n.pe-7s-film:before {\n  content: \"\\e6a5\"; }\n\n.pe-7s-science:before {\n  content: \"\\e619\"; }\n\n.pe-7s-disk:before {\n  content: \"\\e6a6\"; }\n\n.pe-7s-ribbon:before {\n  content: \"\\e61a\"; }\n\n.pe-7s-repeat:before {\n  content: \"\\e61b\"; }\n\n.pe-7s-refresh:before {\n  content: \"\\e61c\"; }\n\n.pe-7s-add-user:before {\n  content: \"\\e6a9\"; }\n\n.pe-7s-refresh-cloud:before {\n  content: \"\\e61d\"; }\n\n.pe-7s-paperclip:before {\n  content: \"\\e69c\"; }\n\n.pe-7s-radio:before {\n  content: \"\\e61e\"; }\n\n.pe-7s-note2:before {\n  content: \"\\e69d\"; }\n\n.pe-7s-print:before {\n  content: \"\\e61f\"; }\n\n.pe-7s-network:before {\n  content: \"\\e69e\"; }\n\n.pe-7s-prev:before {\n  content: \"\\e620\"; }\n\n.pe-7s-mute:before {\n  content: \"\\e69f\"; }\n\n.pe-7s-power:before {\n  content: \"\\e621\"; }\n\n.pe-7s-medal:before {\n  content: \"\\e6a0\"; }\n\n.pe-7s-portfolio:before {\n  content: \"\\e622\"; }\n\n.pe-7s-like2:before {\n  content: \"\\e6a1\"; }\n\n.pe-7s-plus:before {\n  content: \"\\e623\"; }\n\n.pe-7s-left-arrow:before {\n  content: \"\\e6a2\"; }\n\n.pe-7s-play:before {\n  content: \"\\e624\"; }\n\n.pe-7s-key:before {\n  content: \"\\e6a3\"; }\n\n.pe-7s-plane:before {\n  content: \"\\e625\"; }\n\n.pe-7s-joy:before {\n  content: \"\\e6a4\"; }\n\n.pe-7s-photo-gallery:before {\n  content: \"\\e626\"; }\n\n.pe-7s-pin:before {\n  content: \"\\e69b\"; }\n\n.pe-7s-phone:before {\n  content: \"\\e627\"; }\n\n.pe-7s-plug:before {\n  content: \"\\e69a\"; }\n\n.pe-7s-pen:before {\n  content: \"\\e628\"; }\n\n.pe-7s-right-arrow:before {\n  content: \"\\e699\"; }\n\n.pe-7s-paper-plane:before {\n  content: \"\\e629\"; }\n\n.pe-7s-delete-user:before {\n  content: \"\\e6a7\"; }\n\n.pe-7s-paint:before {\n  content: \"\\e62a\"; }\n\n.pe-7s-bottom-arrow:before {\n  content: \"\\e6a8\"; }\n\n.pe-7s-notebook:before {\n  content: \"\\e62b\"; }\n\n.pe-7s-note:before {\n  content: \"\\e62c\"; }\n\n.pe-7s-next:before {\n  content: \"\\e62d\"; }\n\n.pe-7s-news-paper:before {\n  content: \"\\e62e\"; }\n\n.pe-7s-musiclist:before {\n  content: \"\\e62f\"; }\n\n.pe-7s-music:before {\n  content: \"\\e630\"; }\n\n.pe-7s-mouse:before {\n  content: \"\\e631\"; }\n\n.pe-7s-more:before {\n  content: \"\\e632\"; }\n\n.pe-7s-moon:before {\n  content: \"\\e633\"; }\n\n.pe-7s-monitor:before {\n  content: \"\\e634\"; }\n\n.pe-7s-micro:before {\n  content: \"\\e635\"; }\n\n.pe-7s-menu:before {\n  content: \"\\e636\"; }\n\n.pe-7s-map:before {\n  content: \"\\e637\"; }\n\n.pe-7s-map-marker:before {\n  content: \"\\e638\"; }\n\n.pe-7s-mail:before {\n  content: \"\\e639\"; }\n\n.pe-7s-mail-open:before {\n  content: \"\\e63a\"; }\n\n.pe-7s-mail-open-file:before {\n  content: \"\\e63b\"; }\n\n.pe-7s-magnet:before {\n  content: \"\\e63c\"; }\n\n.pe-7s-loop:before {\n  content: \"\\e63d\"; }\n\n.pe-7s-look:before {\n  content: \"\\e63e\"; }\n\n.pe-7s-lock:before {\n  content: \"\\e63f\"; }\n\n.pe-7s-lintern:before {\n  content: \"\\e640\"; }\n\n.pe-7s-link:before {\n  content: \"\\e641\"; }\n\n.pe-7s-like:before {\n  content: \"\\e642\"; }\n\n.pe-7s-light:before {\n  content: \"\\e643\"; }\n\n.pe-7s-less:before {\n  content: \"\\e644\"; }\n\n.pe-7s-keypad:before {\n  content: \"\\e645\"; }\n\n.pe-7s-junk:before {\n  content: \"\\e646\"; }\n\n.pe-7s-info:before {\n  content: \"\\e647\"; }\n\n.pe-7s-home:before {\n  content: \"\\e648\"; }\n\n.pe-7s-help2:before {\n  content: \"\\e649\"; }\n\n.pe-7s-help1:before {\n  content: \"\\e64a\"; }\n\n.pe-7s-graph3:before {\n  content: \"\\e64b\"; }\n\n.pe-7s-graph2:before {\n  content: \"\\e64c\"; }\n\n.pe-7s-graph1:before {\n  content: \"\\e64d\"; }\n\n.pe-7s-graph:before {\n  content: \"\\e64e\"; }\n\n.pe-7s-global:before {\n  content: \"\\e64f\"; }\n\n.pe-7s-gleam:before {\n  content: \"\\e650\"; }\n\n.pe-7s-glasses:before {\n  content: \"\\e651\"; }\n\n.pe-7s-gift:before {\n  content: \"\\e652\"; }\n\n.pe-7s-folder:before {\n  content: \"\\e653\"; }\n\n.pe-7s-flag:before {\n  content: \"\\e654\"; }\n\n.pe-7s-filter:before {\n  content: \"\\e655\"; }\n\n.pe-7s-file:before {\n  content: \"\\e656\"; }\n\n.pe-7s-expand1:before {\n  content: \"\\e657\"; }\n\n.pe-7s-exapnd2:before {\n  content: \"\\e658\"; }\n\n.pe-7s-edit:before {\n  content: \"\\e659\"; }\n\n.pe-7s-drop:before {\n  content: \"\\e65a\"; }\n\n.pe-7s-drawer:before {\n  content: \"\\e65b\"; }\n\n.pe-7s-download:before {\n  content: \"\\e65c\"; }\n\n.pe-7s-display2:before {\n  content: \"\\e65d\"; }\n\n.pe-7s-display1:before {\n  content: \"\\e65e\"; }\n\n.pe-7s-diskette:before {\n  content: \"\\e65f\"; }\n\n.pe-7s-date:before {\n  content: \"\\e660\"; }\n\n.pe-7s-cup:before {\n  content: \"\\e661\"; }\n\n.pe-7s-culture:before {\n  content: \"\\e662\"; }\n\n.pe-7s-crop:before {\n  content: \"\\e663\"; }\n\n.pe-7s-credit:before {\n  content: \"\\e664\"; }\n\n.pe-7s-copy-file:before {\n  content: \"\\e665\"; }\n\n.pe-7s-config:before {\n  content: \"\\e666\"; }\n\n.pe-7s-compass:before {\n  content: \"\\e667\"; }\n\n.pe-7s-comment:before {\n  content: \"\\e668\"; }\n\n.pe-7s-coffee:before {\n  content: \"\\e669\"; }\n\n.pe-7s-cloud:before {\n  content: \"\\e66a\"; }\n\n.pe-7s-clock:before {\n  content: \"\\e66b\"; }\n\n.pe-7s-check:before {\n  content: \"\\e66c\"; }\n\n.pe-7s-chat:before {\n  content: \"\\e66d\"; }\n\n.pe-7s-cart:before {\n  content: \"\\e66e\"; }\n\n.pe-7s-camera:before {\n  content: \"\\e66f\"; }\n\n.pe-7s-call:before {\n  content: \"\\e670\"; }\n\n.pe-7s-calculator:before {\n  content: \"\\e671\"; }\n\n.pe-7s-browser:before {\n  content: \"\\e672\"; }\n\n.pe-7s-box2:before {\n  content: \"\\e673\"; }\n\n.pe-7s-box1:before {\n  content: \"\\e674\"; }\n\n.pe-7s-bookmarks:before {\n  content: \"\\e675\"; }\n\n.pe-7s-bicycle:before {\n  content: \"\\e676\"; }\n\n.pe-7s-bell:before {\n  content: \"\\e677\"; }\n\n.pe-7s-battery:before {\n  content: \"\\e678\"; }\n\n.pe-7s-ball:before {\n  content: \"\\e679\"; }\n\n.pe-7s-back:before {\n  content: \"\\e67a\"; }\n\n.pe-7s-attention:before {\n  content: \"\\e67b\"; }\n\n.pe-7s-anchor:before {\n  content: \"\\e67c\"; }\n\n.pe-7s-albums:before {\n  content: \"\\e67d\"; }\n\n.pe-7s-alarm:before {\n  content: \"\\e67e\"; }\n\n.pe-7s-airplay:before {\n  content: \"\\e67f\"; }\n"]}]}],"members":{"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"rowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5},"arguments":["onRowSelect"]}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbg"}]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":22,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbf"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":38},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":45,"character":69}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"generateHeadArray":[{"__symbolic":"method"}],"changeData":[{"__symbolic":"method"}],"getHeightVal":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"updateView":[{"__symbolic":"method"}],"_renderChunk":[{"__symbolic":"method"}],"createScroller":[{"__symbolic":"method"}],"sortColumn":[{"__symbolic":"method"}],"mergeSort":[{"__symbolic":"method"}],"merge":[{"__symbolic":"method"}],"compare":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"onRowClick":[{"__symbolic":"method"}],"getColumnData":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":255,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":256,"character":18}],"declarations":[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"}],"exports":[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"}]}]}],"members":{}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"c-column","template":""}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":16,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"c-heading","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":29,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":29,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"c-templateRenderer","template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":49,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":62,"character":1},"arguments":[{"selector":"c-columnTemplateRenderer","template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"rowData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":49,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"keys"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[styleProp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":26}]}],"styleVal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["styleProp"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[columnWidth]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":26}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["columnWidth"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[setContainerHeight]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":26}]}],"containerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3},"arguments":["setContainerHeight"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"VernostService":"./src/services/app.service","VernostLibModule":"./src/modules/vernost.lib.module","ɵa":"./src/toggle/DropdownNotClosableZone","ɵb":"./src/toggle/dropdown.directive","ɵc":"./src/toggle/DropdownOpen","ɵd":"./src/components/vernost-list/vernost-table","ɵe":"./src/components/model-input/model-input.component","ɵf":"./src/components/tiny-editor/tiny-editor.component","ɵg":"./src/components/vernost-search/vernost-search","ɵh":"./src/components/vernost-screen/vernost-screen","ɵi":"./src/components/vernost-list/vernost-list","ɵj":"./src/components/vernost-list/vernost-table.row","ɵk":"./src/components/vernost-progressbar/vernost-progressbar","ɵl":"./src/components/vernost-spinner/vernost-spinner","ɵm":"./src/components/daterange/datepicker.module","ɵn":"./src/components/daterange/datepicker.component","ɵo":"./src/components/daterange/datepicker.component","ɵp":"./src/components/daterange/clickOutside","ɵq":"./src/components/multiselection/multiselect.component","ɵr":"./src/components/multiselection/multiselect.component","ɵs":"./src/components/multiselection/multiselect.component","ɵt":"./src/components/multiselection/multiselect.component","ɵu":"./src/components/multiselection/menu-item","ɵv":"./src/components/multiselection/menu-item","ɵw":"./src/components/multiselection/menu-item","ɵx":"./src/components/multiselection/menu-item","ɵy":"./src/components/multiselection/clickOutside","ɵz":"./src/components/multiselection/clickOutside","ɵba":"./src/components/multiselection/clickOutside","ɵbb":"./src/components/multiselection/clickOutside","ɵbc":"./src/components/multiselection/list-filter","ɵbd":"./src/components/vernost-data-grid/angular-dataGrid","ɵbe":"./src/components/vernost-data-grid/angular-dataGrid","ɵbf":"./src/components/vernost-data-grid/column","ɵbg":"./src/components/vernost-data-grid/column","ɵbh":"./src/components/vernost-data-grid/column","ɵbi":"./src/components/vernost-data-grid/column","ɵbj":"./src/components/vernost-data-grid/keypipe","ɵbk":"./src/components/vernost-data-grid/dataGrid-directive","ɵbl":"./src/components/vernost-data-grid/dataGrid-directive","ɵbm":"./src/components/vernost-data-grid/dataGrid-directive"},"importAs":"angular-library-starter"}