{"__symbolic":"module","version":4,"exports":[{"from":"./lib/components/search-result-grid/exportOption"},{"from":"./lib/components/search-result-grid/constants"},{"from":"./lib/components/search-result-grid/dto/attachmentMetadata"},{"from":"./lib/components/search-result-grid/dto/workItemAttachmentData"},{"from":"./lib/components/search-result-grid/columnSettings"}],"metadata":{"CapSharedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":25,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":26,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":28,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":30,"character":15}]},"isolate":false}]},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":35,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":36,"character":4},"member":"forRoot"}}],"declarations":[[{"__symbolic":"reference","name":"OrderbyPipe"},{"__symbolic":"reference","name":"TranslateBackendLabelPipe"}],{"__symbolic":"reference","name":"DragDropDirective"}],"exports":[[{"__symbolic":"reference","name":"OrderbyPipe"},{"__symbolic":"reference","name":"TranslateBackendLabelPipe"}],{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":39,"character":27}],"providers":[{"__symbolic":"reference","name":"SyncFileLoadingService"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":40,"character":38},{"__symbolic":"reference","name":"SnackBarService"}]}]}],"members":{}},"HttpLoaderFactory":{"__symbolic":"function","parameters":["httpClient"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":45,"character":13},"arguments":[{"__symbolic":"reference","name":"httpClient"},"/assets/i18n/",".json"]}},"HelpComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"lib-help","template":"<div class=\"row help-header\"></div>\r\n<div class=\"row\">\r\n  <div class=\"col-md-12 text-center help-search\">\r\n    <em class=\"fa fa-close help-close\" (click)=\"hideHelpPopup()\"></em>\r\n    <form>\r\n      <input\r\n        type=\"text\"\r\n        [(ngModel)]=\"search\"\r\n        id=\"HelpSearch\"\r\n        name=\"txtHelpSearch\"\r\n        class=\"col-md-4\"\r\n        (keyup)=\"setAndSearch($event)\"\r\n      />\r\n      <button id=\"btnHelpSearch\" (click)=\"searchContent()\">\r\n        {{ 'libShr.search' | translate }}\r\n      </button>\r\n    </form>\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col-md-12 text-center faq-header\">\r\n    <h4>{{ 'libShr.faq' | translate }}</h4>\r\n  </div>\r\n</div>\r\n<div class=\"row help-item\" [ngStyle]=\"{ height: helpItemHeight + 'px' }\">\r\n  <div class=\"col-md-4\">\r\n    <div class=\"help-topic\">\r\n      <ul>\r\n        <li\r\n          *ngFor=\"let item of helpContent; let itemIndex = index\"\r\n          (click)=\"showContent(itemIndex)\"\r\n          id=\"help-topic{{ itemIndex }}\"\r\n        >\r\n          <p\r\n            [innerHTML]=\"item.topic\"\r\n            [ngClass]=\"selectedTopic == itemIndex ? 'topic-selected' : 'topic-notselected'\"\r\n          ></p>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n  <div\r\n    id=\"helpPanelContent\"\r\n    class=\"col-md-7 help-content-box\"\r\n    style=\"overflow-y: auto; height: calc(100vh - 250px);\"\r\n  >\r\n    <div\r\n      *ngFor=\"let item of helpContent; let itemIndex = index\"\r\n      class=\"help-content\"\r\n      id=\"help-content{{ itemIndex }}\"\r\n    >\r\n      <strong id=\"header{{ itemIndex }}\" [innerHTML]=\"item.topic\"></strong>\r\n      <kendo-panelbar>\r\n        <kendo-panelbar-item\r\n          [title]=\"null\"\r\n          *ngFor=\"let helpItem of item.data; let contentIndex = index\"\r\n        >\r\n          <ng-template kendoPanelBarItemTitle>\r\n            <span class=\"item-title help-item-selected\" [innerHTML]=\"helpItem.title\"></span>\r\n          </ng-template>\r\n          <ng-template kendoPanelBarContent>\r\n            <div [class]=\"'custom-template'\">\r\n              <p\r\n                id=\"desc{{ itemIndex + '' + contentIndex }}\"\r\n                [innerHTML]=\"helpItem.description\"\r\n              ></p>\r\n              <div\r\n                id=\"detail{{ itemIndex + '' + contentIndex }}\"\r\n                [innerHTML]=\"helpItem.content\"\r\n              ></div>\r\n            </div>\r\n          </ng-template>\r\n        </kendo-panelbar-item>\r\n      </kendo-panelbar>\r\n    </div>\r\n    <div></div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"help":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":29,"character":32},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":30,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"bindHelpData":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"setAndSearch":[{"__symbolic":"method"}],"matchText":[{"__symbolic":"method"}],"replaceText":[{"__symbolic":"method"}],"bindContent":[{"__symbolic":"method"}],"hideHelpPopup":[{"__symbolic":"method"}],"scrollToPosition":[{"__symbolic":"method"}],"searchContent":[{"__symbolic":"method"}]}},"CapHelpModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HelpComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":16,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":18,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":15}]},"isolate":false}]},{"__symbolic":"reference","module":"@progress/kendo-angular-layout","name":"PanelBarModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":25,"character":4},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"HelpComponent"}]}]}],"members":{}},"KendoGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-kendo-grid","template":"<kendo-grid\r\n  [ngStyle]=\"setStyles()\"\r\n  [data]=\"dataSource\"\r\n  [resizable]=\"true\"\r\n  (pageChange)=\"pageChange($event)\"\r\n  [scrollable]=\"'scrollable'\"\r\n  [height]=\"height\"\r\n  [columnMenu]=\"{ filter: true }\"\r\n  [selectable]=\"true\"\r\n  [resizable]=\"true\"\r\n  [pageSize]=\"pageSize\"\r\n  [skip]=\"skip\"\r\n  [selectable]=\"true\"\r\n  [pageable]=\"true\"\r\n  [sortable]=\"{ mode: 'multiple' }\"\r\n  (selectionChange)=\"onSelect($event)\"\r\n>\r\n  <ng-template kendoGridToolbarTemplate>\r\n    <button kendoGridExcelCommand type=\"button\" icon=\"file-excel\" class=\"export-excel-button\">\r\n      {{ 'libShr.exportToExcel' | translate }}\r\n    </button>\r\n  </ng-template>\r\n  <ng-template kendoGridNoRecordsTemplate>\r\n    <span>{{ 'libShr.noData' | translate }}</span>\r\n  </ng-template>\r\n  <kendo-grid-checkbox-column\r\n    [width]=\"45\"\r\n    [headerClass]=\"{ 'text-center': true }\"\r\n    [class]=\"{ 'text-center': true }\"\r\n    [resizable]=\"false\"\r\n    [columnMenu]=\"false\"\r\n    [reorderable]=\"false\"\r\n    showSelectAll=\"true\"\r\n  >\r\n  </kendo-grid-checkbox-column>\r\n  <kendo-grid-column\r\n    *ngFor=\"let col of columns; let i = index\"\r\n    field=\"{{ col.Name }}\"\r\n    title=\"{{ col.Name }}\"\r\n    [sortable]=\"col.CanSort\"\r\n    [width]=\"100\"\r\n  >\r\n    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\r\n      <div class=\"gridCell\">\r\n        {{ dataItem[col.Name] }}\r\n      </div>\r\n    </ng-template>\r\n    <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\r\n      <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\r\n      <kendo-pager-info></kendo-pager-info>\r\n      <kendo-pager-numeric-buttons [buttonCount]=\"10\"></kendo-pager-numeric-buttons>\r\n      <kendo-pager-next-buttons></kendo-pager-next-buttons>\r\n      <kendo-pager-page-sizes [pageSizes]=\"[5, 10, 50, 100, 500]\"></kendo-pager-page-sizes>\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n  <kendo-grid-excel fileName=\"griddata\" [fetchData]=\"allDataForExcelExport\"></kendo-grid-excel>\r\n</kendo-grid>\r\n","styles":[".export-excel-button{float:right}"]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"excelFileName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"SetDataSource":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"SetColumns":[{"__symbolic":"method"}],"GetColumns":[{"__symbolic":"method"}],"setStyles":[{"__symbolic":"method"}],"allDataForExcelExport":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}]}},"KendoGridToolbarExportChoiceComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-kendo-grid-toolbar-export-choice","template":"<div class=\"modal-header\">\r\n  <h2 class=\"modal-title\">{{ 'libShr.exportAllSelected' | translate }}</h2>\r\n  <button type=\"button\" class=\"close\" (click)=\"cancel()\"></button>\r\n</div>\r\n<div class=\"modal-body\">\r\n  <kendo-dropdownlist\r\n    ngDefaultControl\r\n    name=\"exportTypedropdown\"\r\n    [data]=\"listItems\"\r\n    textField=\"name\"\r\n    valueField=\"id\"\r\n    [(ngModel)]=\"selectedItem\"\r\n  >\r\n  </kendo-dropdownlist>\r\n</div>\r\n<div class=\"modal-footer\">\r\n  <button\r\n    type=\"button\"\r\n    title=\"{{ 'libShr.ok' | translate }}\"\r\n    class=\"btn btn-primary\"\r\n    (click)=\"ok()\"\r\n  >\r\n    {{ 'libShr.ok' | translate }}\r\n  </button>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":23,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}],"ok":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}]}},"ExportType":{"excelExport":0,"pdfExport":1},"KendoGridToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"lib-kendo-grid-toolbar","template":"<span *ngIf=\"showSearchBar\" class=\"text-right\" title=\"{{ 'libShr.search' | translate }}\">\r\n  <lib-search-textbox (search)=\"onFilter($event)\"></lib-search-textbox>\r\n</span>\r\n<span *ngIf=\"showRefresh\" class=\"text-right refresh-icon\">\r\n  <a\r\n    href=\"javascript:void(0)\"\r\n    title=\"{{ 'libShr.refresh' | translate }}\"\r\n    (click)=\"onRefresh($event)\"\r\n  >\r\n    <em class=\"fa fa-refresh\" aria-hidden=\"true\"></em\r\n  ></a>\r\n</span>\r\n<span\r\n  *ngIf=\"showPdfIcon\"\r\n  (click)=\"setExportTypeInPopup(ExportType.pdfExport)\"\r\n  class=\"px-1 kendo-grid-toolbar-span k-button-icon k-button k-grid-pdf\"\r\n>\r\n  <em class=\"k-icon k-i-file-pdf\"></em\r\n></span>\r\n<span\r\n  *ngIf=\"showExcelIcon\"\r\n  (click)=\"setExportTypeInPopup(ExportType.excelExport)\"\r\n  class=\"px-1 kendo-grid-toolbar-span k-button-icon k-button k-grid-excel\"\r\n>\r\n  <em class=\"k-icon k-i-file-excel\"></em\r\n></span>\r\n<span\r\n  (click)=\"exportAttachmentsAsZip()\"\r\n  class=\"px-1 kendo-grid-toolbar-span k-button-icon k-button k-i-zip\"\r\n>\r\n  <em class=\"k-icon k-i-file-zip\"></em\r\n></span>\r\n"}]}],"members":{"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"gridView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"kendoGridSelectBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showSearchBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"showRefresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"showPdfIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showExcelIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"showZipIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"exportAsZip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":36,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"onRefresh":[{"__symbolic":"method"}],"setExportTypeInPopup":[{"__symbolic":"method"}],"exportAttachmentsAsZip":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"exportToPdf":[{"__symbolic":"method"}],"exportToExcel":[{"__symbolic":"method"}]}},"CapKendoGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"KendoGridToolbarExportChoiceComponent"},{"__symbolic":"reference","name":"KendoGridToolbarComponent"},{"__symbolic":"reference","name":"KendoGridComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":26,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":28,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":30,"character":15}]},"isolate":false}]},{"__symbolic":"reference","module":"@progress/kendo-angular-dropdowns","name":"DropDownsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":4},{"__symbolic":"reference","name":"CapSearchTextboxModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"ExcelModule","line":37,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"GridModule","line":38,"character":4}],"exports":[[{"__symbolic":"reference","name":"KendoGridToolbarExportChoiceComponent"},{"__symbolic":"reference","name":"KendoGridToolbarComponent"},{"__symbolic":"reference","name":"KendoGridComponent"}]]}]}],"members":{}},"AttachmentTileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-attachment-tile","template":"<div class=\"view-attachment-icon-block\">\r\n  <div class=\"details-info-form\">\r\n    <ng-container *ngFor=\"let item of data | attachmentData; let i = index\">\r\n      <div class=\"attachment-card\">\r\n        <cap-card>\r\n          <cap-card-header>\r\n            <cap-card-logo>\r\n              <img\r\n                [alt]=\"item.fileName\"\r\n                class=\"card__logo\"\r\n                src=\"cap-shared/images/{{ getImageIcon(item.fileName) }}.svg\"\r\n              />\r\n            </cap-card-logo>\r\n            <cap-card-options *ngIf=\"isMenu\">\r\n              <cap-icon\r\n                style=\"cursor: pointer;\"\r\n                [name]=\"'baseline-more-vert'\"\r\n                (click)=\"openContextMenu($event, item, i)\"\r\n              >\r\n              </cap-icon>\r\n            </cap-card-options>\r\n          </cap-card-header>\r\n\r\n          <cap-card-variable-name>{{ item.fileName }}</cap-card-variable-name>\r\n          <cap-card-variable-text>{{ item.size }}</cap-card-variable-text>\r\n          <cap-card-variable-description *ngIf=\"item.description\">{{\r\n            item.description\r\n          }}</cap-card-variable-description>\r\n        </cap-card>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<cap-context-menu #contextMenu>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isEdit\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Edit)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.editDesc' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isPreview\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Preview)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.preview' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isReplace\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Replace)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.replace' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isDownload\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Download)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.download' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isDelete\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Delete)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.delete' | translate }}</span>\r\n  </ng-template>\r\n</cap-context-menu>\r\n","styles":[".top-bg-pattern{width:100%;height:auto;margin:0;float:left;background-color:#f3f7f8}.top-bg-pattern span{float:right;color:#a0c4fc;padding:10px 15px;font-size:14px}.details-info-form .attachment-card{margin-bottom:25px;position:relative;width:160px;margin-right:20px;display:inline-flex}.attachment .attached-box{border:1px solid #eaeaea;margin:5px;padding:5px}.attachment .attached-box .attached-box-img{margin:0;padding-top:7px;background-color:#55585a}.attachment .attached-box .attached-box-pdf{float:left;padding-top:7px;background-color:#d02928}.attachment .attached-box .attached-box-tif{float:left;padding-top:7px;background-color:#498cff}.attachment .attached-box .attached-box-title{float:left}.attachment .attached-box .attached-box-title div{color:#55585a;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment .attached-box .attached-box-title span{color:#93979a;font-size:12px}.attachment .attached-box .attached-box-title p{color:#93979a;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment .attached-box .attached-box-dot{cursor:pointer;padding:0}.open-div{width:125px;height:auto;margin:0;float:right;border:1px solid #eaeaea;background-color:#f2f4f7;position:absolute;top:6px;right:45px;font-size:10px;z-index:50}.open-div ul{width:100%;height:auto;margin:0;float:left;padding:0}.open-div ul li{width:99%;height:auto;margin:0;float:left;border-bottom:1px solid #eaeaea;list-style:none;padding:5px;cursor:pointer}.open-div ul li img{width:13px;height:13px}.open-div ul li span{margin-right:8px}.open-div ul li label{margin-bottom:0}em{cursor:pointer}"]}]}],"members":{"contextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["contextMenu"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"fileActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AttachmentDataService"},{"__symbolic":"reference","module":"cap-ds","name":"ContextMenuService","line":47,"character":41}]}],"getImageIcon":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"openContextMenu":[{"__symbolic":"method"}],"doAttachmentAction":[{"__symbolic":"method"}],"openBox":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}]}},"AttachmentViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"app-attachment-view","template":"<div class=\"row\">\r\n  <div class=\"col-md-12 text-right attachment-view-mode\">\r\n    <label\r\n      for=\"fileInput\"\r\n      class=\"cursor-pointer\"\r\n      (click)=\"fileInput.click()\"\r\n      *ngIf=\"isEdit\"\r\n      style=\"margin-right: 20px;\"\r\n    >\r\n      <span>+</span> {{ 'libShr.addAttachment' | translate }}</label\r\n    >\r\n    <a\r\n      class=\"tab-bt cursor-pointer\"\r\n      (click)=\"setActiveDisplayMode(displayType.List)\"\r\n      *ngIf=\"isMixMode\"\r\n    >\r\n      <img\r\n        alt=\"listViewActive\"\r\n        [ngStyle]=\"{ display: isList ? 'inline-block' : 'none' }\"\r\n        src=\"cap-shared/images/stackactive.svg\"\r\n      />\r\n      <img\r\n        alt=\"listViewActive\"\r\n        [ngStyle]=\"{ display: isTile ? 'inline-block' : 'none' }\"\r\n        src=\"cap-shared/images/stackinactive.svg\"\r\n      />\r\n    </a>\r\n    <a\r\n      class=\"accordion-bt cursor-pointer\"\r\n      (click)=\"setActiveDisplayMode(displayType.Tile)\"\r\n      *ngIf=\"isMixMode\"\r\n    >\r\n      <img\r\n        alt=\"listViewActive\"\r\n        [ngStyle]=\"{ display: isList ? 'inline-block' : 'none' }\"\r\n        src=\"cap-shared/images/tabinactive.svg\"\r\n      />\r\n      <img\r\n        alt=\"listViewActive\"\r\n        [ngStyle]=\"{ display: isTile ? 'inline-block' : 'none' }\"\r\n        src=\"cap-shared/images/tabactive.svg\"\r\n      />\r\n    </a>\r\n  </div>\r\n  <div class=\"col-md-3\">\r\n    <div\r\n      class=\"uploadfilecontainer\"\r\n      (click)=\"fileInput.click()\"\r\n      appDragDrop\r\n      defaultColor=\"#f5fcff\"\r\n      dragColor=\"#9ecbec\"\r\n      (onFileDropped)=\"uploadFile($event)\"\r\n      [ngStyle]=\"{ display: isEdit ? 'block' : 'none' }\"\r\n      title=\" {{ 'libShr.addAttachment' | translate }}\"\r\n    >\r\n      <div class=\"text-center drag-drop-icon\">\r\n        <div\r\n          class=\"text\"\r\n          [ngStyle]=\"{ display: configuration.data.length === 0 ? 'block' : 'none' }\"\r\n        >\r\n          {{ 'libShr.noAttachmenthavebeenadded' | translate }}\r\n        </div>\r\n        <div class=\"add-button\">\r\n          <span>{{ 'libShr.dragDropText' | translate }}</span>\r\n          <br />\r\n          <span>-{{ 'libShr.or' | translate }}-</span><br />\r\n          <label class=\"btn btn-primary\" name=\"submit\" for=\"fileInput\">\r\n            {{ 'libShr.addAttachment' | translate }}\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <input\r\n        hidden\r\n        name=\"fileInput\"\r\n        type=\"file\"\r\n        #fileInput\r\n        (change)=\"fileChangeEvent($event)\"\r\n        multiple\r\n        [accept]=\"getFileType()\"\r\n      />\r\n    </div>\r\n    <div class=\"accepted-file-type\">\r\n      {{ 'libShr.acceptedFile' | translate }} {{ getFileType() }}\r\n    </div>\r\n    <input\r\n      type=\"file\"\r\n      name=\"replacefile\"\r\n      id=\"replacefile\"\r\n      style=\"visibility: hidden;\"\r\n      (change)=\"fileReplace($event)\"\r\n      [accept]=\"getFileType()\"\r\n    />\r\n  </div>\r\n  <div class=\"col-md-9\">\r\n    <div\r\n      *ngIf=\"isList\"\r\n      [ngStyle]=\"{\r\n        display: configuration.data.length === 0 ? 'none' : 'block'\r\n      }\"\r\n    >\r\n      <app-attachment-list\r\n        [data]=\"configuration.data\"\r\n        [configuration]=\"configuration\"\r\n        [action]=\"action\"\r\n        (fileActions)=\"setAction($event)\"\r\n      ></app-attachment-list>\r\n    </div>\r\n    <div\r\n      *ngIf=\"isTile\"\r\n      [ngStyle]=\"\r\n        configuration.data.length === 0\r\n          ? {\r\n              display: 'none',\r\n              padding: '0'\r\n            }\r\n          : { display: 'block', padding: '0' }\r\n      \"\r\n    >\r\n      <app-attachment-tile\r\n        [data]=\"configuration.data\"\r\n        [view]=\"configuration.viewMode.type\"\r\n        [action]=\"action\"\r\n        (fileActions)=\"setAction($event)\"\r\n      ></app-attachment-tile>\r\n    </div>\r\n  </div>\r\n</div>\r\n<cap-panel #panelObj [title]=\"'libShr.attachmentMeta'\" [orientation]=\"'right'\">\r\n  <div body *ngIf=\"panelAttachmentData\" style=\"overflow-y: auto;\">\r\n    <div class=\"attachment-metadata\">\r\n      <label>{{ 'libShr.attachmentType' }}</label>\r\n      <p>\r\n        <strong>{{ fileType }}</strong>\r\n      </p>\r\n    </div>\r\n    <div class=\"attachment-metadata\">\r\n      <label>{{ 'libShr.fileName' }}</label>\r\n      <p>\r\n        <strong>{{ panelAttachmentData.fileName }}</strong>\r\n      </p>\r\n    </div>\r\n    <div class=\"attachment-metadata\">\r\n      <label>{{ 'libShr.size' }}</label>\r\n      <p>\r\n        <strong>{{ panelAttachmentData.size }}</strong>\r\n      </p>\r\n    </div>\r\n    <div class=\"attachment-metadata-detail\">\r\n      <ngb-accordion #acc=\"ngbAccordion\" [closeOthers]=\"true\">\r\n        <ngb-panel id=\"static-1\">\r\n          <ng-template ngbPanelHeader let-opened=\"opened\">\r\n            <div class=\"d-flex align-items-center justify-content-between\">\r\n              <h5 class=\"m-0\">{{ 'libShr.metadata' | translate }}</h5>\r\n              <button ngbPanelToggle class=\"meta-deta-button\">\r\n                <svg\r\n                  width=\".7em\"\r\n                  height=\".7em\"\r\n                  viewBox=\"0 0 16 16\"\r\n                  class=\"bi bi-caret-down-fill\"\r\n                  fill=\"currentColor\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  [style.display]=\"opened ? 'none' : 'inline'\"\r\n                >\r\n                  <path\r\n                    d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"\r\n                  />\r\n                </svg>\r\n                <svg\r\n                  [style.display]=\"opened === true ? 'inline' : 'none'\"\r\n                  width=\".7em\"\r\n                  height=\".7em\"\r\n                  viewBox=\"0 0 16 16\"\r\n                  class=\"bi bi-caret-up-fill\"\r\n                  fill=\"currentColor\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                >\r\n                  <path\r\n                    d=\"M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\"\r\n                  />\r\n                </svg>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ng-container *ngFor=\"let item of panelAttachmentData.metaData; let i = index\">\r\n              <div class=\"attachment-metadata pb-1 row\">\r\n                <div class=\"col-10\">\r\n                  <cap-input\r\n                    dsLabel=\"{{ item.label }}\"\r\n                    dsPlaceholder=\"{{ item.label }}\"\r\n                    dsName=\"{{ i }}\"\r\n                    [(ngModel)]=\"item.value\"\r\n                    [dsDisabled]=\"configuration.viewMode.type !== viewType.Edit\"\r\n                  >\r\n                  </cap-input>\r\n                </div>\r\n                <div class=\"col-2 pt-4\">\r\n                  <a (click)=\"removeItem(i)\" class=\"remove-metadata\">\r\n                    <svg\r\n                      width=\"1.5em\"\r\n                      height=\"1.5em\"\r\n                      viewBox=\"0 0 16 16\"\r\n                      class=\"bi bi-trash\"\r\n                      fill=\"currentColor\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                    >\r\n                      <path\r\n                        d=\"M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z\"\r\n                      />\r\n                      <path\r\n                        fill-rule=\"evenodd\"\r\n                        d=\"M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z\"\r\n                      />\r\n                    </svg>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <div *ngIf=\"configuration.viewMode.type === viewType.Edit\">\r\n              <a class=\"meta-action\" (click)=\"toogleMetadataAction()\" *ngIf=\"!isRowToAdd\"\r\n                >+ Add Row</a\r\n              >\r\n              <div class=\"meta-form pt-1\" *ngIf=\"isRowToAdd\">\r\n                <div class=\"row pb-2\">\r\n                  <div class=\"col-12\">\r\n                    <cap-input\r\n                      dsLabel=\"ID/Label\"\r\n                      dsPlaceholder=\"Enter ID/Label of the row\"\r\n                      dsName=\"label\"\r\n                      [(ngModel)]=\"metaDataRow.label\"\r\n                    >\r\n                    </cap-input>\r\n                  </div>\r\n                </div>\r\n                <div class=\"row pb-2\">\r\n                  <div class=\"col-12\">\r\n                    <cap-input\r\n                      dsLabel=\"Values\"\r\n                      dsPlaceholder=\"Enter Values of the row\"\r\n                      dsName=\"value\"\r\n                      [(ngModel)]=\"metaDataRow.value\"\r\n                    >\r\n                    </cap-input>\r\n                  </div>\r\n                </div>\r\n                <div class=\"row pb-2\">\r\n                  <div class=\"col-12 text-right\">\r\n                    <cap-button\r\n                      [type]=\"'danger3'\"\r\n                      [text]=\"'Cancel'\"\r\n                      [size]=\"'sm'\"\r\n                      (OnClick)=\"toogleMetadataAction()\"\r\n                    ></cap-button>\r\n                    <cap-button\r\n                      [type]=\"'tertiary'\"\r\n                      [text]=\"'Create Row'\"\r\n                      [size]=\"'sm'\"\r\n                      [disabled]=\"!metaDataRow.label?.trim() || !metaDataRow.value?.trim()\"\r\n                      (OnClick)=\"createRow()\"\r\n                    ></cap-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n        <ngb-panel id=\"toggle-2\">\r\n          <ng-template ngbPanelHeader let-opened=\"opened\">\r\n            <div class=\"d-flex align-items-center justify-content-between\">\r\n              <h5 class=\"m-0\">{{ 'libShr.state' | translate }}</h5>\r\n              <button ngbPanelToggle class=\"meta-deta-button\">\r\n                <svg\r\n                  width=\".7em\"\r\n                  height=\".7em\"\r\n                  viewBox=\"0 0 16 16\"\r\n                  class=\"bi bi-caret-down-fill\"\r\n                  fill=\"currentColor\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  [style.display]=\"opened ? 'none' : 'inline'\"\r\n                >\r\n                  <path\r\n                    d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"\r\n                  />\r\n                </svg>\r\n                <svg\r\n                  [style.display]=\"opened === true ? 'inline' : 'none'\"\r\n                  width=\".7em\"\r\n                  height=\".7em\"\r\n                  viewBox=\"0 0 16 16\"\r\n                  class=\"bi bi-caret-up-fill\"\r\n                  fill=\"currentColor\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                >\r\n                  <path\r\n                    d=\"M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\"\r\n                  />\r\n                </svg>\r\n              </button>\r\n            </div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ng-container *ngFor=\"let item of panelAttachmentData.state\">\r\n              <div class=\"attachment-metadata\">\r\n                <label>{{ item.label }}</label>\r\n                <p>\r\n                  <strong>{{ item.value }}</strong>\r\n                </p>\r\n              </div>\r\n            </ng-container>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n  <div footer *ngIf=\"configuration.viewMode.type === viewType.Edit\">\r\n    <cap-button\r\n      [type]=\"'secondary'\"\r\n      [text]=\"'libShr.cancel' | translate\"\r\n      (OnClick)=\"closeSidePanel()\"\r\n    ></cap-button>\r\n    &nbsp;\r\n    <cap-button\r\n      [type]=\"'primary'\"\r\n      [text]=\"'libShr.apply' | translate\"\r\n      (OnClick)=\"applyMetaData()\"\r\n      [disabled]=\"!isAdded\"\r\n    ></cap-button>\r\n  </div>\r\n</cap-panel>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.attach-details-info{width:100%;height:45px;margin:0;padding:5px 30px;background-color:#f3f7f8;color:#007bff}.attach-details-info label{cursor:pointer}.attach-details-info label span{font-size:20px}.add-attachment-icon-block{width:25%;height:auto;margin:5% auto;text-align:center}.add-attachment-icon-block .icon{width:100%;height:auto;margin:0;float:left}.add-attachment-icon-block .text{width:100%;height:auto;float:left;font-size:14px;color:#55585a;margin:5px 0 10px}.add-attachment-icon-block .add-buttom{width:100%;height:auto;margin:0;float:left;background-color:#007bff}.attachment-metadata label{margin-bottom:0!important;font-weight:400;color:rgba(0,0,0,.5)}.attachment-metadata .remove-metadata{position:absolute;top:25px;padding:7px;border:1px solid rgba(0,0,0,.5);cursor:pointer}.attachment-metadata-detail{padding-top:10px}.attachment-metadata-detail>::ng-deep .accordion>.card{border:none;border-bottom:1px solid rgba(0,0,0,.125)!important}.attachment-metadata-detail>::ng-deep .accordion>.card>.card-header{background-color:transparent!important;padding:.4rem 0!important;border-bottom:1px solid rgba(0,0,0,.125)!important}.meta-deta-button{border:none!important;position:relative;outline:0;background:0 0;width:0;height:0;box-shadow:none}.meta-deta-button svg{top:-5px}.meta-deta-button svg:hover{top:-5px;color:#007bff}.meta-deta-button::-moz-focus-inner,.meta-deta-button:active,.meta-deta-button:focus{border:none!important;outline:0!important;box-shadow:none!important}.attachment-metadata-detail .meta-form{padding:15px;background-color:#f8f8f8!important;border-radius:5px;margin-top:10px}.attachment-metadata-detail .accordion .meta-action{color:#007bff;margin-left:10px;cursor:pointer}.uploadfilecontainer{background-repeat:no-repeat;background-size:100px;background-position:center;background-color:#f8f8f8;vertical-align:middle;height:calc(100vh - 150px);width:100%;border:2px dashed #e8e8e8!important;border-radius:10px;cursor:pointer;position:relative}.uploadfilecontainer .drag-drop-icon{position:absolute;top:45%;width:100%}.accepted-file-type{border:1px solid #e8e8e8!important;background-color:#f8f8f8;padding:5px 2px}.uploadfilecontainer:hover{cursor:pointer;background-color:#9ecbec!important;opacity:.8}.files-list{display:flex;justify-content:space-between;width:80%;margin:10px auto;background:#fff;border:1px dashed;border-radius:12px;padding:5px;color:#1c8adb}.files-list .delete-file{background:0 0;border:none;cursor:pointer}.files-list .delete-file img{width:30px}.attachment-view-mode{padding-bottom:10px}.action-header-container ul li a,.attachment-view-mode a{cursor:pointer}"]}]}],"members":{"configuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["fileInput"]}]}],"panelObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["panelObj"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":86,"character":35},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":87,"character":32},{"__symbolic":"reference","name":"AttachmentDataService"},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":89,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}],"getFileType":[{"__symbolic":"method"}],"fileReplace":[{"__symbolic":"method"}],"fileChangeEvent":[{"__symbolic":"method"}],"toogleMetadataAction":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"createRow":[{"__symbolic":"method"}],"setActiveDisplayMode":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"closeSidePanel":[{"__symbolic":"method"}],"applyMetaData":[{"__symbolic":"method"}],"setFile":[{"__symbolic":"method"}],"bindFiles":[{"__symbolic":"method"}],"checkDuplicate":[{"__symbolic":"method"}],"replaceItem":[{"__symbolic":"method"}],"showReplaceAlert":[{"__symbolic":"method"}],"setMetadata":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"downloadItem":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}],"previewItem":[{"__symbolic":"method"}],"previewFile":[{"__symbolic":"method"}]}},"AttachmentListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-attachment-list","template":"<kendo-grid\r\n  [kendoGridBinding]=\"data | attachmentData\"\r\n  [pageSize]=\"configuration.gridConfig.pageSize\"\r\n  [height]=\"configuration.gridConfig.pageHeight\"\r\n  [skip]=\"skip\"\r\n  [pageable]=\"true\"\r\n  [columnMenu]=\"{ filter: true }\"\r\n  [sortable]=\"true\"\r\n  [sort]=\"sort\"\r\n  [reorderable]=\"true\"\r\n  [resizable]=\"true\"\r\n  kendoGridSelectBy=\"fileName\"\r\n  [selectable]=\"{ checkboxOnly: false, mode: 'multiple' }\"\r\n>\r\n  <kendo-grid-messages pagerItemsPerPage=\"\"> </kendo-grid-messages>\r\n  <ng-template kendoGridNoRecordsTemplate\r\n    >{{ 'libShr.noRecordsAvailablePlaceholder' | translate }}\r\n  </ng-template>\r\n\r\n  <kendo-grid-column\r\n    [resizable]=\"false\"\r\n    [columnMenu]=\"true\"\r\n    [field]=\"item.value\"\r\n    title=\"{{ item.label | translate }}\"\r\n    *ngFor=\"let item of configuration.gridConfig.gridColumns\"\r\n  >\r\n    <ng-template kendoGridHeaderTemplate let-column *ngIf=\"item.isShow\">\r\n      <span title=\"{{ item.label | translate }}\">{{ item.label | translate }}</span>\r\n    </ng-template>\r\n    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\r\n      <img\r\n        *ngIf=\"item.value === 'icon'\"\r\n        width=\"30px\"\r\n        height=\"30px\"\r\n        alt=\"{{ dataItem[item.value] }}\"\r\n        src=\"{{ 'cap-shared/images/' + dataItem[item.value] + '.svg' }}\"\r\n      />\r\n      <span *ngIf=\"item.value !== 'icon'\">\r\n        {{ dataItem[item.value] }}\r\n      </span>\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-column\r\n    [resizable]=\"false\"\r\n    title=\"{{ 'libShr.attachmentActionPlaceholder' | translate }}\"\r\n    text=\"attachmentActionPlaceholder\"\r\n    [filterable]=\"false\"\r\n    [columnMenu]=\"{ lock: true, filter: false }\"\r\n    [includeInChooser]=\"false\"\r\n  >\r\n    <ng-template kendoGridHeaderTemplate let-column>\r\n      <span\r\n        title=\"{{ 'libShr.attachmentActionPlaceholder' | translate }}\"\r\n        *ngIf=\"configuration.gridConfig.showActionColumnText\"\r\n        >{{ 'libShr.attachmentActionPlaceholder' | translate }}</span\r\n      >\r\n    </ng-template>\r\n    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\r\n      <div class=\"action-header-container\">\r\n        <ul\r\n          class=\"list-inline\"\r\n          *ngIf=\"configuration.gridConfig.actionType !== actionType.ContextMenu\"\r\n        >\r\n          <li (click)=\"setAction(rowIndex, dataItem, attachmentAction.Edit)\" *ngIf=\"action.isEdit\">\r\n            <a style=\"cursor: pointer;\" title=\"{{ 'libShr.editDesc' | translate }}\"\r\n              ><img alt=\"edit\" src=\"cap-shared/images/edit.svg\"\r\n            /></a>\r\n          </li>\r\n          <li\r\n            (click)=\"setAction(rowIndex, dataItem, attachmentAction.Preview)\"\r\n            *ngIf=\"action.isPreview\"\r\n          >\r\n            <a style=\"cursor: pointer;\" title=\"{{ 'libShr.preview' | translate }}\"\r\n              ><img alt=\"view\" src=\"cap-shared/images/view.svg\"\r\n            /></a>\r\n          </li>\r\n          <li\r\n            (click)=\"setAction(rowIndex, dataItem, attachmentAction.Replace)\"\r\n            *ngIf=\"action.isReplace\"\r\n          >\r\n            <a style=\"cursor: pointer;\" title=\"{{ 'libShr.replace' | translate }}\"\r\n              ><img alt=\"replace\" src=\"cap-shared/images/replace.svg\"\r\n            /></a>\r\n          </li>\r\n          <li\r\n            (click)=\"setAction(rowIndex, dataItem, attachmentAction.Download)\"\r\n            *ngIf=\"action.isDownload\"\r\n          >\r\n            <a style=\"cursor: pointer;\" title=\"{{ 'libShr.download' | translate }}\"\r\n              ><img alt=\"download\" src=\"cap-shared/images/download.svg\"\r\n            /></a>\r\n          </li>\r\n          <li\r\n            (click)=\"setAction(rowIndex, dataItem, attachmentAction.Delete)\"\r\n            *ngIf=\"action.isDelete\"\r\n          >\r\n            <a style=\"cursor: pointer;\" title=\"{{ 'libShr.delete' | translate }}\"\r\n              ><img alt=\"delete\" src=\"cap-shared/images/delete.svg\"\r\n            /></a>\r\n          </li>\r\n        </ul>\r\n        <cap-icon\r\n          *ngIf=\"configuration.gridConfig.actionType === actionType.ContextMenu\"\r\n          style=\"cursor: pointer;\"\r\n          [name]=\"'baseline-more-vert'\"\r\n          (click)=\"openContextMenu($event, dataItem, rowIndex)\"\r\n        >\r\n        </cap-icon>\r\n      </div>\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n  <ng-template kendoPagerTemplate>\r\n    <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\r\n    <kendo-pager-numeric-buttons [buttonCount]=\"10\"></kendo-pager-numeric-buttons>\r\n    <kendo-pager-next-buttons></kendo-pager-next-buttons>\r\n    <span class=\"pager-custom-text\">{{ 'libShr.showRowsMessage' | translate }}: </span>\r\n    <kendo-pager-page-sizes [pageSizes]=\"[10, 15, 20, 100, 150, 200]\"> </kendo-pager-page-sizes>\r\n\r\n    <kendo-pager-info> </kendo-pager-info>\r\n  </ng-template>\r\n</kendo-grid>\r\n<cap-context-menu #contextMenu>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isEdit\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Edit)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.editDesc' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isPreview\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Preview)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.preview' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isReplace\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Replace)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.replace' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Download)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.download' | translate }}</span>\r\n  </ng-template>\r\n  <ng-template\r\n    contextMenuItem\r\n    *ngIf=\"action.isDelete\"\r\n    let-item\r\n    (execute)=\"doAttachmentAction($event.item, attachmentAction.Delete)\"\r\n  >\r\n    <span class=\"ml-2\">{{ 'libShr.delete' | translate }}</span>\r\n  </ng-template>\r\n</cap-context-menu>\r\n"}]}],"members":{"dataBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"DataBindingDirective","line":16,"character":13},{"static":false}]}]}],"contextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["contextMenu"]}]}],"configuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["data"]}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"fileActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"cap-ds","name":"ContextMenuService","line":42,"character":51}]}],"actionHandler":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"loadItems":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"openContextMenu":[{"__symbolic":"method"}],"doAttachmentAction":[{"__symbolic":"method"}]}},"ManageAttachmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-management-attachment","template":"<div *ngIf=\"isTile\">\r\n  <app-attachment-view [configuration]=\"configuration\"></app-attachment-view>\r\n</div>\r\n"}]}],"members":{"configuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":21,"character":35},{"__symbolic":"reference","name":"AttachmentDataService"}]}],"ngOnInit":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AttachmentModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-attachment-modal","template":"<div class=\"attachment-main-container\">\r\n  <div class=\"attachment-heading\">\r\n    <div class=\"heading\">\r\n      {{ configuration?.header.label | translate }} #: {{ configuration?.header.value }}\r\n    </div>\r\n\r\n    <div class=\"container-close\">\r\n      <span (click)=\"close()\" class=\"close-btn\"\r\n        ><img alt=\"img\" class=\"crosss-icon\" src=\"cap-shared/images/close-model.svg\"\r\n      /></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"clearfix\">\r\n    <div class=\"col-md-12\">\r\n      <app-attachment-view [configuration]=\"configuration\"></app-attachment-view>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".attachment-main-container .attachment-heading{width:98%;height:58px;vertical-align:middle;border-bottom:1px solid #dadddc;margin:0 0 0 12px}.attachment-main-container .attachment-heading .heading{float:left;margin:18px 0 0 30px;font-size:16px;color:#4d4f5c;font-weight:600}.attachment-main-container .attachment-heading .container-close{float:right;margin:17px 28px 0 0;height:18px;width:18px;vertical-align:middle;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":12,"character":34}]}],"close":[{"__symbolic":"method"}]}},"PreviewImageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-image-preview","providers":[{"__symbolic":"reference","name":"ImageType"}],"template":"<div class=\"modal-header\" *ngIf=\"attachment\">\r\n  <strong id=\"modal-title\">{{ attachment.fileName }}</strong>\r\n  <span class=\"pull-right\">\r\n    <em class=\"fa fa-print mr-2\" style=\"display: none;\"></em\r\n    ><em class=\"fa fa-download mr-2\" (click)=\"download()\"></em\r\n    ><em class=\"fa fa-close\" (click)=\"dismiss()\"></em\r\n  ></span>\r\n</div>\r\n<div class=\"modal-body\">\r\n  <div class=\"row\">\r\n    <div style=\"width: 100%; min-height: calc(100vh - 200px);\">\r\n      <div *ngIf=\"attachment.type | imageType: attachmentType.IMG\" class=\"text-center\">\r\n        <img [src]=\"data\" alt=\"{{ attachment.fileName }}\" />\r\n      </div>\r\n      <div *ngIf=\"data && attachment.type | imageType: attachmentType.PDF\" class=\"text-center\">\r\n        <ngx-extended-pdf-viewer\r\n          [src]=\"data\"\r\n          useBrowserLocale=\"true\"\r\n          height=\"80vh\"\r\n          (pdfLoaded)=\"onPagesLoaded($event)\"\r\n        ></ngx-extended-pdf-viewer>\r\n      </div>\r\n      <div *ngIf=\"attachment.type | imageType: attachmentType.DOC\" class=\"text-center pt: 20\">\r\n        <p>\r\n          <strong>{{ 'libShr.no-preview' | translate }}</strong>\r\n        </p>\r\n        <br />\r\n        <button class=\"btn btn-primary\" (click)=\"download()\">\r\n          {{ 'libShr.download' | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <a\r\n    class=\"pointer\"\r\n    style=\"position: absolute; left: 10px; top: calc(100vh - 75%);\"\r\n    title=\"Previous\"\r\n    [style.display]=\"currentIndex > 0 ? 'inline' : 'none'\"\r\n    (click)=\"showPrevious()\"\r\n    ><cap-icon name=\"chevron_left\" [color]=\"'black'\" [size]=\"'60px'\"></cap-icon\r\n  ></a>\r\n  <a\r\n    class=\"pointer\"\r\n    style=\"position: absolute; right: 10px; top: calc(100vh - 75%);\"\r\n    title=\"Next\"\r\n    (click)=\"showNext()\"\r\n    [style.display]=\"currentIndex <= configuration.data.length - 2 ? 'inline' : 'none'\"\r\n    ><cap-icon name=\"chevron_right\" [color]=\"'black'\" [size]=\"'60px'\"></cap-icon\r\n  ></a>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":32,"character":24},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":33,"character":22},{"__symbolic":"reference","name":"AttachmentDataService"},{"__symbolic":"reference","name":"ImageType"}]}],"ngOnInit":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"onPagesLoaded":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"showPrevious":[{"__symbolic":"method"}],"showNext":[{"__symbolic":"method"}],"setPreviousNextData":[{"__symbolic":"method"}]}},"AddDescriptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-image-description","template":"<div class=\"modal-header\">\r\n  <h4 class=\"modal-title\" id=\"modal-title\">{{ 'description' | translate }}</h4>\r\n  <button\r\n    type=\"button\"\r\n    class=\"close\"\r\n    aria-label=\"Close button\"\r\n    aria-describedby=\"modal-title\"\r\n    (click)=\"dismiss()\"\r\n  >\r\n    <span aria-hidden=\"true\">&nbsp;</span>\r\n  </button>\r\n</div>\r\n<div class=\"modal-body\">\r\n  <div class=\"row\">\r\n    <div class=\"col-3\">\r\n      <strong>{{ 'libShr.description' | translate }}</strong>\r\n    </div>\r\n    <div class=\"col-9\">\r\n      <textarea [(ngModel)]=\"description\" col=\"5\" rows=\"5\" class=\"form-control\"> </textarea>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"modal-footer\">\r\n  <button type=\"button\" class=\"btn btn-outline-secondary\" (click)=\"dismiss()\">\r\n    {{ 'libShr.cancel' | translate }}\r\n  </button>\r\n  <button type=\"button\" ngbAutofocus class=\"btn btn-danger\" (click)=\"close()\">\r\n    {{ 'libShr.ok' | translate }}\r\n  </button>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":13,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"CapManageAttachmentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":50,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"AttachmentTileComponent"},{"__symbolic":"reference","name":"AttachmentViewComponent"},{"__symbolic":"reference","name":"AttachmentListComponent"},{"__symbolic":"reference","name":"AddDescriptionComponent"},{"__symbolic":"reference","name":"AttachmentModalComponent"},{"__symbolic":"reference","name":"ManageAttachmentComponent"},{"__symbolic":"reference","name":"PreviewImageComponent"}],{"__symbolic":"reference","name":"AttachmentData"},{"__symbolic":"reference","name":"ImageType"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":54,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":56,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":58,"character":15}]},"isolate":false}]},[{"__symbolic":"reference","module":"cap-ds","name":"CapInputModule","line":39,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapCardModule","line":40,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapIconModule","line":41,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapContextMenuModule","line":42,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapDropDownMenuModule","line":43,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapPanelModule","line":44,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapButtonModule","line":45,"character":2},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"cap-ds","name":"CapContextModule","line":46,"character":2},"member":"forRoot"}},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterModule","line":47,"character":2}],{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":63,"character":4},{"__symbolic":"reference","module":"ngx-extended-pdf-viewer","name":"NgxExtendedPdfViewerModule","line":64,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbAccordionModule","line":65,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"GridModule","line":66,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":67,"character":4},"member":"forRoot"}}],"exports":[[{"__symbolic":"reference","name":"AttachmentTileComponent"},{"__symbolic":"reference","name":"AttachmentViewComponent"},{"__symbolic":"reference","name":"AttachmentListComponent"},{"__symbolic":"reference","name":"AddDescriptionComponent"},{"__symbolic":"reference","name":"AttachmentModalComponent"},{"__symbolic":"reference","name":"ManageAttachmentComponent"},{"__symbolic":"reference","name":"PreviewImageComponent"}],{"__symbolic":"reference","name":"AttachmentData"},{"__symbolic":"reference","name":"ImageType"}],"entryComponents":[{"__symbolic":"reference","name":"AttachmentModalComponent"}],"providers":[{"__symbolic":"reference","name":"AttachmentDataService"}]}]}],"members":{}},"ModalDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-dialog","template":"<div class=\"modal-header\">\r\n  <h4 class=\"modal-title\" id=\"modal-title\">{{dialog.Header}}</h4>\r\n  <button type=\"button\" class=\"close\" aria-label=\"Close button\" aria-describedby=\"modal-title\" (click)=\"dismiss()\">\r\n    <span aria-hidden=\"true\">&nbsp;</span>\r\n  </button>\r\n</div>\r\n<div class=\"modal-body\" *ngIf=\"dialog.MessageType=='HTML'\" [innerHTML]=\"dialog.Message\">\r\n</div>\r\n<div class=\"modal-body\" *ngIf=\"dialog.MessageType=='NORMAL'\">\r\n  <p><strong>{{dialog.Message}}</strong></p>\r\n  <br />\r\n</div>\r\n<div class=\"modal-footer\">\r\n  <button type=\"button\" *ngIf=\"showCancel\" class=\"btn btn-outline-secondary\"\r\n    (click)=\"dismiss()\">{{button.cancel}}</button>\r\n  <button type=\"button\" ngbAutofocus class=\"btn btn-danger\" (click)=\"close()\">{{button.ok}}</button>\r\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":13,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"CapModalDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":12,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":14,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":16,"character":15}]},"isolate":false}]}],"exports":[{"__symbolic":"reference","name":"ModalDialogComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ModalDialogComponent"}]}]}],"members":{}},"SearchResultGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"lib-search-result-grid","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"search-result\">\r\n  <kendo-grid\r\n    [kendoGridBinding]=\"gridView\"\r\n    [pageSize]=\"pageSize\"\r\n    [pageable]=\"true\"\r\n    [skip]=\"skip\"\r\n    [sort]=\"sort\"\r\n    [sortable]=\"{ allowUnsort: true, mode: multiple ? 'multiple' : 'single' }\"\r\n    [resizable]=\"reSize\"\r\n    [reorderable]=\"reOrder\"\r\n    [columnMenu]=\"{ filter: true, lock: lockedKeys ? true : false }\"\r\n    (dataStateChange)=\"dataStateChange()\"\r\n    (dblclick)=\"dblclick($event)\"\r\n    (cellClick)=\"onCellClick($event)\"\r\n    [kendoGridSelectBy]=\"selectedID\"\r\n    [selectedKeys]=\"checkboxSelection\"\r\n    (pageChange)=\"pageChange($event)\"\r\n    filterable=\"menu\"\r\n    [selectable]=\"{ checkboxOnly: true, mode: 'multiple' }\"\r\n    [groupable]=\"groupMode\"\r\n    [group]=\"groups\"\r\n    (selectedKeysChange)=\"selectedKeysChange()\"\r\n    (groupChange)=\"groupChange($event)\"\r\n  >\r\n    <kendo-grid-messages\r\n      pagerOf=\"{{ 'libShr.of' | translate }}\"\r\n      pagerItems=\"{{ 'libShr.items' | translate }}\"\r\n      pagerItemsPerPage=\"{{ 'libShr.rowsPerPage' | translate }}\"\r\n      filterAndLogic=\"{{ 'libShr.and' | translate }}\"\r\n      filterOrLogic=\"{{ 'libShr.or' | translate }}\"\r\n      columnsReset=\"{{ 'libShr.reset' | translate }}\"\r\n      columnsApply=\"{{ 'libShr.apply' | translate }}\"\r\n      columns=\"{{ 'libShr.columns' | translate }}\"\r\n      filter=\"{{ 'libShr.filter' | translate }}\"\r\n      filterClearButton=\"{{ 'libShr.clear' | translate }}\"\r\n      filterContainsOperator=\"{{ 'libShr.contains' | translate }}\"\r\n      filterNotContainsOperator=\"{{ 'libShr.doesNotContain' | translate }}\"\r\n      filterNotEqOperator=\"{{ 'libShr.isNotEqualTo' | translate }}\"\r\n      filterEqOperator=\"{{ 'libShr.isEqualTo' | translate }}\"\r\n      filterIsNullOperator=\"{{ 'libShr.isNull' | translate }}\"\r\n      filterStartsWithOperator=\"{{ 'libShr.startsWith' | translate }}\"\r\n      filterEndsWithOperator=\"{{ 'libShr.endWith' | translate }}\"\r\n      sortAscending=\"{{ 'libShr.sortAscending' | translate }}\"\r\n      sortDescending=\"{{ 'libShr.sortDescending' | translate }}\"\r\n      columnMenu=\"{{ 'libShr.columnMenu' | translate }}\"\r\n      filterIsNotNullOperator=\"{{ 'libShr.isNotNull' | translate }}\"\r\n      filterIsNotEmptyOperator=\"{{ 'libShr.isNotEmpty' | translate }}\"\r\n      filterIsEmptyOperator=\"{{ 'libShr.isEmpty' | translate }}\"\r\n      filterFilterButton=\"{{ 'libShr.filter' | translate }}\"\r\n      lock=\"{{ 'libShr.lock' | translate }}\"\r\n      unlock=\"{{ 'libShr.unlock' | translate }}\"\r\n    >\r\n    </kendo-grid-messages>\r\n    <ng-template kendoGridToolbarTemplate *ngIf=\"showSearch\">\r\n      <span class=\"search-icon\"\r\n        ><img alt=\"image\" src=\"cap-shared/images/advSearch_active.svg\"\r\n      /></span>\r\n      <input\r\n        placeholder=\"{{ 'libShr.searchCurrentResults' | translate }}\"\r\n        kendoTextBox\r\n        (input)=\"onFilter($event.target.value)\"\r\n        class=\"search-input form-control\"\r\n      />\r\n\r\n      <div class=\"pull-right text-right search-btn-group\">\r\n        <button *ngIf=\"checkboxSelection.length > 0\" type=\"button\" class=\"btn btn-primary m-r-15\">\r\n          {{ 'libShr.view' | translate }}\r\n        </button>\r\n        <button *ngIf=\"checkboxSelection.length > 0\" type=\"button\" class=\"btn btn-primary m-r-15\">\r\n          {{ 'libShr.edit' | translate }}\r\n        </button>\r\n        <button *ngIf=\"checkboxSelection.length > 0\" type=\"button\" class=\"btn btn-primary m-r-15\">\r\n          {{ 'libShr.route' | translate }}\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn btn-primary\"\r\n          *ngIf=\"showExcel\"\r\n          (click)=\"exportWorkItemsDialog()\"\r\n        >\r\n          {{ 'libShr.exportToExcel' | translate }}\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    <kendo-grid-checkbox-column\r\n      *ngIf=\"!hideCheckbox\"\r\n      [width]=\"45\"\r\n      [headerClass]=\"{ 'text-center': true }\"\r\n      [class]=\"{ 'text-center': true }\"\r\n      [lockable]=\"false\"\r\n      [locked]=\"true\"\r\n      [columnMenu]=\"false\"\r\n      showSelectAll=\"true\"\r\n    ></kendo-grid-checkbox-column>\r\n    <kendo-grid-column\r\n      [width]=\"80\"\r\n      *ngIf=\"isAttachment\"\r\n      field=\"attachmentMetadataCount\"\r\n      title=\"\"\r\n      [sortable]=\"true\"\r\n      [columnMenu]=\"true\"\r\n    >\r\n      <ng-template\r\n        kendoGridFilterMenuTemplate\r\n        let-column=\"column\"\r\n        let-filter=\"filter\"\r\n        let-filterService=\"filterService\"\r\n      >\r\n        <div class=\"section\">\r\n          <div class=\"wrap\">\r\n            <input\r\n              type=\"checkbox\"\r\n              id=\"terms\"\r\n              [checked]=\"selectedAttachmentFilter\"\r\n              kendoCheckBox\r\n              (change)=\"changeAttachmentFilter('yes', filterService)\"\r\n            />\r\n            &nbsp;&nbsp;\r\n            <label class=\"k-checkbox-label\" for=\"terms\">{{\r\n              'libShr.withAttachment' | translate\r\n            }}</label>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"section\">\r\n          <div class=\"wrap\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"selectedNoAttachmentFilter\"\r\n              #terms\r\n              kendoCheckBox\r\n              (change)=\"changeAttachmentFilter('no', filterService)\"\r\n            />\r\n            &nbsp;&nbsp;\r\n            <label class=\"k-checkbox-label\" for=\"terms\">{{\r\n              'libShr.noAttachment' | translate\r\n            }}</label>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template kendoGridCellTemplate let-dataItem>\r\n        <span\r\n          *ngIf=\"dataItem.attachmentMetadataCount >= 1\"\r\n          data-toggle=\"tooltip\"\r\n          data-placement=\"top\"\r\n          class=\"pointer\"\r\n          title=\"{{ getTooltipText(dataItem.attachmentMetadataCount) }}\"\r\n          (click)=\"showAttachment(dataItem)\"\r\n        >\r\n          <img alt=\"image\" height=\"25\" width=\"20\" src=\"cap-shared/images/paperclip.svg\" />\r\n        </span>\r\n        <span *ngIf=\"dataItem.attachmentMetadataCount === 0\">\r\n          <img\r\n            alt=\"image\"\r\n            height=\"25\"\r\n            width=\"20\"\r\n            src=\"cap-shared/images/paperclip_NoAttachment.svg\"\r\n          />\r\n        </span>\r\n      </ng-template>\r\n    </kendo-grid-column>\r\n    <ng-container *ngFor=\"let key of finalColumnKeys\">\r\n      <kendo-grid-column\r\n        *ngIf=\"key.name === '#Id'\"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"true\"\r\n        [columnMenu]=\"true\"\r\n        [locked]=\"key.isLocked\"\r\n        [includeInChooser]=\"false\"\r\n        field=\"{{ key.name }}\"\r\n        title=\"{{ 'libShr.' + key.name | translate }}\"\r\n        text=\"name\"\r\n        class=\"sno\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column\r\n        *ngIf=\"key.name === 'ageInSeconds' || (key.name === 'lockInSeconds' && requireLockDuration)\"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"key.isHidden\"\r\n        [locked]=\"key.isLocked\"\r\n        [columnMenu]=\"true\"\r\n        [filterable]=\"false\"\r\n        field=\"{{ key.name }}\"\r\n        title=\"{{ 'libShr.' + key.name | translate }}\"\r\n        text=\"name\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <span *ngIf=\"key.name === 'ageInSeconds'\"\r\n            >{{ dataItem.ageInSeconds | translateSeconds }}\r\n          </span>\r\n          <span *ngIf=\"key.name === 'lockInSeconds'\"\r\n            >{{ dataItem.lockInSeconds | translateSeconds }}\r\n          </span>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column\r\n        *ngIf=\"showToggle && key.name === 'queueState'\"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"key.isHidden\"\r\n        [locked]=\"key.isLocked\"\r\n        [columnMenu]=\"true\"\r\n        [filterable]=\"false\"\r\n        field=\"{{ key.name }}\"\r\n        title=\"{{ key.name }}\"\r\n        text=\"name\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <div class=\"toggle-with-label\">\r\n            <cap-toggle\r\n              dsLabel=\"\"\r\n              (change)=\"toggleItem(dataItem)\"\r\n              [ngModel]=\"dataItem.queueState === queueStateType.QueueStateEnum.Enabled\"\r\n            ></cap-toggle>\r\n            <span class=\"m-l-10\">{{ dataItem.queueState }}</span>\r\n          </div>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column\r\n        *ngIf=\"\r\n          !key.name.includes('Date') && excludeKeys(key.name) && customTextType(key.name) === 0\r\n        \"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"key.isHidden\"\r\n        [locked]=\"key.isLocked\"\r\n        [columnMenu]=\"true\"\r\n        field=\"{{ key.name }}\"\r\n        text=\"name\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column\r\n        *ngIf=\"!key.name.includes('Date') && excludeKeys(key.name) && customTextType(key.name)\"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"key.isHidden\"\r\n        [locked]=\"key.isLocked\"\r\n        [columnMenu]=\"true\"\r\n        title=\"{{ 'libShr.' + key.name | translate }}\"\r\n        text=\"name\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem *ngIf=\"customTextType(key.name) === 1\">\r\n          <div [innerHTML]=\"dataItem[key.name] | safeHtml\"></div>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem *ngIf=\"customTextType(key.name) === 2\">\r\n          <ng-container></ng-container>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n\r\n      <kendo-grid-column\r\n        *ngIf=\"key.name.includes('Date') && excludeKeys(key.name)\"\r\n        [width]=\"key.width\"\r\n        [hidden]=\"key.isHidden\"\r\n        [locked]=\"key.isLocked\"\r\n        [columnMenu]=\"true\"\r\n        [filterable]=\"false\"\r\n        field=\"{{ key.name }}\"\r\n        title=\"{{ 'libShr.' + key.name | translate }}\"\r\n        text=\"name\"\r\n      >\r\n        <ng-template kendoGridHeaderTemplate let-column>\r\n          <span title=\"{{ 'libShr.' + key.name | translate }}\">{{\r\n            'libShr.' + key.name | translate\r\n          }}</span>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n\r\n      <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\r\n        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\r\n        <kendo-pager-numeric-buttons [buttonCount]=\"10\"></kendo-pager-numeric-buttons>\r\n        <kendo-pager-info></kendo-pager-info>\r\n        <kendo-pager-next-buttons></kendo-pager-next-buttons>\r\n        <kendo-pager-page-sizes [pageSizes]=\"[10, 20, 50, 100, 150, 200]\"></kendo-pager-page-sizes>\r\n      </ng-template>\r\n    </ng-container>\r\n    <kendo-grid-column *ngIf=\"actions.length > 0\" [width]=\"columnWidth\">\r\n      <ng-template kendoGridHeaderTemplate let-column>\r\n        <span>Action</span>\r\n      </ng-template>\r\n      <ng-template kendoGridCellTemplate let-dataItem>\r\n        <div class=\"hides\">\r\n          <ng-container *ngFor=\"let action of actions\">\r\n            <cap-button\r\n              *ngIf=\"action.Type === actionType.Button\"\r\n              [type]=\"action.Class\"\r\n              [text]=\"action.Text\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n              [disabled]=\"false\"\r\n            ></cap-button>\r\n            <cap-button\r\n              *ngIf=\"action.Type === actionType.IconTextButton\"\r\n              [type]=\"action.Class\"\r\n              [text]=\"action.Text\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n              [icon]=\"true\"\r\n            >\r\n              <cap-icon [name]=\"action.Icon\" [orientation]=\"'left'\"></cap-icon>\r\n            </cap-button>\r\n            <cap-button\r\n              *ngIf=\"action.Type === actionType.IconButton\"\r\n              [type]=\"action.Class\"\r\n              [text]=\"action.Text\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n            >\r\n              <cap-icon [name]=\"action.Icon\"></cap-icon>\r\n            </cap-button>\r\n            <cap-icon\r\n              *ngIf=\"action.Type === actionType.Icon\"\r\n              [name]=\"action.Icon\"\r\n              [color]=\"'blue'\"\r\n              [size]=\"'30px'\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n            >\r\n            </cap-icon>\r\n\r\n            <a\r\n              [class]=\"action.Class\"\r\n              *ngIf=\"action.Type === actionType.Image\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n              [title]=\"action.Text\"\r\n              ><img [src]=\"action.Icon\" [alt]=\"action.Text\"\r\n            /></a>\r\n\r\n            <a\r\n              [class]=\"action.Class\"\r\n              *ngIf=\"action.Type === actionType.HyperlinkText\"\r\n              (click)=\"setAction($event, action, dataItem)\"\r\n              >{{ action.Text }}</a\r\n            >\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n    </kendo-grid-column>\r\n    <ng-template kendoGridNoRecordsTemplate>\r\n      <p *ngIf=\"!noDataMessage\">{{ 'libShr.noRecordsAvailable' | translate }}</p>\r\n    </ng-template>\r\n  </kendo-grid>\r\n</div>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.search-result{padding:0}.search-input{width:40%;padding:4px 10px 5px 48px;font-size:16px;font-weight:400;border:1px solid #dadddc}.search-btn-group{width:auto}.search-icon{position:absolute;width:auto;height:auto;vertical-align:middle;left:25px;top:20px}.k-grid-header{background:#fff;font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600;border-bottom-width:3px!important}.k-grid-table tr:nth-child(even){background-color:#f8f8f8}.k-grid-table tr,td{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.k-grid tbody tr td .hides{display:none!important}.k-grid tbody tr:hover .hides{display:inline-block!important}.k-state-selected{background-color:#fff!important;color:#181818;border:none}.k-state-selected td{background-color:#d4e2f9!important;color:#181818;border:none}.k-pager-nav{border:none;background-color:#f8f8f8!important}.k-grid-pager{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.k-grid-toolbar{display:none}.k-grid{border-radius:12px!important;border:2px;padding:4px}.k-checkbox:checked{background-color:#468cff;color:#181818;border-color:#468cff}.k-checkbox:checked:focus{border-color:#468cff}.k-grid-header .k-header{border:none!important}.k-grid td{border-width:0 0 1px!important}.k-grid-content{overflow-y:auto}.btn-edit{background:#fff;border:2px solid #ccc;padding:1px 4px;border-radius:5px;cursor:pointer;font-size:11px}.label-status{background:no-repeat padding-box #e6f0e1;border:1px solid #bfd6b4;border-radius:4px;padding:2px}.label-role{background:no-repeat padding-box #f8f8f8;border:1px solid #b8b8b8;border-radius:4px;padding:2px;margin-right:7px}.toggle-with-label{display:flex}.toggle-with-label .labelText{margin:0!important}"]}]}],"members":{"dataBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"DataBindingDirective","line":31,"character":13},{"static":true}]}]}],"gridObject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"attachmentConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"displayColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"isAttachment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"defaultGridSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"workItemAttachmentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"selectedGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"reOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"reSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"columnWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"groupMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"sortMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"lockedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"requireLockDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"cellClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"selectedID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showExcel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"showSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"showToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"hideCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"selectedData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"buttonOnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"recordCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"textDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"filterGridData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"columnSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"selectedRowItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"toggleRowItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":86,"character":35},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":87,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":88,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"arrangeGridColumns":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"dataStateChange":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"prepareColumnSettings":[{"__symbolic":"method"}],"getSelectedItems":[{"__symbolic":"method"}],"exportWorkItemsDialog":[{"__symbolic":"method"}],"changeAttachmentFilter":[{"__symbolic":"method"}],"onCellClick":[{"__symbolic":"method"}],"dblclick":[{"__symbolic":"method"}],"getTooltipText":[{"__symbolic":"method"}],"groupChange":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"showAttachment":[{"__symbolic":"method"}],"customTextType":[{"__symbolic":"method"}],"excludeKeys":[{"__symbolic":"method"}],"selectedKeysChange":[{"__symbolic":"method"}],"toggleItem":[{"__symbolic":"method"}],"loadItems":[{"__symbolic":"method"}]}},"ExportSearchResultComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-export-search-result","template":"<div class=\"modal-header\">\r\n  <h2 class=\"modal-title\">{{ 'libShr.exportAllOrSelected' | translate }}</h2>\r\n  <button type=\"button\" class=\"close\" (click)=\"close()\"></button>\r\n</div>\r\n<div class=\"modal-body reprocess\">\r\n  <select\r\n    [(ngModel)]=\"selectedExportOption\"\r\n    (change)=\"changeSelect()\"\r\n    class=\"btn btn-primary btn-md reprocessDropButton\"\r\n  >\r\n    <option\r\n      *ngFor=\"let type of exportOptionValues(); index as i\"\r\n      [value]=\"i\"\r\n      [disabled]=\"disableSelected && i === ExportOption.selectedWorkItems\"\r\n    >\r\n      {{ 'libShr.' + type | translate }}\r\n    </option>\r\n  </select>\r\n</div>\r\n<div class=\"modal-footer\" style=\"border: 0px;\">\r\n  <button type=\"button\" class=\"btn btn-primary\" (click)=\"excelexport.save(); close()\">\r\n    {{ 'libShr.ok' | translate }}\r\n  </button>\r\n</div>\r\n\r\n<kendo-excelexport [data]=\"exportData\" fileName=\"SeacrhResult.xlsx\" #excelexport>\r\n  <ng-container *ngFor=\"let key of columnNames\">\r\n    <kendo-excelexport-column\r\n      *ngIf=\"!key.includes('Date')\"\r\n      width=\"250\"\r\n      field=\"{{ key }}\"\r\n      title=\"{{ key }}\"\r\n      text=\"name\"\r\n    >\r\n      <ng-template kendoGridHeaderTemplate let-column>\r\n        <span title=\"{{ key }}\">{{ key }}</span>\r\n      </ng-template>\r\n    </kendo-excelexport-column>\r\n    <kendo-excelexport-column\r\n      *ngIf=\"key.includes('Date')\"\r\n      width=\"250\"\r\n      field=\"{{ key }}\"\r\n      title=\"{{ key }}\"\r\n      text=\"name\"\r\n    >\r\n      <ng-template kendoGridHeaderTemplate let-column>\r\n        <span title=\"{{ key }}\">{{ key }}</span>\r\n      </ng-template>\r\n    </kendo-excelexport-column>\r\n  </ng-container>\r\n</kendo-excelexport>\r\n"}]}],"members":{"exportGridData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"selectedGridData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"columnNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":19,"character":44}]}],"ngOnInit":[{"__symbolic":"method"}],"exportOptionValues":[{"__symbolic":"method"}],"changeSelect":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"CapSearchResultGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ExportSearchResultComponent"},{"__symbolic":"reference","name":"SearchResultGridComponent"},{"__symbolic":"reference","name":"TranslateSecondsPipe"}],{"__symbolic":"reference","name":"SafeHTML"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":27,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":29,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":31,"character":15}]},"isolate":false}]},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":4},[{"__symbolic":"reference","module":"cap-ds","name":"CapButtonModule","line":20,"character":29},{"__symbolic":"reference","module":"cap-ds","name":"CapIconModule","line":20,"character":46},{"__symbolic":"reference","module":"cap-ds","name":"CapToggleModule","line":20,"character":61}],[{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"ExcelModule","line":21,"character":22},{"__symbolic":"reference","module":"@progress/kendo-angular-grid","name":"GridModule","line":21,"character":35}]],"exports":[[{"__symbolic":"reference","name":"ExportSearchResultComponent"},{"__symbolic":"reference","name":"SearchResultGridComponent"},{"__symbolic":"reference","name":"TranslateSecondsPipe"}]]}]}],"members":{}},"SearchTextboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-search-textbox","template":"<em class=\"fa fa-search {{ cssClass.searchIcon }}\"></em>\r\n<input name=\"search-filter\" title=\"{{ validationMessage }}\"\r\n  [ngStyle]=\"{'border-color':(validationMessage === '' || validationMessage === undefined) ? '#ced4da' : 'red'}\"\r\n  (keyup)=\"applyFilter($event.target.value)\" [(ngModel)]=\"defaultValue\" [value]=\"defaultValue\"\r\n  [placeholder]=\"placeholderText\" class=\"{{ cssClass.searchBox }} form-control\" />","styles":[".search-box{padding-left:20px;margin-right:20px;width:23%!important}.search-icon{position:absolute;margin-top:10px!important;margin-left:199px!important}.search-box-roles{padding-left:30px!important;margin-right:20px;width:100%!important}.search-icon-roles{position:absolute;margin-top:10px!important;margin-left:10px!important}"]}]}],"members":{"placeholderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"defaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"validationMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CapSearchTextboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SearchTextboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":14,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":16,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":18,"character":15}]},"isolate":false}]}],"exports":[{"__symbolic":"reference","name":"SearchTextboxComponent"}]}]}],"members":{}},"SpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-spinner","template":"\n    <div class=\"preloader\" *ngIf=\"isSpinnerVisible\">\n      <div class=\"spinner\">\n        <div class=\"double-bounce1\"></div>\n        <div class=\"double-bounce2\"></div>\n      </div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":21,"character":39}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CapSpinnerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SpinnerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"SpinnerComponent"}]}]}],"members":{}},"UnauthorizedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-unauthorized","template":"<div class=\"unauthorized_page\">\r\n  <h1>\r\n    401\r\n  </h1>\r\n  <h2>{{ 'libShr.unauthorized' | translate }}</h2>\r\n\r\n  <div>{{ 'libShr.noRightsToAccess' | translate }}</div>\r\n  <div class=\"sub_content\">\r\n    <div>\r\n      {{ 'libShr.goToHomePage' | translate }}\r\n    </div>\r\n    <button (click)=\"goToHome()\" class=\"btn btn-primary\">{{ 'libShr.ok' | translate }}</button>\r\n  </div>\r\n</div>\r\n","styles":[".unauthorized_page{text-align:center;margin:0 -50% 0 auto;position:absolute;top:30%;left:50%}.unauthorized_page h1{font-weight:700}.unauthorized_page .sub_content{text-align:center;margin-top:20px}.unauthorized_page .sub_content .btn{padding:0 20px;border-radius:15px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":9,"character":39}]}],"goToHome":[{"__symbolic":"method"}]}},"CapUnauthorizedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UnauthorizedComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":12,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":14,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":16,"character":15}]},"isolate":false}]}],"exports":[{"__symbolic":"reference","name":"UnauthorizedComponent"}]}]}],"members":{}},"WorkItemDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"lib-work-item-detail","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<div class=\"work-item--view\" *ngIf=\"workItem\">\r\n  <cap-header [iconName]=\"'business'\" [title]=\"('app.workItem' | translate) + ' : ' + workItem.name\"\r\n    [description]=\"('app.companyName' | translate) + ' : ' + customerName\">\r\n    <div right>\r\n      <button type=\"button\" (click)=\"toggleView()\" [ngClass]=\"{\r\n        'neutral-600 text-neutral-100': isCardView,\r\n        'neutral-100 text-neutral-600': !isCardView\r\n      }\">\r\n        <cap-icon [name]=\"'card_view'\"></cap-icon>\r\n      </button>\r\n      <button type=\"button\" (click)=\"toggleView()\" [ngClass]=\"{\r\n        'neutral-600 text-neutral-100': !isCardView,\r\n        'neutral-100 text-neutral-600': isCardView\r\n      }\">\r\n        <cap-icon [name]=\"'list_view'\"></cap-icon>\r\n      </button>\r\n      <cap-button class=\"mr-2 ml-3\" [type]=\"'danger'\" [text]=\"'app.reject' | translate\" (OnClick)=\"reject()\">\r\n      </cap-button>\r\n      <cap-button class=\"mr-2\" [type]=\"'primary'\" [text]=\"'app.approve' | translate\" (OnClick)=\"approve()\"></cap-button>\r\n      <cap-button class=\"mr-2\" [type]=\"'secondary'\" [text]=\"'app.editButton' | translate\" (OnClick)=\"edit()\">\r\n      </cap-button>\r\n      <button type=\"button\" class=\"ml-3\" (click)=\"cancel()\">\r\n        <cap-icon name=\"baseline-close\"></cap-icon>\r\n      </button>\r\n    </div>\r\n  </cap-header>\r\n  <cap-tabs [type]=\"'default'\" *ngIf=\"isCardView\" (onSelectedTabChange)=\"tabChange($event)\" #tabs>\r\n    <cap-tab [tabTitle]=\"'app.summary' | translate\" id=\"summary\">\r\n      <div class=\"card\">\r\n        <h5 class=\"card-header\">{{ 'app.summary' | translate }}</h5>\r\n        <div class=\"card-body\">\r\n          <lib-work-item-summary [workItem]=\"workItem\" [variables]=\"workItem.variables\"></lib-work-item-summary>\r\n        </div>\r\n      </div>\r\n    </cap-tab>\r\n    <cap-tab [tabTitle]=\"attachmentsTabTitle\" id=\"attach\">\r\n      <div class=\"card\">\r\n        <h5 class=\"card-header\">{{ 'app.attachmentTab' | translate }}</h5>\r\n        <div class=\"card-body\">\r\n          <lib-management-attachment [configuration]=\"attachmentConfiguration\"></lib-management-attachment>\r\n        </div>\r\n      </div>\r\n    </cap-tab>\r\n    <cap-tab [tabTitle]=\"linkedWorkTabTitle\" id=\"linked\">\r\n      <div class=\"card\">\r\n        <h5 class=\"card-header\">{{ 'app.linkTab' | translate }}</h5>\r\n        <div class=\"card-body pb-5\">\r\n          <lib-work-item-linked [linkedWork]=\"linkedWork\"></lib-work-item-linked>\r\n        </div>\r\n      </div>\r\n    </cap-tab>\r\n    <cap-tab [tabTitle]=\"historyTabTitle\" id=\"history\">\r\n      <div class=\"card\">\r\n        <h5 class=\"card-header\">{{ 'app.historyTab' | translate }}</h5>\r\n        <div class=\"card-body\">\r\n          <lib-work-item-history [history]=\"history\"></lib-work-item-history>\r\n        </div>\r\n      </div>\r\n    </cap-tab>\r\n    <cap-tab [tabTitle]=\"dynamicForm.name\" *ngFor=\"let dynamicForm of dynamicForms\" [id]=\"dynamicForm.id\">\r\n      <div class=\"card\">\r\n        <h5 class=\"card-header\">{{ dynamicForm.description }}</h5>\r\n        <div class=\"card-body\">\r\n          <cap-form-renderer [fields]=\"dynamicForm.formJson\"> </cap-form-renderer>\r\n        </div>\r\n      </div>\r\n    </cap-tab>\r\n  </cap-tabs>\r\n\r\n  <div class=\"mt-5 mx-auto w-75 list-view\">\r\n    <ngb-accordion [closeOthers]=\"true\" *ngIf=\"!isCardView\">\r\n      <ngb-panel>\r\n        <ng-template ngbPanelHeader>\r\n          <button type=\"button\" class=\"btn btn-link\" ngbPanelToggle>\r\n            <div class=\"row\">\r\n              <div class=\"mr-3\" [inlineSVG]=\"'/assets/images/plus-solid.svg'\" [setSVGAttributes]=\"{ width: '20' }\">\r\n              </div>\r\n              <div class=\"col-auto ml-3\">{{ attachmentsTabTitle }}</div>\r\n            </div>\r\n          </button>\r\n        </ng-template>\r\n        <ng-template ngbPanelContent>\r\n          <lib-management-attachment [configuration]=\"attachmentConfiguration\"></lib-management-attachment>\r\n        </ng-template>\r\n      </ngb-panel>\r\n      <ngb-panel>\r\n        <ng-template ngbPanelHeader>\r\n          <button type=\"button\" class=\"btn btn-link\" ngbPanelToggle>\r\n            <div class=\"row\">\r\n              <div class=\"mr-3\" [inlineSVG]=\"'/assets/images/plus-solid.svg'\" [setSVGAttributes]=\"{ width: '20' }\">\r\n              </div>\r\n              <div class=\"col-auto ml-3\">{{ linkedWorkTabTitle }}</div>\r\n            </div>\r\n          </button>\r\n        </ng-template>\r\n        <ng-template ngbPanelContent>\r\n          <lib-work-item-linked [linkedWork]=\"linkedWork\"></lib-work-item-linked>\r\n        </ng-template>\r\n      </ngb-panel>\r\n      <ngb-panel title=\"History\">\r\n        <ng-template ngbPanelHeader>\r\n          <button type=\"button\" class=\"btn btn-link\" ngbPanelToggle>\r\n            <div class=\"row\">\r\n              <div class=\"mr-3\" [inlineSVG]=\"'/assets/images/plus-solid.svg'\" [setSVGAttributes]=\"{ width: '20' }\">\r\n              </div>\r\n              <div class=\"col-auto ml-3\">History</div>\r\n            </div>\r\n          </button>\r\n        </ng-template>\r\n        <ng-template ngbPanelContent>\r\n          <lib-work-item-history [history]=\"history\"></lib-work-item-history>\r\n        </ng-template>\r\n      </ngb-panel>\r\n      <ngb-panel [title]=\"dynamicForm.name\" *ngFor=\"let dynamicForm of dynamicForms\">\r\n        <ng-template ngbPanelContent>\r\n          <cap-form-renderer [fields]=\"parseFields(dynamicForm.formJson)\"> </cap-form-renderer>\r\n        </ng-template>\r\n      </ngb-panel>\r\n    </ngb-accordion>\r\n  </div>\r\n</div>","styles":["lib-work-item-detail header.header-container .branding-container{display:none}lib-work-item-detail header.header-container>.row{width:100%!important}lib-work-item-detail header.header-container>.row .text-header p{font-size:1.05em;margin-bottom:2em}lib-work-item-detail header.header-container>.row button{border-radius:3px!important}lib-work-item-detail header.header-container>.row button cap-icon{max-height:28px;max-width:24px}lib-work-item-detail header.header-container>.row button cap-icon span,lib-work-item-detail header.header-container>.row button cap-icon span svg{position:unset}lib-work-item-detail cap-tab>.pane{margin-top:3.5em}"]}]}],"members":{"customerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dynamicForms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"history":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"isCardView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"linkedWork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"workItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"workItemAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["tabs"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":42,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":43,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":44,"character":37}]}],"adjustTabTitles":[{"__symbolic":"method"}],"approve":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}],"loadAttachmentConfiguration":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"parseFields":[{"__symbolic":"method"}],"reject":[{"__symbolic":"method"}],"tabChange":[{"__symbolic":"method"}],"toggleView":[{"__symbolic":"method"}]}},"CapWorkItemViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":55,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"WorkItemDetailComponent"},{"__symbolic":"reference","name":"WorkItemHistoryComponent"},{"__symbolic":"reference","name":"WorkItemLinkedComponent"},{"__symbolic":"reference","name":"WorkItemSummaryComponent"},{"__symbolic":"reference","name":"WorkItemVariablesComponent"}]],"imports":[[{"__symbolic":"reference","module":"cap-ds","name":"CapCardModule","line":39,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapIconModule","line":40,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapContextMenuModule","line":41,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapButtonModule","line":42,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapIconModule","line":43,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapDropDownMenuModule","line":44,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapTableModule","line":45,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapTabsModule","line":46,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapNotificationBarModule","line":47,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapHeaderModule","line":48,"character":2},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbAccordionModule","line":49,"character":2},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"cap-ds","name":"CapContextModule","line":50,"character":2},"member":"forRoot"},"arguments":[{"autoFocus":true}]}],{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":59,"character":4},{"__symbolic":"reference","module":"cap-form-renderer","name":"CapFormRendererModule","line":60,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-inline-svg","name":"InlineSVGModule","line":61,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":62,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":64,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":66,"character":15}]},"isolate":false}]},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":70,"character":4},{"__symbolic":"reference","name":"CapManageAttachmentsModule"},{"__symbolic":"reference","module":"@ngx-formly/bootstrap","name":"FormlyBootstrapModule","line":72,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":73,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":74,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-mask","name":"NgxMaskModule","line":75,"character":4},"member":"forRoot"},"arguments":[{"validation":false}]},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":78,"character":4}],"exports":[[{"__symbolic":"reference","name":"WorkItemDetailComponent"},{"__symbolic":"reference","name":"WorkItemHistoryComponent"},{"__symbolic":"reference","name":"WorkItemLinkedComponent"},{"__symbolic":"reference","name":"WorkItemSummaryComponent"},{"__symbolic":"reference","name":"WorkItemVariablesComponent"}],{"__symbolic":"reference","module":"cap-form-renderer","name":"CapFormRendererModule","line":80,"character":38},{"__symbolic":"reference","name":"CapManageAttachmentsModule"}],"providers":[{"__symbolic":"reference","name":"AttachmentDataService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":81,"character":37}],"entryComponents":[[{"__symbolic":"reference","name":"WorkItemDetailComponent"},{"__symbolic":"reference","name":"WorkItemHistoryComponent"},{"__symbolic":"reference","name":"WorkItemLinkedComponent"},{"__symbolic":"reference","name":"WorkItemSummaryComponent"},{"__symbolic":"reference","name":"WorkItemVariablesComponent"}]]}]}],"members":{}},"WorkItemHistoryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-work-item-history","template":"<div class=\"history\">\r\n  <cap-notification-bar [type]=\"'default'\" [text]=\"'No History'\" *ngIf=\"!history\"></cap-notification-bar>\r\n  <div class=\"history-container\" *ngIf=\"history\">\r\n    <div class=\"row history-item mr-auto ml-3 mb-3 p-1\" *ngFor=\"let changelog of history\">\r\n      <div class=\"col-auto icon-container\">\r\n        <div class=\"icon-wrapper rounded-circle bg-secondary p-2 text-white\">\r\n          <div [inlineSVG]=\"'/assets/images/sticky-note-solid.svg'\" [setSVGAttributes]=\"{ width: '30' }\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col row border border-secondary ml-2 change-segments neutral-300\">\r\n        <div class=\"col-3 change-date p-3 border-right border-secondary\">\r\n          <div class=\"date-large\">{{ changelog.utcModifiedDateTime | date: 'd MMM' }}</div>\r\n          <div class=\"date-small\">{{ changelog.utcModifiedDateTime | date: 'yyyy - hh:mm' }}</div>\r\n        </div>\r\n        <div class=\"col-5 change-type p-3 border-right border-secondary\">\r\n          <cap-icon [name]=\"'baseline-account-circle'\"></cap-icon>\r\n          <span class=\"change-type ml-2\">{{ changelog.type }}</span>\r\n          <div class=\"change-user\">{{ changelog.userId }}</div>\r\n        </div>\r\n        <div class=\"col change-detail p-3\">\r\n          <div class=\"heading font-weight-bold\">{{ 'app.notesHeading' | translate }}</div>\r\n          <div>{{ changelog.note }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>","styles":[""]}]}],"members":{"history":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"WorkItemLinkedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-work-item-linked","template":"<div class=\"linked-work\">\r\n  <cap-notification-bar\r\n    [type]=\"'default'\"\r\n    [text]=\"'No Linked Work'\"\r\n    *ngIf=\"!linkedWork\"\r\n  ></cap-notification-bar>\r\n  <div *ngIf=\"linkedWork\">\r\n    <cap-table-grid\r\n      [configuration]=\"tableConfiguration\"\r\n      [columnDefs]=\"fields\"\r\n      [dataRow]=\"linkedWork\"\r\n      (optionMenu)=\"ngGetOption($event)\"\r\n      (selectionChanged)=\"ngGetRow($event)\"\r\n    >\r\n    </cap-table-grid>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"linkedWork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngGetOption":[{"__symbolic":"method"}],"ngGetRow":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"WorkItemSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-work-item-summary","template":"<div class=\"row\">\r\n  <div class=\"col-lg-4\">\r\n    <div class=\"card h-100\">\r\n      <h5 class=\"card-header\">Work Item Information</h5>\r\n      <div class=\"card-body\">\r\n        <table *ngIf=\"workItem\">\r\n          <tr>\r\n            <td>Title:</td>\r\n            <td>{{ workItem.name }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Type:</td>\r\n            <td>{{ workItem.workItemTypeName }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Parent:</td>\r\n            <td>{{ workItem.parentItemName }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Owner:</td>\r\n            <td>{{ workItem.userId }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Created:</td>\r\n            <td>{{ workItem.utcCreateDateTime }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>SLA Target:</td>\r\n            <td>{{ workItem.utcSlaTargetDateTime }}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"col-lg-4\">\r\n    <div class=\"card h-100\">\r\n      <h5 class=\"card-header\">Attachments</h5>\r\n      <div class=\"card-body\">\r\n        <div class=\"row summary-attachments\" *ngIf=\"workItem && workItem.attachments\">\r\n          <div class=\"col-3 mb-3 text-blue-500\" *ngFor=\"let attachment of workItem.attachments\">\r\n            <div [title]=\"attachment.fileName\" [inlineSVG]=\"\r\n                '/assets/images/' + attachmentService.getIconForFileType(attachment) + '.svg'\r\n              \" [setSVGAttributes]=\"{ width: '40' }\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"col-lg-4\">\r\n    <div class=\"card h-100\">\r\n      <h5 class=\"card-header\">Variables</h5>\r\n      <div class=\"card-body\">\r\n        <table *ngIf=\"variables\">\r\n          <tr *ngFor=\"let variable of variables\">\r\n            <td>{{ variable.internalName }}:</td>\r\n            <td>{{ variable.value }}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>","styles":[""]}]}],"members":{"workItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"linkedWork":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"variables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AttachmentDataService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"WorkItemVariablesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-work-item-variables","template":"","styles":[""]}]}],"members":{"variables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"KendoTreeviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-kendo-treeview","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<kendo-treeview\r\n  [nodes]=\"data\"\r\n  textField=\"text\"\r\n  [children]=\"fetchChildren\"\r\n  [hasChildren]=\"hasChildren\"\r\n  [kendoTreeViewCheckable]=\"checkableSettings\"\r\n  childrenField=\"items\"\r\n  kendoTreeViewDisable\r\n  [disabledKeys]=\"disabledKeys\"\r\n  [(checkedKeys)]=\"checkedKeys\"\r\n  (checkedChange)=\"handleChecking()\"\r\n>\r\n</kendo-treeview>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.k-treeview{line-height:1}.k-checkbox.k-state-indeterminate,.k-checkbox:checked,.k-checkbox:indeterminate{border-color:#468cff!important;background-color:#468cff!important;color:#fff!important}.k-checkbox.k-state-indeterminate::before,.k-checkbox:indeterminate::before{transform:scale(1) translate(-50%,-50%);overflow:hidden;position:absolute;top:50%;left:50%;height:2px;content:'\\e118'!important}.k-item span{font-size:12px}.k-treeview .k-in.k-state-focused{box-shadow:none}.k-treeview .k-in.k-state-hover,.k-treeview .k-in:hover{background:0 0;border-color:transparent}li[aria-level='1']>div:first-child{font-weight:700}li[aria-level='1']{padding-left:0!important}.k-treeview .k-item{white-space:normal}.node-highlight{color:#468cff}"]}]}],"members":{"enableCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"checkChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"checkParents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"checkOnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disabledKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"checkMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"checkChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"handleChecking":[{"__symbolic":"method"}]}},"UserRolesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"cap-shared-user-roles","template":"<div *ngIf=\"!isMiniView\" class=\"name-desc-container row\">\r\n  <div class=\"input-container col-8\">\r\n    <div class=\"role-name row\">\r\n      <h2>\r\n        {{ currentUser.fullName }}\r\n      </h2>\r\n    </div>\r\n    <div class=\"role-name-description\">\r\n      <span>{{ currentUser.emailId }}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"btn-container-default col-4\" *ngIf=\"isEditable\">\r\n    <cap-button\r\n      *ngIf=\"isEditable\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'sm'\"\r\n      [text]=\"'libShr.aRoles.cancel' | translate\"\r\n      [icon]=\"false\"\r\n      class=\"margin--1x\"\r\n      (click)=\"undoEdit()\"\r\n    ></cap-button>\r\n    <cap-button\r\n      *ngIf=\"isEditable\"\r\n      [type]=\"'primary'\"\r\n      [size]=\"'sm'\"\r\n      [text]=\"'libShr.aRoles.save' | translate\"\r\n      [icon]=\"false\"\r\n      (click)=\"onSave()\"\r\n      [disabled]=\"disableSaveButton\"\r\n    ></cap-button>\r\n  </div>\r\n  <div class=\"btn-container-processed col-4\" *ngIf=\"isEditable == false\">\r\n    <div class=\"position-relative pull-right\">\r\n      <cap-button\r\n        *ngIf=\"isEditable === false\"\r\n        [type]=\"'primary'\"\r\n        [size]=\"'sm'\"\r\n        [text]=\"'libShr.aRoles.editAssignments' | translate\"\r\n        [icon]=\"true\"\r\n        [iconName]=\"'edit'\"\r\n        [iconSize]=\"'20px'\"\r\n        [iconColor]=\"'white'\"\r\n        (click)=\"doEdit()\"\r\n      >\r\n      </cap-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"!loading\" class=\"role-tasks-resources-container\">\r\n  <div class=\"role-details row\">\r\n    <div class=\"role-managements col-4 text-wrap\">\r\n      <h3 class=\"tasks-heading\">{{ 'libShr.aRoles.roles' | translate }}</h3>\r\n      <div *ngIf=\"isEditable\" style=\"margin-bottom: 20px;\">\r\n        <lib-search-textbox\r\n          [placeholderText]=\"'libShr.aRoles.filterRoles' | translate\"\r\n          [defaultValue]=\"''\"\r\n          [cssClass]=\"cssClass\"\r\n          (search)=\"onSearchRole($event)\"\r\n        ></lib-search-textbox>\r\n      </div>\r\n      <div class=\"user-roles-filtered cap-scrollbar\">\r\n        <div\r\n          class=\"user-card\"\r\n          *ngFor=\"\r\n            let roleManagements of userRoles.roles | filterText: searchRole:'name';\r\n            index as i\r\n          \"\r\n        >\r\n          <cap-collection\r\n            *ngIf=\"!isEditable\"\r\n            [type]=\"'blue'\"\r\n            [isActive]=\"currentRoleId === roleManagements.id\"\r\n            class=\"custom-card-collection\"\r\n            (click)=\"RoleSelected(roleManagements.id)\"\r\n          >\r\n            <cap-collection-container-info class=\"col-9 text-wrap custom-container-info\">\r\n              <cap-collection-variable-name>{{\r\n                roleManagements.name\r\n              }}</cap-collection-variable-name>\r\n              <cap-collection-variable-description>{{\r\n                roleManagements.description\r\n              }}</cap-collection-variable-description>\r\n            </cap-collection-container-info>\r\n          </cap-collection>\r\n          <cap-collection *ngIf=\"isEditable\" [type]=\"'blue'\" class=\"custom-card-collection\">\r\n            <cap-collection-selectable class=\"col-1\">\r\n              <input\r\n                class=\"chk_role\"\r\n                type=\"checkbox\"\r\n                name=\"chk_{{ i }}\"\r\n                (click)=\"roleChanged(roleManagements)\"\r\n                [(ngModel)]=\"roleManagements.isChecked\"\r\n              />\r\n            </cap-collection-selectable>\r\n            <cap-collection-container-info class=\"col-9 text-wrap custom-container-info\">\r\n              <cap-collection-variable-name>{{\r\n                roleManagements.name\r\n              }}</cap-collection-variable-name>\r\n              <cap-collection-variable-description>{{\r\n                roleManagements.description\r\n              }}</cap-collection-variable-description>\r\n            </cap-collection-container-info>\r\n          </cap-collection>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"role-tasks col-4 text-wrap\">\r\n      <h3 class=\"tasks-heading\">{{ 'libShr.aRoles.tasks' | translate }}</h3>\r\n      <div class=\"tv_features cap-scrollbar\">\r\n        <lib-kendo-treeview\r\n          *ngIf=\"roleFeatures.length > 0\"\r\n          [enableCheck]=\"false\"\r\n          [checkParents]=\"false\"\r\n          [checkChildren]=\"false\"\r\n          [checkedKeys]=\"[]\"\r\n          [disabledKeys]=\"[]\"\r\n          [data]=\"roleFeatures\"\r\n        ></lib-kendo-treeview>\r\n      </div>\r\n    </div>\r\n    <div class=\"role-resources col-4 text-wrap\">\r\n      <h3 class=\"resources-heading\">{{ 'libShr.aRoles.resources' | translate }}</h3>\r\n      <div class=\"tv_resources cap-scrollbar\">\r\n        <lib-kendo-treeview\r\n          *ngIf=\"roleObjects.length > 0\"\r\n          [enableCheck]=\"false\"\r\n          [checkParents]=\"false\"\r\n          [checkChildren]=\"false\"\r\n          [checkedKeys]=\"[]\"\r\n          [disabledKeys]=\"[]\"\r\n          [data]=\"roleObjects\"\r\n        ></lib-kendo-treeview>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"loading\" class=\"role-tasks-resources-container\">\r\n  <div class=\"k-i-loading\"></div>\r\n</div>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.name-desc-container{padding:8px 0 10px;border-bottom:1px solid #d8d8d8;margin:0 16px}.name-desc-container .input-container .role-name h2{margin-bottom:0;color:#181818}.name-desc-container .input-container .role-name-container{border:none;font-size:26pt;background:#fff;padding:0}.name-desc-container .input-container .role-name-input{border:none;font-size:26pt;background:#fff}.name-desc-container .input-container .edit-name-icon{height:24px;margin-top:16px;margin-left:16px;cursor:pointer}.name-desc-container .input-container .role-name-description{margin-left:-11px;font-size:11px;line-height:.6}.name-desc-container .input-container .role-desc-input{border:none;background:#fff;font-size:12px;margin-top:4px;color:#d8d8d8;margin-bottom:8px}.name-desc-container .input-container .edit-description-icon{margin-left:16px;cursor:pointer}.name-desc-container .btn-container-default,.name-desc-container .btn-container-processed{text-align:right;padding:3px 0 0}.role-tasks-resources-container .role-details{margin:13px 0 0}.role-tasks-resources-container .role-details .resources-heading,.role-tasks-resources-container .role-details .tasks-heading{border-bottom:2px solid #d8d8d8;color:#181818}.k-treeview .k-in{color:#181818!important}.btn{margin:0!important}.hide-class{display:none}.btn.btn-destructive-text,.btn.btn-primary,button.btn-destructive-text,button.btn-primary{margin:0}.user-card{margin:0 0 15px;cursor:pointer}.user-card .custom-container-info{padding:0}.user-card .custom-control{padding-left:0!important}.user-card .collection--checkbox__nolabel{margin-left:0!important;margin-right:1px!important}.custom-card-collection{min-height:60px;height:auto;margin:15px 0}.custom-card-collection>div{padding:10px 0;height:auto}.border__color--blue .variable__name{color:#468cff}.k-i-loading{font-size:50px;height:100px}.tv_features,.tv_resources{max-height:300px}.user-roles-filtered{max-height:300px;margin-top:15px}.cap-scrollbar{overflow-y:hidden}.cap-scrollbar:hover{overflow-y:scroll}.cap-scrollbar::-webkit-scrollbar-track{background:0 0}.cap-scrollbar::-webkit-scrollbar-button{display:none}.cap-scrollbar::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.cap-scrollbar::-webkit-scrollbar{width:8px;height:12px;background-color:transparent}"]}]}],"members":{"emailId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"isMiniView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":52,"character":30},{"__symbolic":"reference","name":"AssignRolesToUserService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getUserRoleManagements":[{"__symbolic":"method"}],"highlightTreeViewNodeItems":[{"__symbolic":"method"}],"undoHighlightNodeItems":[{"__symbolic":"method"}],"onSearchRole":[{"__symbolic":"method"}],"RoleSelected":[{"__symbolic":"method"}],"roleChanged":[{"__symbolic":"method"}],"doEdit":[{"__symbolic":"method"}],"enableOrDisableSaveButton":[{"__symbolic":"method"}],"undoEdit":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"getModifiedRolesBeforeSave":[{"__symbolic":"method"}],"formatRoleFeaturesData":[{"__symbolic":"method"}],"formatRoleObjectsData":[{"__symbolic":"method"}],"processFeatures":[{"__symbolic":"method"}],"processInnerFeatures":[{"__symbolic":"method"}],"processObjects":[{"__symbolic":"method"}],"processInnerObjects":[{"__symbolic":"method"}],"loadChildItems":[{"__symbolic":"method"}],"addUserEffectiveRightsOnRoleChecked":[{"__symbolic":"method"}],"removeUserEffectiveRightsOnRoleUnChecked":[{"__symbolic":"method"}]}},"UsersGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"cap-shared-users-grid","template":"<div class=\"users-card-view\">\r\n  <lib-search-result-grid #searchgrid *ngIf=\"gridObject.length > 0 || this.searchUserText.length > 0\"\r\n    [gridObject]=\"gridObject\" [isAttachment]=\"isAttachment\" [selectedID]=\"emailAddress\" [cellClick]=\"true\"\r\n    [defaultGridSort]=\"defaultGridSort\" [workItemAttachmentData]=\"workItemAttachmentData\" [actions]=\"actions\"\r\n    (buttonOnClick)=\"userEdit($event)\" [textDisplay]=\"gridDisplay\" (selectedData)=\"getSelectedRowItem($event)\">\r\n  </lib-search-result-grid>\r\n</div>\r\n<div *ngIf=\"loading\">\r\n  <div class=\"k-i-loading\"></div>\r\n</div>\r\n<cap-panel #panelObj *ngIf=\"!loading\" [title]=\"currentUser.fullName\" [size]=\"'lg'\" [orientation]=\"'right'\"\r\n  (isOpen)=\"(displayTab)\">\r\n  <div header>\r\n    <span>{{ currentUser.emailId }}</span>\r\n  </div>\r\n  <div body>\r\n    <cap-shared-user-roles #userroles [isMiniView]=\"'true'\"></cap-shared-user-roles>\r\n  </div>\r\n  <div footer>\r\n    <cap-button [type]=\"'secondary'\" [size]=\"'sm'\" [text]=\"'libShr.aRoles.cancel' | translate\"\r\n      (OnClick)=\"this.panelObj.closePanel()\" class=\"margin--1x\">\r\n    </cap-button>\r\n    <cap-button [type]=\"'primary'\" [size]=\"'sm'\" [text]=\"'libShr.aRoles.save' | translate\" (OnClick)=\"assignRoleSave()\">\r\n    </cap-button>\r\n  </div>\r\n</cap-panel>","styles":[".users-card-view{margin-left:20px;margin-right:20px}.k-i-loading{font-size:50px;height:100px}"]}]}],"members":{"userRolesComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["userroles"]}]}],"userRolesPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["panelObj"]}]}],"searchGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["searchgrid"]}]}],"searchUserText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"filteredUsers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AssignRolesToUserService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":68,"character":32},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"userEdit":[{"__symbolic":"method"}],"getSelectedRowItem":[{"__symbolic":"method"}],"getUsers":[{"__symbolic":"method"}],"loadGridObject":[{"__symbolic":"method"}],"createUser":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}],"formatUsersModel":[{"__symbolic":"method"}],"assignRoleSave":[{"__symbolic":"method"}]}},"UsersHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"cap-shared-users-header","template":"<cap-header\r\n  [title]=\"'libShr.aRoles.users' | translate\"\r\n  [description]=\"'libShr.aRoles.userDescription' | translate\"\r\n  [parentClass]=\"'blue-500'\"\r\n  [navClass]=\"'neutral-100 secondary__navbar'\"\r\n  [icon]=\"true\"\r\n>\r\n  <cap-icon icon [name]=\"'baseline-supervised-user-circle'\" class=\"center-icon-header\"></cap-icon>\r\n  <div middle>\r\n    <div>\r\n      <div class=\"pull-left users-grid-searchbox\">\r\n        <lib-search-textbox\r\n          #searchtext\r\n          [placeholderText]=\"'libShr.aRoles.headerSearchPlaceholder' | translate\"\r\n          [cssClass]=\"cssClass\"\r\n          [defaultValue]=\"''\"\r\n          (search)=\"onSearchUser($event)\"\r\n        ></lib-search-textbox>\r\n      </div>\r\n      <div class=\"pull-right border-left user-grid-list-icons\">\r\n        <cap-icon\r\n          *ngIf=\"!table\"\r\n          class=\"icon\"\r\n          (OnClick)=\"loadListView()\"\r\n          [name]=\"'list_view'\"\r\n          [color]=\"'white'\"\r\n          [style.background-color]=\"' $blue-base'\"\r\n          [size]=\"'20px'\"\r\n        >\r\n        </cap-icon>\r\n        <cap-icon\r\n          *ngIf=\"table\"\r\n          class=\"icon\"\r\n          (OnClick)=\"loadTabularView()\"\r\n          [name]=\"'list_view'\"\r\n          [color]=\"'white'\"\r\n          [style.background-color]=\"'$blue-base'\"\r\n          [size]=\"'20px'\"\r\n          [isAction]=\"'true'\"\r\n        >\r\n        </cap-icon>\r\n        <cap-icon\r\n          *ngIf=\"table\"\r\n          class=\"icon\"\r\n          (OnClick)=\"loadListView()\"\r\n          [name]=\"'card_view'\"\r\n          [size]=\"'20px'\"\r\n        >\r\n        </cap-icon>\r\n        <cap-icon\r\n          *ngIf=\"!table\"\r\n          class=\"icon\"\r\n          (OnClick)=\"loadListView()\"\r\n          [name]=\"'card_view'\"\r\n          [size]=\"'20px'\"\r\n          [isAction]=\"'true'\"\r\n          [style.background-color]=\"'$blue-base'\"\r\n          [color]=\"'white'\"\r\n        >\r\n        </cap-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div right>\r\n    <cap-button\r\n      [disabled]=\"eventType === this.editAssignmentType\"\r\n      [type]=\"'danger2'\"\r\n      [size]=\"'sm'\"\r\n      class=\"margin--1x\"\r\n      [text]=\"'libShr.aRoles.deleteUser' | translate\"\r\n      (click)=\"openDeleteUserModal()\"\r\n    ></cap-button>\r\n    <cap-button\r\n      [disabled]=\"eventType === this.editAssignmentType\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'sm'\"\r\n      [text]=\"'libShr.aRoles.addUser' | translate\"\r\n      (click)=\"openAddUserModal()\"\r\n    ></cap-button>\r\n  </div>\r\n</cap-header>\r\n\r\n<cap-modal [id]=\"'add'\" [title]=\"'Add User'\" [type]=\"'default'\" [size]=\"'small'\">\r\n  <div body>\r\n    <div class=\"margin__bottom--1x\">\r\n      <cap-input\r\n        dsLabel=\"First Name*\"\r\n        dsPlaceholder=\"First Name\"\r\n        dsName=\"inputLabel\"\r\n        [(ngModel)]=\"userFirstName\"\r\n        dsMaxLength=\"50\"\r\n      >\r\n      </cap-input>\r\n    </div>\r\n    <div class=\"margin__bottom--1x\">\r\n      <cap-input\r\n        dsLabel=\"Last Name*\"\r\n        dsPlaceholder=\"Last Name\"\r\n        dsName=\"inputLabel\"\r\n        [(ngModel)]=\"userLastName\"\r\n        dsMaxLength=\"50\"\r\n      >\r\n      </cap-input>\r\n    </div>\r\n    <cap-input\r\n      dsLabel=\"Email Address*\"\r\n      dsPlaceholder=\"Email Address\"\r\n      dsName=\"inputLabel\"\r\n      [(ngModel)]=\"userEmailId\"\r\n      dsMaxLength=\"255\"\r\n    >\r\n    </cap-input>\r\n  </div>\r\n  <div footer>\r\n    <cap-button\r\n      [text]=\"'Cancel'\"\r\n      class=\"margin--1x\"\r\n      [type]=\"'secondary'\"\r\n      (OnClick)=\"closeAddUserModal()\"\r\n    ></cap-button>\r\n    <cap-button [text]=\"'Save'\" [type]=\"'primary'\" (OnClick)=\"saveAddUserModal()\"></cap-button>\r\n  </div>\r\n</cap-modal>\r\n\r\n<cap-modal [id]=\"'delete'\" [title]=\"'Confirm Delete'\" [type]=\"'destructive'\" [size]=\"'small'\">\r\n  <div body>\r\n    <p>Are you sure you want to delete this user? This action is permanent</p>\r\n  </div>\r\n  <div footer>\r\n    <cap-button\r\n      [text]=\"'Cancel'\"\r\n      class=\"margin--1x\"\r\n      [type]=\"'secondary'\"\r\n      (OnClick)=\"closeDeleteModal()\"\r\n    ></cap-button>\r\n    <cap-button [text]=\"'Delete'\" [type]=\"'danger'\" (OnClick)=\"deleteModel()\"></cap-button>\r\n  </div>\r\n</cap-modal>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}#navbarSupportedContent{justify-content:center}.separator{float:left;border-right:2px solid #d8d8d8;height:20px;margin-left:15px;margin-right:15px;margin-top:8px}.icon{border-radius:4px!important;margin-top:4px;width:30px;height:30px}.users-grid-searchbox{width:68%}.user-grid-list-icons{margin-top:6px;margin-left:10px;padding-left:10px}.user-grid-list-icons .icon{margin-right:10px;padding:0 3px 3px}.secondary__navbar{height:60px}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"parentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"filteredUsers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"searchUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"searchTextComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["searchtext"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AssignRolesToUserService"},{"__symbolic":"reference","module":"cap-ds","name":"ModalService","line":40,"character":35},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":42,"character":32},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":43,"character":30}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"loadTabularView":[{"__symbolic":"method"}],"loadListView":[{"__symbolic":"method"}],"onSearchUser":[{"__symbolic":"method"}],"openAddUserModal":[{"__symbolic":"method"}],"openDeleteUserModal":[{"__symbolic":"method"}],"closeAddUserModal":[{"__symbolic":"method"}],"closeDeleteModal":[{"__symbolic":"method"}],"deleteModel":[{"__symbolic":"method"}],"saveAddUserModal":[{"__symbolic":"method"}],"resetAddUserPopupFields":[{"__symbolic":"method"}]}},"UsersListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cap-shared-users-list","template":"<div class=\"role-list-view\">\r\n  <div class=\"row custom-row\">\r\n    <div class=\"role-card-container col-3\">\r\n      <cap-shared-user-card (usersLoaded)=\"isUserLoaded($event)\" (filteredUsers)=\"onFilteredUsers($event)\"\r\n        [searchedUser]=\"searchedUser\"></cap-shared-user-card>\r\n    </div>\r\n    <div *ngIf=\"usersLoaded\" class=\"role-card-tasks-resources col-9\">\r\n      <cap-shared-user-roles (eventType)=\"onEvenTypeChanged($event)\"></cap-shared-user-roles>\r\n    </div>\r\n    <div *ngIf=\"!usersLoaded\" class=\"role-card-tasks-resources col-9\">\r\n      <div class=\"k-i-loading\"></div>\r\n    </div>\r\n  </div>\r\n</div>","styles":[".role-list-view .custom-row{margin:0;padding:0 16px 16px}.role-list-view .custom-row .role-card-container{padding-left:0}.role-list-view .custom-row .role-card-tasks-resources{border-radius:8px;background-color:#fff;padding:0}.k-i-loading{font-size:50px;height:100px}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filteredUsers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isUserLoaded":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onFilteredUsers":[{"__symbolic":"method"}],"onEvenTypeChanged":[{"__symbolic":"method"}]}},"UserCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"cap-shared-user-card","template":"<div class=\"user-cards cap-scrollbar\">\r\n  <div class=\"user-card\" *ngFor=\"let user of users\" (click)=\"UserSelected(user)\">\r\n    <cap-collection [type]=\"'blue'\" [isActive]=\"currentUserId === user.emailId\" class=\"custom-card-collection\">\r\n      <cap-collection-container-info class=\"col-11 text-wrap custom-container-info\">\r\n        <cap-collection-variable-name>{{ user.fullName }}</cap-collection-variable-name>\r\n        <cap-collection-variable-description>{{\r\n            user.emailId\r\n          }}</cap-collection-variable-description>\r\n      </cap-collection-container-info>\r\n    </cap-collection>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"loading\" class=\"k-i-loading\"></div>","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.user-cards{max-height:500px}.user-cards .user-card{margin-bottom:15px;cursor:pointer}.user-cards .user-card .custom-container-info{padding:0}.custom-card-collection{min-height:60px;height:auto;margin:15px 0}.border__color--blue .variable__name{color:#468cff}.k-i-loading{font-size:50px;height:100px}.cap-scrollbar{overflow-y:hidden}.cap-scrollbar:hover{overflow-y:scroll}.cap-scrollbar::-webkit-scrollbar-track{background:0 0}.cap-scrollbar::-webkit-scrollbar-button{display:none}.cap-scrollbar::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.cap-scrollbar::-webkit-scrollbar{width:8px;height:12px;background-color:transparent}"]}]}],"members":{"usersLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"filteredUsers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"searchedUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AssignRolesToUserService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"UserSelected":[{"__symbolic":"method"}],"getUsers":[{"__symbolic":"method"}],"createUser":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"emitFilteredUsers":[{"__symbolic":"method"}]}},"RoleCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"cap-shared-role-card","template":"<div class=\"cap-scrollbar role-cards\">\r\n  <div class=\"role-card\" *ngFor=\"let role of roles\">\r\n    <cap-collection class=\"custom-card-collection\" [type]=\"'blue'\" [isActive]=\"roleId === role.id\">\r\n      <cap-collection-container-info\r\n        class=\"col-11 text-wrap custom-container-info\"\r\n        (click)=\"fetchRoleData(role.id, role.name, 'card')\"\r\n      >\r\n        <cap-collection-variable-name>{{ role.name }}</cap-collection-variable-name>\r\n        <cap-collection-variable-description>{{\r\n          role.description\r\n        }}</cap-collection-variable-description>\r\n      </cap-collection-container-info>\r\n      <cap-collection-options>\r\n        <cap-icon [name]=\"'baseline-more-vert'\"></cap-icon>\r\n      </cap-collection-options>\r\n    </cap-collection>\r\n\r\n    <cap-context-dropdown-menu #context>\r\n      <cap-dropdown-menu-item\r\n        #op1\r\n        [id]=\"'edit'\"\r\n        text=\"{{ 'libShr.am.editBtnPlaceholder' | translate }}\"\r\n        (OnClick)=\"fetchRoleData(role.id, role.name, 'subMenu')\"\r\n      ></cap-dropdown-menu-item>\r\n      <cap-dropdown-menu-item\r\n        #op2\r\n        [id]=\"'delete'\"\r\n        text=\"{{ 'libShr.am.deleteBtnPlaceholder' | translate }}\"\r\n        (OnClick)=\"deleteRole(role.id, role.name)\"\r\n      ></cap-dropdown-menu-item>\r\n    </cap-context-dropdown-menu>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"loading\" class=\"k-i-loading\"></div>\r\n","styles":[".role-card{margin:0 0 15px;cursor:pointer}.role-card .custom-container-info{padding:0}.role-card ul.clearUl{list-style-type:none;padding:0}.custom-card-collection{min-height:72px;height:auto;margin:15px 0}.role-cards{max-height:500px;margin-top:15px}.cap-scrollbar{overflow-y:hidden}.cap-scrollbar:hover{overflow-y:overlay}.cap-scrollbar::-webkit-scrollbar-track{background:0 0}.cap-scrollbar::-webkit-scrollbar-button{display:none}.cap-scrollbar::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.cap-scrollbar::-webkit-scrollbar{width:8px;height:12px;background-color:transparent}.k-i-loading{font-size:50px;height:100px}"]}]}],"members":{"searchedRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"filteredRoles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"eventCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"modifiedRoleName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"modifiedRoleDesc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"deletedRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":36,"character":32},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":39,"character":30},{"__symbolic":"reference","module":"cap-ds","name":"ModalService","line":40,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRoles":[{"__symbolic":"method"}],"sortRoles":[{"__symbolic":"method"}],"checkModifiedItem":[{"__symbolic":"method"}],"fetchRoleData":[{"__symbolic":"method"}],"deleteRole":[{"__symbolic":"method"}],"openDeleteUserModal":[{"__symbolic":"method"}],"closeDeleteModal":[{"__symbolic":"method"}],"emitFilteredRoles":[{"__symbolic":"method"}]}},"RoleHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"cap-shared-role-header","template":"<div class=\"role-header-container\">\r\n  <cap-header title=\"{{ 'libShr.am.headerTitle' | translate }}\"\r\n    description=\"{{ 'libShr.am.headerDescription' | translate }}\" [parentClass]=\"'blue-500'\"\r\n    [navClass]=\"'neutral-100 secondary__navbar'\" [icon]=\"true\">\r\n    <cap-icon icon [name]=\"'roles_settings'\" class=\"center-icon-header\"></cap-icon>\r\n    <div middle>\r\n      <lib-search-textbox #searchtext placeholderText=\"{{ 'libShr.aRoles.headerSearchPlaceholder' | translate }}\"\r\n        [cssClass]=\"cssClass\" [defaultValue]=\"''\" (search)=\"onSearchRole($event)\"></lib-search-textbox>\r\n    </div>\r\n    <div right>\r\n      <div class=\"col-6\"></div>\r\n      <div>\r\n        <cap-button [disabled]=\"eventType === this.editRoleType\" [type]=\"'secondary'\" [size]=\"'sm'\" text=\"{{ 'libShr.am.addNewRoleText' | translate }}\"\r\n          (OnClick)=\"addNewRole()\">\r\n        </cap-button>\r\n      </div>\r\n    </div>\r\n  </cap-header>\r\n</div>","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"parentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"filteredRoles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"searchRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"newRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"searchTextComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["searchtext"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":25,"character":32}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onSearchRole":[{"__symbolic":"method"}],"addNewRole":[{"__symbolic":"method"}]}},"RoleListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"cap-shared-role-list","template":"<div class=\"role-list-view\">\r\n  <div class=\"row custom-row\">\r\n    <div class=\"role-card-container col-3\">\r\n      <cap-shared-role-card [searchedRole]=\"searchedRole\" [eventCount]=\"eventCount\" [modifiedRoleName]=\"roleName\"\r\n        (filteredRoles)=\"onFilteredRoles($event)\" [modifiedRoleDesc]=\"roleDescription\" [deletedRole]=\"deletedRole\">\r\n      </cap-shared-role-card>\r\n    </div>\r\n    <div class=\"role-card-tasks-resources col-9\">\r\n      <cap-shared-role-tasks-resources (roleDescription)=\"onDescriptionChange($event)\"\r\n        (modifiedName)=\"onNameChange($event)\" (deletedRole)=\"onRoleDelete($event)\" (eventType)=\"onEvenTypeChanged($event)\">\r\n      </cap-shared-role-tasks-resources>\r\n    </div>\r\n  </div>\r\n</div>","styles":[".role-list-view .custom-row{margin:0;padding:0 16px}.role-list-view .custom-row .role-card-container{padding-left:0}.role-list-view .custom-row .role-card-tasks-resources{border-radius:8px;margin-top:16px;background-color:#fff;padding:0}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"eventCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"filteredRoles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onDescriptionChange":[{"__symbolic":"method"}],"onNameChange":[{"__symbolic":"method"}],"onRoleDelete":[{"__symbolic":"method"}],"onFilteredRoles":[{"__symbolic":"method"}],"onEvenTypeChanged":[{"__symbolic":"method"}]}},"RoleTasksResourcesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"cap-shared-role-tasks-resources","template":"<div class=\"name-desc-container row\">\r\n  <div class=\"input-container col-6\">\r\n    <div class=\"role-name row\">\r\n      <div [ngClass]=\"{ 'role-name-container': true, 'hide-class': !editNameEnabled }\">\r\n        {{ name }}\r\n      </div>\r\n      <div class=\"name-input-field-container\">\r\n        <input\r\n          id=\"rolename\"\r\n          value=\"{{ name }}\"\r\n          [ngClass]=\"{ 'role-name-input': true, 'hide-class': editNameEnabled }\"\r\n          (keyup)=\"applyNameModification($event)\"\r\n          #roleTitle\r\n        />\r\n      </div>\r\n      <cap-icon\r\n        [name]=\"'edit'\"\r\n        [color]=\"'$blue-base'\"\r\n        [size]=\"'24px'\"\r\n        *ngIf=\"editNameEnableIcon\"\r\n        (OnClick)=\"editRoleName()\"\r\n        class=\"edit-name-icon\"\r\n      ></cap-icon>\r\n    </div>\r\n    <div class=\"role-description row\">\r\n      <div [ngClass]=\"{ 'role-name-description': true, 'hide-class': !editDescEnabled }\">\r\n        {{ description }}\r\n      </div>\r\n      <div class=\"description-input-field-container\">\r\n        <input\r\n          id=\"roledesc\"\r\n          type=\"text\"\r\n          [ngClass]=\"{ 'role-desc-input': true, 'hide-class': editDescEnabled }\"\r\n          value=\"{{ description }}\"\r\n          (keyup)=\"applyDescModification($event)\"\r\n          #roleDesc\r\n        />\r\n      </div>\r\n      <cap-icon\r\n        [name]=\"'edit'\"\r\n        [color]=\"'$blue-base'\"\r\n        [size]=\"'24px'\"\r\n        *ngIf=\"editDescEnableIcon\"\r\n        (OnClick)=\"editRoleDescritption()\"\r\n        class=\"edit-description-icon\"\r\n      >\r\n      </cap-icon>\r\n    </div>\r\n  </div>\r\n  <div class=\"btn-container-default col-6\" *ngIf=\"toggleBtnContainer\">\r\n    <cap-button\r\n      [type]=\"'danger3'\"\r\n      class=\"margin--1x\"\r\n      [size]=\"'sm'\"\r\n      text=\"{{ 'libShr.am.deleteBtnPlaceholder' | translate }}\"\r\n      (OnClick)=\"openDeleteUserModal()\"\r\n      [disabled]=\"false\"\r\n    >\r\n    </cap-button>\r\n    <cap-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'sm'\"\r\n      text=\"{{ 'libShr.am.editBtnPlaceholder' | translate }}\"\r\n      (click)=\"editRole()\"\r\n      class=\"edit-btn position-relative\"\r\n      [icon]=\"true\"\r\n      [iconName]=\"'edit'\"\r\n      [iconSize]=\"'20px'\"\r\n      [iconColor]=\"'white'\"\r\n    >\r\n    </cap-button>\r\n  </div>\r\n  <div class=\"btn-container-processed col-6\" *ngIf=\"!toggleBtnContainer\">\r\n    <cap-button\r\n      [type]=\"'tertiary'\"\r\n      [size]=\"'sm'\"\r\n      text=\"{{ 'libShr.am.cancelBtnPlaceholder' | translate }}\"\r\n      (OnClick)=\"cancelRoleChanges()\"\r\n      class=\"delete-btn margin--1x\"\r\n    ></cap-button>\r\n    <cap-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'sm'\"\r\n      text=\"{{ 'libShr.am.saveBtnPlaceholder' | translate }}\"\r\n      (OnClick)=\"saveRoleChanges()\"\r\n      class=\"edit-btn\"\r\n      [disabled]=\"saveBtnToggle\"\r\n    ></cap-button>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"!loading\" class=\"role-tasks-resources-container\">\r\n  <div class=\"role-details row\">\r\n    <div class=\"role-tasks col-4 text-wrap\">\r\n      <h3 class=\"tasks-heading\">Tasks</h3>\r\n      <div class=\"tv-role-tasks cap-scrollbar\">\r\n        <lib-kendo-treeview\r\n          [enableCheck]=\"enableKendoCheckbox\"\r\n          [checkParents]=\"true\"\r\n          [checkChildren]=\"true\"\r\n          [disabledKeys]=\"[]\"\r\n          [data]=\"tasks\"\r\n          (checkChanged)=\"checkFeaturesChange($event)\"\r\n          [checkedKeys]=\"checkedFeatures\"\r\n        >\r\n        </lib-kendo-treeview>\r\n      </div>\r\n    </div>\r\n    <div class=\"role-resources col-4 text-wrap\">\r\n      <h3 class=\"resources-heading\">Resources</h3>\r\n      <div class=\"tv-role-resources cap-scrollbar\">\r\n        <lib-kendo-treeview\r\n          [enableCheck]=\"enableKendoCheckbox\"\r\n          [checkParents]=\"true\"\r\n          [checkChildren]=\"true\"\r\n          [disabledKeys]=\"[]\"\r\n          [checkedKeys]=\"checkedObjects\"\r\n          [data]=\"resources\"\r\n          (checkChanged)=\"checkObjectsChange($event)\"\r\n        ></lib-kendo-treeview>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"loading\" class=\"role-tasks-resources-container\">\r\n  <div class=\"k-i-loading\"></div>\r\n</div>\r\n<cap-modal [id]=\"'delete'\" [title]=\"'Confirm Delete'\" [type]=\"'destructive'\" [size]=\"'small'\">\r\n  <div body>\r\n    <p>Are you sure you want to delete this role? This action is permanent</p>\r\n  </div>\r\n  <div footer>\r\n    <cap-button\r\n      [text]=\"'Cancel'\"\r\n      [size]=\"'sm'\"\r\n      class=\"margin--1x\"\r\n      [type]=\"'secondary'\"\r\n      (OnClick)=\"closeDeleteModal()\"\r\n    >\r\n    </cap-button>\r\n    <cap-button\r\n      [text]=\"'Delete'\"\r\n      [size]=\"'sm'\"\r\n      [type]=\"'danger'\"\r\n      (OnClick)=\"deleteRole()\"\r\n    ></cap-button>\r\n  </div>\r\n</cap-modal>\r\n","styles":["@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{font-family:'Source Sans Pro',sans-serif}h5{font-family:\"Source Sans Pro\",sans-serif;font-size:16px;font-weight:500}a,button{font-family:\"Source Sans Pro\",sans-serif;font-size:14px;font-weight:600}label,thead{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:600}caption{font-family:\"Source Sans Pro\",sans-serif;font-size:12px;font-weight:500}.overline{font-family:\"Source Sans Pro\",sans-serif;font-size:10px;font-weight:500}.pointer{cursor:pointer}.body--surface{background:#f8f8f8;box-shadow:0 0 24px -6px rgba(85,88,90,.34)}.primary--surface{border:1px solid #e8e8e8;background:#fff}.hover--surface,.primary--surface:hover{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 18px -4px #b8b8b8}.elevated--surface{border:1px solid #e8e8e8;background:#fff;box-shadow:0 0 28px 3px rgba(184,184,184,.53)}.semantic--surface01{background:#c45bd9;color:#fff}.semantic--surface02{background:#be3833;color:#fff}.semantic--surface03{background:#e88725;color:#fff}.semantic--surface04{background:#ebc746}.semantic--surface05{background:#4cad64;color:#fff}.semantic--surface06{background:#4f89e5;color:#fff}.neutral--surface01{background:#181818}.neutral--surface02{background:#888}.neutral--surface03{background:#d8d8d8}.border{border-color:#585858!important;border-style:solid}.border.border-thin{border-width:.5px!important}.border.border-medium{border-width:2px!important}.border.border-bold{border-width:4px!important}.border__radius--xs{border-radius:4px!important}.border__radius--sm{border-radius:8px!important}.border__radius--md{border-radius:12px!important}.border__radius--lg{border-radius:16px!important}.border__color--blue{border-color:#468cff!important}.border__color--dark{border-color:#181818!important}.border__color--light{border-color:#888!important}.border__color--gray{border-color:#d8d8d8!important}.margin--1x{margin:8px!important}.margin--2x{margin:16px!important}.margin--3x{margin:24px!important}.margin--4x{margin:32px!important}.margin--5x{margin:40px!important}.margin--0{margin:0!important}.margin__top--1x{margin-top:8px!important}.margin__top--2x{margin-top:16px!important}.margin__top--3x{margin-top:24px!important}.margin__top--4x{margin-top:32px!important}.margin__top--5x{margin-top:40px!important}.margin__top--0{margin-top:0!important}.margin__bottom--1x{margin-bottom:8px!important}.margin__bottom--2x{margin-bottom:16px!important}.margin__bottom--3x{margin-bottom:24px!important}.margin__bottom--4x{margin-bottom:32px!important}.margin__bottom--5x{margin-bottom:40px!important}.margin__bottom--0{margin-bottom:0!important}.margin__left--1x{margin-left:8px!important}.margin__left--2x{margin-left:16px!important}.margin__left--3x{margin-left:24px!important}.margin__left--4x{margin-left:32px!important}.margin__left--5x{margin-left:40px!important}.margin__left--0{margin-left:0!important}.margin__right--1x{margin-right:8px!important}.margin__right--2x{margin-right:16px!important}.margin__right--3x{margin-right:24px!important}.margin__right--4x{margin-right:32px!important}.margin__right--5x{margin-right:40px!important}.margin__right--0{margin-right:0!important}.padding--1x{padding:8px!important}.padding--2x{padding:16px!important}.padding--3x{padding:24px!important}.padding--4x{padding:32px!important}.padding--5x{padding:40px!important}.padding--0{padding:0!important}.padding__top--1x{padding-top:8px!important}.padding__top--2x{padding-top:16px!important}.padding__top--3x{padding-top:24px!important}.padding__top--4x{padding-top:32px!important}.padding__top--5x{padding-top:40px!important}.padding__top--0{padding-top:0!important}.padding__bottom--1x{padding-bottom:8px!important}.padding__bottom--2x{padding-bottom:16px!important}.padding__bottom--3x{padding-bottom:24px!important}.padding__bottom--4x{padding-bottom:32px!important}.padding__bottom--5x{padding-bottom:40px!important}.padding__bottom--0{padding-bottom:0!important}.padding__left--1x{padding-left:8px!important}.padding__left--2x{padding-left:16px!important}.padding__left--3x{padding-left:24px!important}.padding__left--4x{padding-left:32px!important}.padding__left--5x{padding-left:40px!important}.padding__left--0{padding-left:0!important}.padding__right--1x{padding-right:8px!important}.padding__right--2x{padding-right:16px!important}.padding__right--3x{padding-right:24px!important}.padding__right--4x{padding-right:32px!important}.padding__right--5x{padding-right:40px!important}.padding__right--0{padding-right:0!important}.neutral-900{background-color:#181818!important}.text-neutral-900{color:#181818!important}.neutral-800{background-color:#373737!important}.text-neutral-800{color:#373737!important}.neutral-700{background-color:#585858!important}.text-neutral-700{color:#585858!important}.neutral-600{background-color:#888!important}.text-neutral-600{color:#888!important}.neutral-500{background-color:#b8b8b8!important}.text-neutral-500{color:#b8b8b8!important}.neutral-400{background-color:#d8d8d8!important}.text-neutral-400{color:#d8d8d8!important}.neutral-300{background-color:#e8e8e8!important}.text-neutral-300{color:#e8e8e8!important}.neutral-200{background-color:#f8f8f8!important}.text-neutral-200{color:#f8f8f8!important}.neutral-100{background-color:#fff!important}.text-neutral-100{color:#fff!important}.primary-500{background-color:#468cff!important}.text-primary-500{color:#468cff!important}.red-300{background-color:#f2aca9!important}.text-red-300{color:#f2aca9!important}.red-500{background-color:#be3833!important}.text-red-500{color:#be3833!important}.red-800{background-color:#520200!important}.text-red-800{color:#520200!important}.red-600{background-color:#99221f}.text-red-600{color:#99221f!important}.red-700{background-color:#80120d!important}.text-red-700{color:#80120d!important}.blue-100{background-color:#ebf1fc!important}.text-blue-100{color:#ebf1fc!important}.blue-200{background-color:#d4e2f9!important}.text-blue-200{color:#d4e2f9!important}.blue-300{background-color:#b3cfff!important}.blue-500{background-color:#468cff!important}.text-blue-500{color:#468cff!important}.blue-600{background-color:#0047ba!important}.text-blue-600{color:#0047ba!important}.blue-700{background-color:#003387!important}.text-blue-700{color:#003387!important}.blue-800{background-color:#1c3564!important}.text-blue-800{color:#1c3564!important}.green-300{background-color:#9de0ad!important}.text-green-300{color:#9de0ad!important}.green-500{background-color:#4cad64!important}.text-green-500{color:#4cad64!important}.green-600{background-color:#228c45!important}.text-green-600{color:#228c45!important}.green-700{background-color:#0b5e3e!important}.text-green-700{color:#0b5e3e!important}.green-800{background-color:#013316!important}.text-green-800{color:#013316!important}.orange-300{background-color:#edc9a6!important}.text-orange-300{color:#e88725!important}.orange-500{background-color:#e88725!important}.text-orange-500{color:#e88725!important}.orange-600{background-color:#c96d1c!important}.text-orange-600{color:#c96d1c!important}.orange-700{background-color:#964a08!important}.text-orange-700{color:#964a08!important}.orange-800{background-color:#572800!important}.text-orange-800{color:#572800!important}.yellow-300{background-color:#f0e0a8!important}.text-yellow-300{color:#f0e0a8!important}.yellow-500{background-color:#ebc746!important}.text-yellow-500{color:#ebc746!important}.yellow-600{background-color:#cca029!important}.text-yellow-600{color:#cca029!important}.yellow-700{background-color:#996e00!important}.text-yellow-700{color:#996e00!important}.yellow-800{background-color:#593500!important}.text-yellow-800{color:#593500!important}.text-pink-300{color:#e6a9f2!important}.pink-300{background-color:#e6a9f2!important}.text-pink-500{color:#c45bd9!important}.pink-500{background-color:#c45bd9!important}.text-pink-600{color:#852299!important}.pink-600{background-color:#852299!important}.text-pink-700{color:#620b73!important}.pink-700{background-color:#620b73!important}.text-pink-800{color:#350040!important}.pink-800{background-color:#350040!important}body{font-family:'Source Sans Pro',sans-serif}h1{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700}h1.semibold{font-size:46px;font-weight:400}h2{font-family:'Source Sans Pro',sans-serif;font-size:26px;font-weight:700}h2.semibold{font-size:37px;font-weight:400}h3{font-family:'Source Sans Pro',sans-serif;font-size:20px;font-weight:700}h3.semibold{font-size:28px;font-weight:400}h4{font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700}h4.semibold{font-size:22px;font-weight:400}p{font-family:'Source Sans Pro',sans-serif!important;font-size:14px;font-weight:lighter}p.semibold{font-size:20px;font-weight:regular}button{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:700}button.semibold{font-size:20px;font-weight:400}a{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-weight:regular}a.semibold{font-size:20px;font-weight:400}label{font-family:'Source Sans Pro',sans-serif;font-size:12px!important;font-weight:regular!important}label.semibold{font-size:17px;font-weight:400}.center-content{margin:0;position:relative;top:50%;transform:translateY(-50%)}.center-icon-header{position:absolute}.cap-contextmenu .dropdown-menu{border:1px solid #ccc;background-color:#fff;padding:0!important}.cap-contextmenu li{display:block;border-top:1px solid #ccc;text-transform:capitalize;text-align:Left}.cap-contextmenu li:first-child{border-top:none}.cap-contextmenu a{color:#181818;display:block;padding:.5em 1em}.cap-contextmenu a:hover{color:#468cff;font-weight:600;background-color:#f8f8f8;text-decoration:none}.parent,.parent-revert{display:-ms-grid;display:grid}.parent{place-items:center}.parent-revert{place-items:revert;top:13px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.btn:not(:disabled):not(.disabled){cursor:pointer}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.branding-container{padding:16px 20px}.toast-close-button{right:.7em!important;top:-.3em!important}.full-width{width:100%!important}.name-desc-container{padding:8px 0 0;border-bottom:1px solid #d8d8d8;margin:0 16px}.name-desc-container .input-container .name-input-field-container{padding:0}.name-desc-container .input-container .role-name-container{border:none;font-size:26pt;background:#fff;padding:0}.name-desc-container .input-container .role-name-input{border:none;font-size:26pt;background:#fff;color:#d8d8d8;border-left:2px solid #d8d8d8}.name-desc-container .input-container .edit-name-icon{height:24px;margin-top:16px;margin-left:16px}.name-desc-container .input-container .edit-name-icon svg{cursor:pointer}.name-desc-container .input-container .role-name-description{border:none;background:#fff;font-size:12pt;margin-top:4px;color:#d8d8d8;margin-bottom:8px}.name-desc-container .input-container .role-desc-input{border:none;background:#fff;margin-top:4px;color:#d8d8d8;margin-bottom:8px;resize:horizontal}.name-desc-container .input-container .edit-description-icon{margin-left:16px;cursor:pointer}.name-desc-container .btn-container-default,.name-desc-container .btn-container-processed{text-align:right;padding:16px 0 0}.role-tasks-resources-container .role-details{margin:27px 0 0}.role-tasks-resources-container .role-details .resources-heading,.role-tasks-resources-container .role-details .tasks-heading{border-bottom:2px solid #d8d8d8;color:#181818}.k-treeview .k-in{color:#181818!important}.btn{margin:0!important}.hide-class{display:none}.btn.btn-destructive-text,.btn.btn-primary,button.btn-destructive-text,button.btn-primary{margin:0}.tv-role-resources,.tv-role-tasks{max-height:320px}.cap-scrollbar{overflow-y:hidden}.cap-scrollbar:hover{overflow-y:scroll}.cap-scrollbar::-webkit-scrollbar-track{background:0 0}.cap-scrollbar::-webkit-scrollbar-button{display:none}.cap-scrollbar::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.cap-scrollbar::-webkit-scrollbar{width:8px;height:12px;background-color:transparent}.k-i-loading{font-size:50px;height:100px}"]}]}],"members":{"selectedRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"roleDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"modifiedName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"deletedRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"eventType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"roleTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["roleTitle"]}]}],"roleDesc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["roleDesc"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterService","line":86,"character":30},{"__symbolic":"reference","module":"cap-ds","name":"ModalService","line":87,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"editRole":[{"__symbolic":"method"}],"deleteRole":[{"__symbolic":"method"}],"editRoleName":[{"__symbolic":"method"}],"editRoleDescritption":[{"__symbolic":"method"}],"saveRoleChanges":[{"__symbolic":"method"}],"selectedFeatureFormat":[{"__symbolic":"method"}],"selectedObjectFormat":[{"__symbolic":"method"}],"cancelRoleChanges":[{"__symbolic":"method"}],"actionsHandler":[{"__symbolic":"method"}],"checkFeaturesChange":[{"__symbolic":"method"}],"checkObjectsChange":[{"__symbolic":"method"}],"getCheckedKeyValuesFeatures":[{"__symbolic":"method"}],"getCheckedKeyValuesObjects":[{"__symbolic":"method"}],"applyDescModification":[{"__symbolic":"method"}],"applyNameModification":[{"__symbolic":"method"}],"openDeleteUserModal":[{"__symbolic":"method"}],"closeDeleteModal":[{"__symbolic":"method"}]}},"AssignRolesToUserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setCurrentUser":[{"__symbolic":"method"}],"addNewUser":[{"__symbolic":"method"}],"setDeletedUser":[{"__symbolic":"method"}],"setRoleId":[{"__symbolic":"method"}],"setCurrentView":[{"__symbolic":"method"}],"setSearchUserText":[{"__symbolic":"method"}]}},"AssignRolesToUsersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"cap-shared-assign-roles-to-users","template":"<div class=\"assign-permission-to-role-header\">\r\n  <cap-shared-users-header (displayMode)=\"onDisplayModeChange($event)\" (searchUser)=\"onSearchUser($event)\"\r\n    [filteredUsers]=\"filteredUsers\" [eventType]=\"eventType\">\r\n  </cap-shared-users-header>\r\n</div>\r\n<div class=\"assign-permission-to-role-list\">\r\n  <div>\r\n  <cap-shared-users-list *ngIf=\"currentViewName === DisplayType.List\" [data]=\"searchedUser\"\r\n    (filteredUsers)=\"onFilteredUsers($event)\" (eventType)=\"onEvenTypeChanged($event)\"></cap-shared-users-list>\r\n  <cap-shared-users-grid *ngIf=\"currentViewName === DisplayType.Table\" [searchUserText]=\"searchedUser\"\r\n    (filteredUsers)=\"onFilteredUsers($event)\"></cap-shared-users-grid>\r\n  </div>\r\n</div>","styles":[".assign-permission-to-role-list{padding-top:16px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AssignRolesToUserService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onDisplayModeChange":[{"__symbolic":"method"}],"isUserLoaded":[{"__symbolic":"method"}],"onSearchUser":[{"__symbolic":"method"}],"onFilteredUsers":[{"__symbolic":"method"}],"onEvenTypeChanged":[{"__symbolic":"method"}]}},"AssignPermissionsToRolesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cap-shared-assign-permissions-to-roles","template":"<div class=\"assign-permission-to-role-header\">\r\n  <cap-shared-role-header (searchRole)=\"onSearchRole($event)\" (newRole)=\"onNewRole($event)\"\r\n    [filteredRoles]=\"filteredRoles\" [eventType]=\"eventType\"></cap-shared-role-header>\r\n</div>\r\n<div class=\"assign-permission-to-role-list\">\r\n  <cap-shared-role-list [data]=\"searchedRole\" [eventCount]=\"eventCount\" (filteredRoles)=\"onFilteredRoles($event)\" (eventType)=\"onEvenTypeChanged($event)\">\r\n  </cap-shared-role-list>\r\n</div>","styles":[".assign-permission-to-role-header{margin-top:4em}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onSearchRole":[{"__symbolic":"method"}],"onNewRole":[{"__symbolic":"method"}],"onFilteredRoles":[{"__symbolic":"method"}],"onEvenTypeChanged":[{"__symbolic":"method"}]}},"CapUserRolesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":69,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"KendoTreeviewComponent"},{"__symbolic":"reference","name":"UserRolesComponent"},{"__symbolic":"reference","name":"UsersGridComponent"},{"__symbolic":"reference","name":"UsersHeaderComponent"},{"__symbolic":"reference","name":"UsersListComponent"},{"__symbolic":"reference","name":"UserCardComponent"},{"__symbolic":"reference","name":"RoleCardComponent"},{"__symbolic":"reference","name":"RoleHeaderComponent"},{"__symbolic":"reference","name":"RoleListComponent"},{"__symbolic":"reference","name":"AssignRolesToUsersComponent"},{"__symbolic":"reference","name":"AssignPermissionsToRolesComponent"},{"__symbolic":"reference","name":"RoleTasksResourcesComponent"}],{"__symbolic":"reference","name":"FilterTextPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":72,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":73,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":75,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":77,"character":15}]},"isolate":false}]},[{"__symbolic":"reference","module":"cap-ds","name":"CapCollectionModule","line":57,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapPanelModule","line":58,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapButtonModule","line":59,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapIconModule","line":60,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapHeaderModule","line":61,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapDropDownMenuModule","line":62,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapContextMenuModule","line":63,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapModalModule","line":64,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapInputModule","line":65,"character":2},{"__symbolic":"reference","module":"cap-ds","name":"CapToasterModule","line":66,"character":2}],{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":82,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":83,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@progress/kendo-angular-treeview","name":"TreeViewModule","line":84,"character":4},{"__symbolic":"reference","name":"CapSearchTextboxModule"},{"__symbolic":"reference","name":"CapSearchResultGridModule"}],"exports":[[{"__symbolic":"reference","name":"KendoTreeviewComponent"},{"__symbolic":"reference","name":"UserRolesComponent"},{"__symbolic":"reference","name":"UsersGridComponent"},{"__symbolic":"reference","name":"UsersHeaderComponent"},{"__symbolic":"reference","name":"UsersListComponent"},{"__symbolic":"reference","name":"UserCardComponent"},{"__symbolic":"reference","name":"RoleCardComponent"},{"__symbolic":"reference","name":"RoleHeaderComponent"},{"__symbolic":"reference","name":"RoleListComponent"},{"__symbolic":"reference","name":"AssignRolesToUsersComponent"},{"__symbolic":"reference","name":"AssignPermissionsToRolesComponent"},{"__symbolic":"reference","name":"RoleTasksResourcesComponent"}],{"__symbolic":"reference","name":"FilterTextPipe"}],"providers":[{"__symbolic":"reference","name":"AssignRolesToUserService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"LabelDto":{"__symbolic":"interface"},"GridColumn":{"__symbolic":"class","members":{}},"DataExportTypeEnum":{"All":0,"Selected":1},"DEFAULT_PERFECT_SCROLLBAR_CONFIG":{"suppressScrollX":true,"wheelSpeed":2,"wheelPropagation":true},"DialogAction":{"DELETE":"delete","CANCEL":"cancel","MESSAGE":"message","YES":"yes","OKCANCEL":"okcancel","YESNO":"yesno","NO":"no","DEACTIVE":"deactive","ACTIVE":"active","COPY":"copy","OK":"ok","ALERT":"alert"},"ActionMessage":{"DELETE":"Are you sure want to delete?","CANCEL":"Are you sure want to cancel?","LOGINERROR":"Username or Password is wrong","SAVESUCCESS":"saved successfully","UPDATESUCCESS":"updated successfully","COPYSUCCESS":"copied successfully","DELETESUCCESS":"deleted successfully","DEACTIVATE":"Are you sure want to deactivate?","COPY":"Are you sure want to copy?"},"ModalDialog":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"IDropdown":{"__symbolic":"interface"},"IDropdownWithChecked":{"__symbolic":"interface"},"Attachment":{"__symbolic":"class","members":{}},"OptionalText":{"__symbolic":"class","members":{}},"ViewMode":{"Model":0,"Detail":1},"DisplayType":{"List":0,"Tile":1,"Both":2},"ViewType":{"View":0,"Edit":1},"ViewModeConfig":{"__symbolic":"class","members":{}},"Action":{"__symbolic":"class","members":{}},"AttachmentAction":{"Edit":0,"Preview":1,"Download":2,"Delete":3,"Replace":4},"ActionMethod":{"GET":0,"PUT":1,"POST":2,"DELETE":3},"ParameterType":{"BODY":0,"PRM":1,"QUERYTRING":2},"ActionTo":{"In":0,"Out":1},"AttachmentConfiguration":{"__symbolic":"class","members":{}},"ActionUrl":{"__symbolic":"class","members":{}},"Parameter":{"__symbolic":"class","members":{}},"ListViewConfig":{"__symbolic":"class","members":{}},"AttachmentColumn":{"__symbolic":"class","members":{}},"AttachmentModalHeader":{"__symbolic":"class","members":{}},"AttachmentOutput":{"__symbolic":"class","members":{}},"PdfData":{"__symbolic":"class","members":{}},"AttachmentType":{"DOC":0,"PDF":1,"IMG":2},"WorkItem":{"__symbolic":"interface"},"ChangeLog":{"__symbolic":"interface"},"Variable":{"__symbolic":"interface"},"DynamicForm":{"__symbolic":"interface"},"OrderbyPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"orderby"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TranslateBackendLabelPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"translateBackendLabel","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":9,"character":49}]}],"transform":[{"__symbolic":"method"}]}},"TranslateSecondsPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"translateSeconds","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":10,"character":42}]}],"transform":[{"__symbolic":"method"}]}},"AttachmentData":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"attachmentData"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ImageType":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"imageType"}]}],"members":{"transform":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"isValidFileType":[{"__symbolic":"method"}]}},"SafeHTML":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":42}]}],"transform":[{"__symbolic":"method"}]}},"DragDropDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[appDragDrop]"}]}],"members":{"onFileDropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":6,"character":3}}]}],"defaultColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"dragColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["style.background-color"]}]}],"opacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["style.opacity"]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":12,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":18,"character":3},"arguments":["dragleave",["$event"]]}]}],"ondrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":3},"arguments":["drop",["$event"]]}]}],"setStyle":[{"__symbolic":"method"}],"setEvent":[{"__symbolic":"method"}]}},"FilterTextPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filterText"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SnackBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":7,"character":42},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":7,"character":77}]}],"openSnackBar":[{"__symbolic":"method"}],"openSnackBarForSuccess":[{"__symbolic":"method"}],"openSnackBarForFailure":[{"__symbolic":"method"}],"openSnackBarForInfo":[{"__symbolic":"method"}],"openSnackBarForWarning":[{"__symbolic":"method"}]}},"SyncFileLoadingService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AttachmentDataService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":15,"character":37}]}],"getImage":[{"__symbolic":"method"}],"formatBytes":[{"__symbolic":"method"}],"getActionDetailForAction":[{"__symbolic":"method"}],"getIcon":[{"__symbolic":"method"}],"getIconForFileType":[{"__symbolic":"method"}],"getFileBlobType":[{"__symbolic":"method"}],"buildParameter":[{"__symbolic":"method"}],"performAttachmentAction":[{"__symbolic":"method"}],"loadFileFromUrl":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"checkValidFiles":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}]}},"isBlankOrNullOrUndefined":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":""},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":{"__symbolic":"reference","name":"undefined"}}},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":null}}},"isNullOrUndefined":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":{"__symbolic":"reference","name":"undefined"}},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":null}}},"isUndefined":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":{"__symbolic":"reference","name":"undefined"}}},"isBlankString":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"value"},"right":""}},"isFunction":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"error","message":"Expression form not supported","line":23,"character":9,"module":"./lib/components/utils/function.utils"},"right":"function"}},"objAndSameType":{"__symbolic":"function","parameters":["obj1","obj2"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isObject"},"arguments":[{"__symbolic":"reference","name":"obj1"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isObject"},"arguments":[{"__symbolic":"reference","name":"obj2"}]}},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"getPrototypeOf"},"arguments":[{"__symbolic":"reference","name":"obj1"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"getPrototypeOf"},"arguments":[{"__symbolic":"reference","name":"obj2"}]}}},"right":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Array"},"member":"isArray"},"arguments":[{"__symbolic":"reference","name":"obj1"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Array"},"member":"isArray"},"arguments":[{"__symbolic":"reference","name":"obj2"}]}}}}},"isObject":{"__symbolic":"function","parameters":["x"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"reference","name":"x"},"right":null},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"error","message":"Expression form not supported","line":36,"character":22,"module":"./lib/components/utils/function.utils"},"right":"object"}}},"isPromise":{"__symbolic":"function","parameters":["obj"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"reference","name":"obj"}}},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"error","message":"Expression form not supported","line":40,"character":18,"module":"./lib/components/utils/function.utils"},"right":"function"}}},"clone":{"__symbolic":"function"},"StringUtils":{"__symbolic":"class","members":{},"statics":{"safeToString":{"__symbolic":"function","parameters":["obj"],"value":{"__symbolic":"if","condition":{"__symbolic":"reference","name":"obj"},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"obj"},"member":"toString"}},"elseExpression":""}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":22,"character":37}]}],"getUsers":[{"__symbolic":"method"}],"getUsersWithRoles":[{"__symbolic":"method"}],"searchUsers":[{"__symbolic":"method"}],"getUserRoles":[{"__symbolic":"method"}],"updateUserRoles":[{"__symbolic":"method"}],"getRoles":[{"__symbolic":"method"}],"putRoles":[{"__symbolic":"method"}],"getRoleDetails":[{"__symbolic":"method"}],"deleteRole":[{"__symbolic":"method"}],"addUser":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","members":{"compareValues":[{"__symbolic":"method"}],"arraysEqual":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"setRole":[{"__symbolic":"method"}],"setRoleId":[{"__symbolic":"method"}],"formatData":[{"__symbolic":"method"}],"formatInititalRoleFeaturesData":[{"__symbolic":"method"}],"formateRoleFeaturesData":[{"__symbolic":"method"}],"formatRoleObjectsData":[{"__symbolic":"method"}],"convertResourcesToTreeViewItems":[{"__symbolic":"method"}],"processInnerObjects":[{"__symbolic":"method"}],"loadChildItems":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"CapSharedModule":"./lib/cap-shared.module","HttpLoaderFactory":"./lib/cap-shared.module","HelpComponent":"./lib/components/help/help.component","CapHelpModule":"./lib/components/help/help.module","KendoGridComponent":"./lib/components/kendo-grid/kendo-grid.component","KendoGridToolbarExportChoiceComponent":"./lib/components/kendo-grid/kendo-grid-toolbar-export-choice.component","ExportType":"./lib/components/kendo-grid/kendo-grid-toolbar.component","KendoGridToolbarComponent":"./lib/components/kendo-grid/kendo-grid-toolbar.component","CapKendoGridModule":"./lib/components/kendo-grid/cap-kendo-grid.module","AttachmentTileComponent":"./lib/components/manage-attachment/attachment-tile/attachment-tile.component","AttachmentViewComponent":"./lib/components/manage-attachment/attachment-view/attachment-view.component","AttachmentListComponent":"./lib/components/manage-attachment/list-view-attachment/attachment-list.component","ManageAttachmentComponent":"./lib/components/manage-attachment/manage-attachment.component","AttachmentModalComponent":"./lib/components/manage-attachment/modal-view/attachment-modal.component","PreviewImageComponent":"./lib/components/manage-attachment/preview/preview.component","AddDescriptionComponent":"./lib/components/manage-attachment/description/add-description.component","CapManageAttachmentsModule":"./lib/components/manage-attachment/cap-manage-attachments.module","ModalDialogComponent":"./lib/components/dialog/dialog.component","CapModalDialogModule":"./lib/components/dialog/cap-modal-dialog.module","SearchResultGridComponent":"./lib/components/search-result-grid/search-result-grid.component","ExportSearchResultComponent":"./lib/components/search-result-grid/export-search-result/export-search-result.component","CapSearchResultGridModule":"./lib/components/search-result-grid/cap-search-result-grid.module","SearchTextboxComponent":"./lib/components/search-textbox/search-textbox.component","CapSearchTextboxModule":"./lib/components/search-textbox/cap-search-textbox.module","SpinnerComponent":"./lib/components/spinner/spinner.component","CapSpinnerModule":"./lib/components/spinner/cap-spinner.module","UnauthorizedComponent":"./lib/components/unauthorized/unauthorized.component","CapUnauthorizedModule":"./lib/components/unauthorized/cap-unauthorized.module","WorkItemDetailComponent":"./lib/components/view-item-details/work-item-detail.component","CapWorkItemViewModule":"./lib/components/view-item-details/cap-work-item-view.module","WorkItemHistoryComponent":"./lib/components/view-item-details/tabs/work-item-history/work-item-history.component","WorkItemLinkedComponent":"./lib/components/view-item-details/tabs/work-item-linked/work-item-linked.component","WorkItemSummaryComponent":"./lib/components/view-item-details/tabs/work-item-summary/work-item-summary.component","WorkItemVariablesComponent":"./lib/components/view-item-details/tabs/work-item-variables/work-item-variables.component","KendoTreeviewComponent":"./lib/components/user-roles/kendo-treeview/kendo-treeview.component","UserRolesComponent":"./lib/components/user-roles/assign-roles-to-users/user-roles/user-roles.component","UsersGridComponent":"./lib/components/user-roles/assign-roles-to-users/users-grid/users-grid.component","UsersHeaderComponent":"./lib/components/user-roles/assign-roles-to-users/users-header/users-header.component","UsersListComponent":"./lib/components/user-roles/assign-roles-to-users/users-list/users-list.component","UserCardComponent":"./lib/components/user-roles/assign-roles-to-users/user-card/user-card.component","RoleCardComponent":"./lib/components/user-roles/assign-permissions-to-roles/role-card/role-card.component","RoleHeaderComponent":"./lib/components/user-roles/assign-permissions-to-roles/role-header/role-header.component","RoleListComponent":"./lib/components/user-roles/assign-permissions-to-roles/role-list/role-list.component","RoleTasksResourcesComponent":"./lib/components/user-roles/assign-permissions-to-roles/role-tasks-resources/role-tasks-resources.component","AssignRolesToUserService":"./lib/components/user-roles/_services/assign-roles-to-users/assign-roles-to-users","AssignRolesToUsersComponent":"./lib/components/user-roles/assign-roles-to-users/assign-roles-to-users.component","AssignPermissionsToRolesComponent":"./lib/components/user-roles/assign-permissions-to-roles/assign-permissions-to-roles.component","CapUserRolesModule":"./lib/components/user-roles/cap-user-roles.module","LabelDto":"./lib/models/dto/labelDto","GridColumn":"./lib/models/dto/labelDto","DataExportTypeEnum":"./lib/models/dataExportType.enum","DEFAULT_PERFECT_SCROLLBAR_CONFIG":"./lib/models/default-perfect-scrollbar-config","DialogAction":"./lib/models/dialog-action","ActionMessage":"./lib/models/dialog-action","ModalDialog":"./lib/models/dialog-action","IDropdown":"./lib/models/dropdown-model","IDropdownWithChecked":"./lib/models/dropdown-model","Attachment":"./lib/models/attachment","OptionalText":"./lib/models/attachment","ViewMode":"./lib/models/attachment","DisplayType":"./lib/models/attachment","ViewType":"./lib/models/attachment","ViewModeConfig":"./lib/models/attachment","Action":"./lib/models/attachment","AttachmentAction":"./lib/models/attachment","ActionMethod":"./lib/models/attachment","ParameterType":"./lib/models/attachment","ActionTo":"./lib/models/attachment","AttachmentConfiguration":"./lib/models/attachment","ActionUrl":"./lib/models/attachment","Parameter":"./lib/models/attachment","ListViewConfig":"./lib/models/attachment","AttachmentColumn":"./lib/models/attachment","AttachmentModalHeader":"./lib/models/attachment","AttachmentOutput":"./lib/models/attachment","PdfData":"./lib/models/attachment","AttachmentType":"./lib/models/attachment","WorkItem":"./lib/components/view-item-details/_models/work.item","ChangeLog":"./lib/components/view-item-details/_models/changelog","Variable":"./lib/components/view-item-details/_models/variable","DynamicForm":"./lib/components/view-item-details/_models/dynamic.form","OrderbyPipe":"./lib/pipes/orderby/orderby.pipe","TranslateBackendLabelPipe":"./lib/pipes/translate-backend-label/translate-backend-label.pipe","TranslateSecondsPipe":"./lib/pipes/translate-seconds/translate-seconds.pipe","AttachmentData":"./lib/pipes/attachment-data/attachment-data.pipe","ImageType":"./lib/pipes/image-type/image-type.pipe","SafeHTML":"./lib/pipes/safeHtml/safeHTML.pipe","DragDropDirective":"./lib/directive/drag-file.directive","FilterTextPipe":"./lib/pipes/filter-text/filter-text.pipe","SnackBarService":"./lib/services/snack-bar/snack-bar.service","SyncFileLoadingService":"./lib/services/sync-file-loading.service","AttachmentDataService":"./lib/services/attachment-data-service/attachment.data.service","isBlankOrNullOrUndefined":"./lib/components/utils/function.utils","isNullOrUndefined":"./lib/components/utils/function.utils","isUndefined":"./lib/components/utils/function.utils","isBlankString":"./lib/components/utils/function.utils","isFunction":"./lib/components/utils/function.utils","objAndSameType":"./lib/components/utils/function.utils","isObject":"./lib/components/utils/function.utils","isPromise":"./lib/components/utils/function.utils","clone":"./lib/components/utils/function.utils","StringUtils":"./lib/components/utils/string.utils","ɵa":"./lib/components/user-roles/_services/rbac-service/rbac.service","ɵb":"./lib/components/user-roles/_models/utils","ɵc":"./lib/components/user-roles/_services/role-select/role-select.service"},"importAs":"cap-shared"}