import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input } from '@angular/core';
import { FloatingBarModule } from '../../../../sharedComponents/floating-bar/floating-bar.module';
import { FormgroupModule } from '../../../../ui-kit/formgroup/formgroup.module';
import { PaginationModule } from '../../../../ui-kit/pagination/pagination.module';
import { PopoverModule } from '../../../../ui-kit/popover/popover.module';
import { TooltipModule } from '../../../../ui-kit/tooltip/tooltip.module';
import { TableCardComponent } from '../table-card/table-card.component';
import { NoDataModule } from '../../../../ui-kit/no-data/no-data.module';
import { LINKS } from '../../constants/cdn-link.constant';
import { ListLoaderModule } from '../../../../sharedComponents/list-loader/list-loader.module';
import { OTHER_GRC_CARD } from '../../constants/grcObject.constant';
import { TableCardLoaderComponent } from '../../../../sharedComponents/table-card-loader/table-card-loader.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../ui-kit/popover/popover.component";
import * as i3 from "../../../../ui-kit/popover/popover.directive";
import * as i4 from "../../../../ui-kit/formgroup/cs-checkbox/cs-checkbox.component";
import * as i5 from "../../../../ui-kit/tooltip/tooltip.directive";
import * as i6 from "../../../../sharedComponents/floating-bar/floating-bar.component";
import * as i7 from "../../../../ui-kit/pagination/pagination/pagination.component";
import * as i8 from "../../../../ui-kit/no-data/no-data.component";
import * as i9 from "../../../../sharedComponents/list-loader/list-loader.component";
export class GrcObjectListComponent {
    set setSelectedGRC(selectedGRC) {
        this.selectedGRC = selectedGRC;
        this.setSelectedTabCount(selectedGRC);
        this.selectedGRCIds = this.getIds(this.selectedGRC, '_id');
        this.preSelectedGRC = JSON.parse(JSON.stringify(selectedGRC));
    }
    constructor() {
        this.CDN_LINK = LINKS;
        this.tableCard = OTHER_GRC_CARD;
        this.loader = false;
        this.cardLoader = false;
        this.currentPage = 1;
        this.selectedGRC = [];
        this.selectedGRCIds = [];
        this.searchString = '';
        this.preSelectedGRC = [];
        this.selectAllButton = 'Select All';
        this.selectedTab = 0;
        this.mode = 'CREATE';
        this.onEditGRCId = '';
        this.saveOtherGRC = new EventEmitter();
        this.closeOtherGRC = new EventEmitter();
        this.getOtherGRCObjects = new EventEmitter();
    }
    ngOnInit() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    getIds(selectedList, key) {
        let ids = [];
        if (selectedList?.length) {
            selectedList.forEach((element) => {
                ids.push(element[key]);
            });
        }
        return ids ?? [];
    }
    getSelectedGRC(grc, event) {
        if (event) {
            this.selectedGRC.push(grc);
            this.selectedGRCIds.push(grc?._id);
            this.updateTabSelectedCount(true, grc?.type);
        }
        else {
            this.deleteEvent(grc);
        }
    }
    deleteEvent(grc) {
        this.selectedGRC = this.selectedGRC?.filter((selected) => selected?._id !== grc?._id);
        this.selectedGRCIds = this.selectedGRCIds?.filter((selectedGRCId) => selectedGRCId !== grc?._id);
        this.updateTabSelectedCount(false, grc?.type);
    }
    handleSearch(event) {
        if (this.searchString != event) {
            this.currentPage = 1;
            this.searchString = event;
            this.getOtherGRCObjects.emit({
                pageNo: this.currentPage,
                searchString: this.searchString,
                type: this.selectedTab,
            });
        }
    }
    selectAll(event) {
        this.grcObject?.data?.forEach((grc) => {
            if (event) {
                if (!this.selectedGRCIds.includes(grc?._id)) {
                    this.selectedGRC.push(grc);
                    this.selectedGRCIds.push(grc?._id);
                    this.updateTabSelectedCount(true, grc?.type);
                }
            }
            else {
                this.deleteEvent(grc);
            }
        });
    }
    updateTabSelectedCount(event, type) {
        if (event) {
            this.tableCard[type].selectedCount++;
        }
        else {
            this.tableCard[type].selectedCount
                ? this.tableCard[type].selectedCount--
                : 0;
        }
    }
    isAllSelected() {
        if (this.selectedGRCIds &&
            this.selectedGRCIds.length >= this.grcObject?.data?.length &&
            this.selectedGRCIds.length > 0) {
            for (const grc of this.grcObject?.data) {
                if (!this.selectedGRCIds.includes(grc?._id)) {
                    this.selectAllButton = 'Select All';
                    return false;
                }
            }
            this.selectAllButton = 'Deselect All';
            return true;
        }
        else {
            this.selectAllButton = 'Select All';
            return false;
        }
    }
    save() {
        this.saveOtherGRC.emit(this.selectedGRC);
    }
    close() {
        this.closeOtherGRC.emit(this.preSelectedGRC);
    }
    changePage(event) {
        this.currentPage = event;
        this.grcObject.currentPage = event;
        this.getOtherGRCObjects.emit({
            pageNo: this.currentPage,
            searchString: this.searchString,
            type: this.selectedTab,
        });
    }
    setSelectedTab(event) {
        this.grcObject.currentPage = 1;
        this.currentPage = 1;
        this.selectedTab = event?.type;
        this.getOtherGRCObjects.emit({
            pageNo: this.currentPage,
            searchString: this.searchString,
            type: event?.type,
        });
    }
    resetSelectedTabCount() {
        this.tableCard.forEach((tab) => {
            tab.selectedCount = 0;
        });
    }
    setSelectedTabCount(data) {
        this.resetSelectedTabCount();
        data.forEach((tab) => {
            this.updateTabSelectedCount(true, tab?.type);
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcObjectListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GrcObjectListComponent, isStandalone: true, selector: "app-grc-object-list", inputs: { grcObject: "grcObject", currentPage: "currentPage", loader: "loader", tableCard: "tableCard", selectedTab: "selectedTab", cardLoader: "cardLoader", onEditGRCId: "onEditGRCId", mode: "mode", setSelectedGRC: ["selectedGRC", "setSelectedGRC"] }, outputs: { saveOtherGRC: "saveOtherGRC", closeOtherGRC: "closeOtherGRC", getOtherGRCObjects: "getOtherGRCObjects" }, ngImport: i0, template: "<div class=\"workflow-grc-object-list\" [class.animate]=\"animation\">\n  <div\n    class=\"workflow-grc-object-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select GRC Object(s)</div>\n  </div>\n  <div class=\"workflow-grc-object-list-body\">\n    <app-table-card-loader *ngIf=\"cardLoader\"></app-table-card-loader>\n    <div class=\"table-card-area vx-d-flex vx-mb-2\"  *ngIf=\"!cardLoader\">\n      <app-table-card\n        class=\"vx-w-100\"\n        [tableCard]=\"tableCard\"\n        [singleSelectedText]=\"'GRC Object Selected'\"\n        [selectedTab]=\"selectedTab\"\n        [multipleSelectedText]=\"'GRC Objects Selected'\"\n        (setSelectedTab)=\"setSelectedTab($event)\"\n      ></app-table-card>\n    </div>\n\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        #searchGRC\n        (keyup.enter)=\"handleSearch($event.target.value)\"\n        placeholder=\"Search GRC objects\"\n      />\n    </div>\n\n    <div class=\"workflow-grc-object-list-body-inner vx-mb-4\">\n      <ng-container *ngIf=\"!loader && grcObject?.data?.length\">\n        <app-pagination\n          *ngIf=\"grcObject?.total_pages > 1\"\n          [start]=\"grcObject?.items_from\"\n          [end]=\"grcObject?.items_to\"\n          [total]=\"grcObject?.total_items\"\n          [pageCount]=\"grcObject?.total_pages\"\n          [currentPage]=\"currentPage\"\n          (selectedPage)=\"changePage($event)\"\n        ></app-pagination>\n        <div class=\"select-all vx-mt-1 vx-mb-1 vx-pl-2\">\n          <app-cs-checkbox\n            [ngValue]=\"isAllSelected()\"\n            (ngValueChange)=\"selectAll($event)\"\n            ><div class=\"vx-fs-12 vx-fw-600 vx-label-txt\">\n              {{ selectAllButton }}\n            </div></app-cs-checkbox\n          >\n        </div>\n\n        <div\n          class=\"workflow-grc-object-list-body-table\"\n          [class.with-pagination]=\"grcObject?.total_pages > 1\"\n        >\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\"\n              >\n                NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              >\n                RESPONSIBILITY CENTER\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"let grc of grcObject?.data; let i = index\"\n              [class.active]=\"selectedGRCIds?.includes(grc?._id)\" [class.disabled]=\"mode === 'EDIT' && onEditGRCId === grc?._id\"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no\"\n                  [appTooltip]=\"grcObject?.items_from + i\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ grcObject?.items_from + i }}\n                </div>\n                <app-cs-checkbox\n                  [ngValue]=\"selectedGRCIds?.includes(grc?._id)\"\n                  (ngValueChange)=\"getSelectedGRC(grc, $event)\"\n                ></app-cs-checkbox>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\"\n              >\n                <div\n                  class=\"name vx-fs-12 vx-label-txt\"\n                  [appTooltip]=\"grc?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ grc?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              >\n                <div class=\"rc-inner vx-d-block\">\n                  <div class=\"vx-d-flex vx-align-center vx-w-100\">\n                    <div\n                      class=\"value vx-fs-12 vx-label-txt\"\n                      [appTooltip]=\"grc?.rcDetails[0]?.rc_name\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                    >\n                      {{ grc?.rcDetails[0]?.rc_name }}\n                    </div>\n                  </div>\n\n                  <div\n                    class=\"within-part vx-d-flex vx-align-center\"\n                    *ngIf=\"grc?.rcDetails[0]?.parent_rc_names?.length\"\n                  >\n                    <div\n                      class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                    >\n                      Within\n                    </div>\n                    <div\n                      class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                      [appTooltip]=\"\n                        grc?.rcDetails[0]?.parent_rc_names\n                          ?.slice()\n                          ?.reverse()\n                          ?.join(' > ')\n                      \"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                    >\n                      {{\n                        grc?.rcDetails[0]?.parent_rc_names\n                          ?.slice()\n                          ?.reverse()\n                          ?.join(\" > \")\n                      }}\n                    </div>\n                  </div>\n                </div>\n                <button\n                  *ngIf=\"grc?.rcDetails?.length > 1\"\n                  class=\"rc-count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-3 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"rcCount.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ grc?.rcDetails?.length - 1 }}\n                </button>\n                <app-popover #rcCount>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li *ngFor=\"let rcDetails of grc?.rcDetails | slice : 1\">\n                        <div class=\"avatar-card\">\n                          <div class=\"vx-d-block vx-w-100\">\n                            <span\n                              class=\"value\"\n                              [appTooltip]=\"rcDetails?.rc_name\"\n                              placement=\"bottom-left\"\n                              delay=\"0\"\n                              type=\"black\"\n                              [tooltipMandatory]=\"false\"\n                              >{{ rcDetails?.rc_name }}</span\n                            >\n                            <div\n                              class=\"within\"\n                              *ngIf=\"rcDetails?.parent_rc_names?.length\"\n                            >\n                              <div class=\"block\">WITHIN</div>\n                              <div\n                                class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                                [appTooltip]=\"\n                                  rcDetails?.parent_rc_names\n                                    ?.slice()\n                                    ?.reverse()\n                                    ?.join(' > ')\n                                \"\n                                placement=\"bottom-left\"\n                                delay=\"0\"\n                                type=\"black\"\n                                [tooltipMandatory]=\"false\"\n                              >\n                                {{\n                                  rcDetails?.parent_rc_names\n                                    ?.slice()\n                                    ?.reverse()\n                                    ?.join(\" > \")\n                                }}\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n      <app-list-loader *ngIf=\"loader\"></app-list-loader>\n      <app-no-data\n        *ngIf=\"grcObject?.data?.length === 0 && !loader\"\n        [noDataImage]=\"CDN_LINK?.noData\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n\n    <app-floating-bar\n      [selectedData]=\"selectedGRC?.length ? selectedGRC : []\"\n      (closeList)=\"close()\"\n      (closeEvent)=\"save()\"\n      [displayElementKey]=\"'name'\"\n      [singularText]=\"'GRC Object selected'\"\n      [pluralText]=\"'GRC Objects selected'\"\n      (deleteEvent)=\"deleteEvent($event)\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .workflow-grc-object-list{position:fixed;inset:0 500px 0 0}::ng-deep .workflow-grc-object-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .workflow-grc-object-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .workflow-grc-object-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .workflow-grc-object-list-body .table-card-area{position:relative;z-index:2}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card{box-shadow:0 0 2px #00000029;margin-right:.25rem}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card:last-of-type{margin-right:0}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card.active{box-shadow:0 3px 12px #1e5dd350;z-index:1}::ng-deep .workflow-grc-object-list-body .search-block{position:relative}::ng-deep .workflow-grc-object-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .workflow-grc-object-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .workflow-grc-object-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .workflow-grc-object-list-body-inner{height:calc(100vh - 18.25rem)}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item{position:relative;padding-left:1.5rem}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .checkbox,::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .workflow-grc-object-list-body-table{height:calc(100vh - 19.75rem);overflow:hidden;overflow-y:auto;width:calc(100% + .5rem);padding-right:.5rem}::ng-deep .workflow-grc-object-list-body-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .workflow-grc-object-list-body-table.with-pagination{height:calc(100vh - 21.75rem)}::ng-deep .workflow-grc-object-list-body-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .workflow-grc-object-list-body-table .table-header .table-column{color:#161b2f!important;line-height:1rem!important;min-height:2rem!important}::ng-deep .workflow-grc-object-list-body-table .table-body{position:relative}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;margin-bottom:.25rem}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .workflow-grc-object-list-body-table .table-body .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row.disabled{pointer-events:none;background:#fbfbfb}::ng-deep .workflow-grc-object-list-body-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column .sorting i{cursor:pointer}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center;position:relative}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial app-cs-checkbox label.checkbox-item{position:absolute!important;top:0;left:0}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name{width:calc(100% - 22rem);min-width:calc(100% - 22rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name .sorting{left:0}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 3rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center{width:20rem;min-width:20rem}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center .rc-inner{max-width:calc(100% - 2.5rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center .rc-inner .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center button.rc-count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;min-width:1.25rem;height:1rem}::ng-deep .workflow-grc-object-list-body app-pagination .pagination-sec-ds{height:2.5rem}::ng-deep .workflow-grc-object-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: i4.CsCheckboxComponentUI, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i7.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: TableCardComponent, selector: "app-table-card", inputs: ["singleSelectedText", "multipleSelectedText", "selectedTab", "tableCard"], outputs: ["setSelectedTab"] }, { kind: "ngmodule", type: NoDataModule }, { kind: "component", type: i8.NoDataComponentUI, selector: "app-no-data", inputs: ["action", "secondaryAction", "noDataImage", "noDataText", "noDataButton", "secondaryButton", "noDataSecButton", "altText", "smallButton"], outputs: ["buttonAction", "secondaryActionButton"] }, { kind: "ngmodule", type: ListLoaderModule }, { kind: "component", type: i9.ListLoaderComponent, selector: "app-list-loader" }, { kind: "component", type: TableCardLoaderComponent, selector: "app-table-card-loader" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcObjectListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-grc-object-list', standalone: true, imports: [
                        CommonModule,
                        PopoverModule,
                        FormgroupModule,
                        TooltipModule,
                        FloatingBarModule,
                        PaginationModule,
                        TableCardComponent,
                        NoDataModule,
                        ListLoaderModule,
                        TableCardLoaderComponent,
                    ], inputs: [
                        'grcObject',
                        'currentPage',
                        'loader',
                        'tableCard',
                        'selectedTab',
                        'cardLoader',
                        'onEditGRCId',
                        'mode',
                    ], outputs: ['saveOtherGRC', 'closeOtherGRC', 'getOtherGRCObjects'], template: "<div class=\"workflow-grc-object-list\" [class.animate]=\"animation\">\n  <div\n    class=\"workflow-grc-object-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select GRC Object(s)</div>\n  </div>\n  <div class=\"workflow-grc-object-list-body\">\n    <app-table-card-loader *ngIf=\"cardLoader\"></app-table-card-loader>\n    <div class=\"table-card-area vx-d-flex vx-mb-2\"  *ngIf=\"!cardLoader\">\n      <app-table-card\n        class=\"vx-w-100\"\n        [tableCard]=\"tableCard\"\n        [singleSelectedText]=\"'GRC Object Selected'\"\n        [selectedTab]=\"selectedTab\"\n        [multipleSelectedText]=\"'GRC Objects Selected'\"\n        (setSelectedTab)=\"setSelectedTab($event)\"\n      ></app-table-card>\n    </div>\n\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        #searchGRC\n        (keyup.enter)=\"handleSearch($event.target.value)\"\n        placeholder=\"Search GRC objects\"\n      />\n    </div>\n\n    <div class=\"workflow-grc-object-list-body-inner vx-mb-4\">\n      <ng-container *ngIf=\"!loader && grcObject?.data?.length\">\n        <app-pagination\n          *ngIf=\"grcObject?.total_pages > 1\"\n          [start]=\"grcObject?.items_from\"\n          [end]=\"grcObject?.items_to\"\n          [total]=\"grcObject?.total_items\"\n          [pageCount]=\"grcObject?.total_pages\"\n          [currentPage]=\"currentPage\"\n          (selectedPage)=\"changePage($event)\"\n        ></app-pagination>\n        <div class=\"select-all vx-mt-1 vx-mb-1 vx-pl-2\">\n          <app-cs-checkbox\n            [ngValue]=\"isAllSelected()\"\n            (ngValueChange)=\"selectAll($event)\"\n            ><div class=\"vx-fs-12 vx-fw-600 vx-label-txt\">\n              {{ selectAllButton }}\n            </div></app-cs-checkbox\n          >\n        </div>\n\n        <div\n          class=\"workflow-grc-object-list-body-table\"\n          [class.with-pagination]=\"grcObject?.total_pages > 1\"\n        >\n          <div class=\"table-header\">\n            <div class=\"table-row\">\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                #\n              </div>\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\"\n              >\n                NAME\n              </div>\n              <div\n                class=\"table-column vx-fs-10 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              >\n                RESPONSIBILITY CENTER\n              </div>\n            </div>\n          </div>\n          <div class=\"table-body\">\n            <div\n              class=\"table-row\"\n              *ngFor=\"let grc of grcObject?.data; let i = index\"\n              [class.active]=\"selectedGRCIds?.includes(grc?._id)\" [class.disabled]=\"mode === 'EDIT' && onEditGRCId === grc?._id\"\n            >\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n              >\n                <div\n                  class=\"sr-no\"\n                  [appTooltip]=\"grcObject?.items_from + i\"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ grcObject?.items_from + i }}\n                </div>\n                <app-cs-checkbox\n                  [ngValue]=\"selectedGRCIds?.includes(grc?._id)\"\n                  (ngValueChange)=\"getSelectedGRC(grc, $event)\"\n                ></app-cs-checkbox>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\"\n              >\n                <div\n                  class=\"name vx-fs-12 vx-label-txt\"\n                  [appTooltip]=\"grc?.name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ grc?.name }}\n                </div>\n              </div>\n              <div\n                class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              >\n                <div class=\"rc-inner vx-d-block\">\n                  <div class=\"vx-d-flex vx-align-center vx-w-100\">\n                    <div\n                      class=\"value vx-fs-12 vx-label-txt\"\n                      [appTooltip]=\"grc?.rcDetails[0]?.rc_name\"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                    >\n                      {{ grc?.rcDetails[0]?.rc_name }}\n                    </div>\n                  </div>\n\n                  <div\n                    class=\"within-part vx-d-flex vx-align-center\"\n                    *ngIf=\"grc?.rcDetails[0]?.parent_rc_names?.length\"\n                  >\n                    <div\n                      class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                    >\n                      Within\n                    </div>\n                    <div\n                      class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                      [appTooltip]=\"\n                        grc?.rcDetails[0]?.parent_rc_names\n                          ?.slice()\n                          ?.reverse()\n                          ?.join(' > ')\n                      \"\n                      placement=\"bottom-left\"\n                      delay=\"0\"\n                      type=\"black\"\n                      [tooltipMandatory]=\"false\"\n                    >\n                      {{\n                        grc?.rcDetails[0]?.parent_rc_names\n                          ?.slice()\n                          ?.reverse()\n                          ?.join(\" > \")\n                      }}\n                    </div>\n                  </div>\n                </div>\n                <button\n                  *ngIf=\"grc?.rcDetails?.length > 1\"\n                  class=\"rc-count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-3 vx-d-flex vx-align-center vx-justify-center\"\n                  appPopover\n                  (click)=\"rcCount.popover()\"\n                  placement=\"right\"\n                >\n                  +{{ grc?.rcDetails?.length - 1 }}\n                </button>\n                <app-popover #rcCount>\n                  <div class=\"wf-action-list\">\n                    <ul class=\"action-item\">\n                      <li *ngFor=\"let rcDetails of grc?.rcDetails | slice : 1\">\n                        <div class=\"avatar-card\">\n                          <div class=\"vx-d-block vx-w-100\">\n                            <span\n                              class=\"value\"\n                              [appTooltip]=\"rcDetails?.rc_name\"\n                              placement=\"bottom-left\"\n                              delay=\"0\"\n                              type=\"black\"\n                              [tooltipMandatory]=\"false\"\n                              >{{ rcDetails?.rc_name }}</span\n                            >\n                            <div\n                              class=\"within\"\n                              *ngIf=\"rcDetails?.parent_rc_names?.length\"\n                            >\n                              <div class=\"block\">WITHIN</div>\n                              <div\n                                class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                                [appTooltip]=\"\n                                  rcDetails?.parent_rc_names\n                                    ?.slice()\n                                    ?.reverse()\n                                    ?.join(' > ')\n                                \"\n                                placement=\"bottom-left\"\n                                delay=\"0\"\n                                type=\"black\"\n                                [tooltipMandatory]=\"false\"\n                              >\n                                {{\n                                  rcDetails?.parent_rc_names\n                                    ?.slice()\n                                    ?.reverse()\n                                    ?.join(\" > \")\n                                }}\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </app-popover>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n      <app-list-loader *ngIf=\"loader\"></app-list-loader>\n      <app-no-data\n        *ngIf=\"grcObject?.data?.length === 0 && !loader\"\n        [noDataImage]=\"CDN_LINK?.noData\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </div>\n\n    <app-floating-bar\n      [selectedData]=\"selectedGRC?.length ? selectedGRC : []\"\n      (closeList)=\"close()\"\n      (closeEvent)=\"save()\"\n      [displayElementKey]=\"'name'\"\n      [singularText]=\"'GRC Object selected'\"\n      [pluralText]=\"'GRC Objects selected'\"\n      (deleteEvent)=\"deleteEvent($event)\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .workflow-grc-object-list{position:fixed;inset:0 500px 0 0}::ng-deep .workflow-grc-object-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .workflow-grc-object-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .workflow-grc-object-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .workflow-grc-object-list-body .table-card-area{position:relative;z-index:2}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card{box-shadow:0 0 2px #00000029;margin-right:.25rem}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card:last-of-type{margin-right:0}::ng-deep .workflow-grc-object-list-body .table-card-area .vx-table-card.active{box-shadow:0 3px 12px #1e5dd350;z-index:1}::ng-deep .workflow-grc-object-list-body .search-block{position:relative}::ng-deep .workflow-grc-object-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .workflow-grc-object-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .workflow-grc-object-list-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .workflow-grc-object-list-body-inner{height:calc(100vh - 18.25rem)}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item{position:relative;padding-left:1.5rem}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .checkbox,::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .workflow-grc-object-list-body-inner .select-all app-cs-checkbox .checkbox-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .workflow-grc-object-list-body-table{height:calc(100vh - 19.75rem);overflow:hidden;overflow-y:auto;width:calc(100% + .5rem);padding-right:.5rem}::ng-deep .workflow-grc-object-list-body-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .workflow-grc-object-list-body-table.with-pagination{height:calc(100vh - 21.75rem)}::ng-deep .workflow-grc-object-list-body-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .workflow-grc-object-list-body-table .table-header .table-column{color:#161b2f!important;line-height:1rem!important;min-height:2rem!important}::ng-deep .workflow-grc-object-list-body-table .table-body{position:relative}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row{background:#fff;border:1px solid #f1f1f1;border-radius:.125rem;margin-bottom:.25rem}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .workflow-grc-object-list-body-table .table-body .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .workflow-grc-object-list-body-table .table-body .table-row.disabled{pointer-events:none;background:#fbfbfb}::ng-deep .workflow-grc-object-list-body-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column .sorting i{cursor:pointer}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center;position:relative}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.serial app-cs-checkbox label.checkbox-item{position:absolute!important;top:0;left:0}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name{width:calc(100% - 22rem);min-width:calc(100% - 22rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name .sorting{left:0}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.name .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 3rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center{width:20rem;min-width:20rem}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center .rc-inner{max-width:calc(100% - 2.5rem)}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center .rc-inner .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .workflow-grc-object-list-body-table .table-row .table-column.responsibility-center button.rc-count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;min-width:1.25rem;height:1rem}::ng-deep .workflow-grc-object-list-body app-pagination .pagination-sec-ds{height:2.5rem}::ng-deep .workflow-grc-object-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { setSelectedGRC: [{
                type: Input,
                args: ['selectedGRC']
            }] } });
//# sourceMappingURL=data:application/json;base64, 