import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } 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 { PAGINATION_LIMITS } from '../../constants/pagination-limits.constant';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../ui-kit/formgroup/cs-checkbox/cs-checkbox.component";
import * as i3 from "../../../../ui-kit/formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component";
import * as i4 from "../../../../ui-kit/tooltip/tooltip.directive";
import * as i5 from "../../../../ui-kit/pagination/pagination/pagination.component";
export class GrcCategoryListingComponent {
    set categoryList(value) {
        this.categories = value;
        this.activeCategoryId = this.categories[0]?.category_id;
        this.setPaginationData();
    }
    set getProgramData(value) {
        this.categories = value?.data;
        this.activeCategoryId = value?.data[0]?.category_id;
        this.totalPage = value?.total_pages;
        this.totalCategory = value?.total_items ?? 0;
        this.categoryFrom = value?.items_from ?? 0;
        this.categoryEnd = value?.items_to ?? 0;
        this.perPageLimit = PAGINATION_LIMITS?.mid_limit ?? 30;
    }
    constructor() {
        this.categories = [];
        this.tableCard = [];
        this.selectedCategory = [];
        this.selectedCategoryIds = [];
        this.activeCategoryId = '';
        this.activeCategory = {};
        this.headerText = 'Categories';
        this.selectedCatAndRisk = [];
        this.currentPage = 1;
        this.totalPage = 1;
        this.totalCategory = 0;
        this.perPageLimit = PAGINATION_LIMITS?.mid_limit ?? 30;
        this.selectedTabIndex = 1;
        this.nameDisplayKey = 'name';
        this.categoryFrom = 0;
        this.categoryEnd = 0;
        this.activeSelectedCategory = new EventEmitter();
        this.onCategoryPageChange = new EventEmitter();
    }
    ngOnInit() { }
    getSelectedCategory(category, event) {
        if (event) {
            this.selectedCategory.push(category);
            this.selectedCategoryIds.push(category?.category_id);
            this.activeCategoryId = category?.category_id;
            this.onCategoryClick(category, 'checked');
        }
        else {
            this.deleteEvent(category);
            this.onCategoryClick(category, 'unchecked');
        }
    }
    deleteEvent(category) {
        this.selectedCategory = this.selectedCategory?.filter((selected) => selected?.category_id !== category?.category_id);
        this.selectedCategoryIds = this.selectedCategoryIds?.filter((selectedCategoryId) => selectedCategoryId !== category?.category_id);
    }
    onCategoryClick(category, clickedType) {
        this.activeCategory = category;
        this.activeSelectedCategory.emit({
            category: this.activeCategory,
            clickedType: clickedType,
        });
        this.activeCategoryId = category?.category_id;
    }
    setPaginationData() {
        this.perPageLimit =
            this.tableCard[this.selectedTabIndex]?.limit_per_page ?? 30;
        this.totalCategory = this.tableCard[this.selectedTabIndex]?.categoryCount;
        this.totalPage = Math.ceil(this.tableCard[this.selectedTabIndex]?.categoryCount /
            this.tableCard[this.selectedTabIndex]?.limit_per_page);
    }
    changePage(event) {
        this.currentPage = event;
        this.onCategoryPageChange.emit({
            pageNo: this.currentPage,
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcCategoryListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GrcCategoryListingComponent, isStandalone: true, selector: "app-grc-category-listing", inputs: { tableCard: "tableCard", headerText: "headerText", currentPage: "currentPage", selectedTabIndex: "selectedTabIndex", selectedCatAndRisk: "selectedCatAndRisk", selectedCategoryIds: "selectedCategoryIds", categoryList: ["categories", "categoryList"], getProgramData: ["programData", "getProgramData"] }, outputs: { activeSelectedCategory: "activeSelectedCategory", onCategoryPageChange: "onCategoryPageChange" }, ngImport: i0, template: "<div class=\"grc-category-listing\">\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\n        <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"true\"></app-cs-checkbox>\n        <app-cs-checkbox-indeterminate *ngIf=\"false\"></app-cs-checkbox-indeterminate>\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">{{headerText}}</div>\n    </div>\n    <div class=\"grc-category-listing-inner\">\n        <div class=\"category-table-body\" [class.with-pagination]=\"totalPage > 1\">\n            <div class=\"category-table-row cursor-pointer\" *ngFor=\"let category of categories; let i = index\" [class.active]=\"selectedCategoryIds?.includes(category?.category_id)\" [class.select]=\"activeCategoryId === category?.category_id\" (click)=\"onCategoryClick(category, 'view')\">\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                    <div class=\"sr-no\" [appTooltip]=\"i + (categoryFrom || (perPageLimit * (currentPage - 1) + 1))\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{(categoryFrom || (perPageLimit * (currentPage - 1) + 1)) + i}}</div>\n                    <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"selectedCategoryIds?.includes(category?.category_id)\" (ngValueChange)=\"getSelectedCategory(category,$event)\"></app-cs-checkbox>\n                </div>\n                <div class=\"category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\n                    <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\n                </div>\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n                    <i *ngIf=\"selectedCategoryIds?.includes(category?.category_id) || selectedCategoryIds?.includes(category?._id)\" class=\"icons grc-tick vx-fs-14\">&#xe93d;</i>\n                    <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\n                </div>\n            </div>\n        </div>\n        <app-pagination *ngIf=\"totalPage > 1\" [start]=\"categoryFrom || (perPageLimit * (currentPage - 1) + 1)\" [end]=\"categoryEnd || (perPageLimit * currentPage)\" [total]=\"totalCategory\" [pageCount]=\"totalPage\" [currentPage]=\"currentPage\" (selectedPage)=\"changePage($event)\"></app-pagination>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/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/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-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.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-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .grc-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-category-listing-inner .category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover{background:#fbfbfb}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover .category-table-column.serial app-cs-checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.active .category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.cursor-pointer{cursor:pointer}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select{background:#161b2f}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.category-name .value{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select.active .category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-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 .grc-category-listing-inner .category-table-body .category-table-row .category-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 .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:13px;left:-16px}::ng-deep .grc-category-listing-inner .category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds{background:#fff;border-radius:0;box-shadow:0 -10px 20px #1e5dd31a;padding:.5rem;justify-content:unset}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .left{order:2;font-size:11px!important;color:#747576!important;text-transform:capitalize!important;margin-left:.75rem}\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: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: i2.CsCheckboxComponentUI, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "component", type: i3.CsCheckboxIndeterminateComponentUI, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i5.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcCategoryListingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-grc-category-listing', standalone: true, imports: [
                        CommonModule,
                        PopoverModule,
                        FormgroupModule,
                        TooltipModule,
                        FloatingBarModule,
                        PaginationModule,
                    ], inputs: [
                        'tableCard',
                        'headerText',
                        'currentPage',
                        'selectedTabIndex',
                        'selectedCatAndRisk',
                        'selectedCategoryIds',
                    ], template: "<div class=\"grc-category-listing\">\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\n        <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"true\"></app-cs-checkbox>\n        <app-cs-checkbox-indeterminate *ngIf=\"false\"></app-cs-checkbox-indeterminate>\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">{{headerText}}</div>\n    </div>\n    <div class=\"grc-category-listing-inner\">\n        <div class=\"category-table-body\" [class.with-pagination]=\"totalPage > 1\">\n            <div class=\"category-table-row cursor-pointer\" *ngFor=\"let category of categories; let i = index\" [class.active]=\"selectedCategoryIds?.includes(category?.category_id)\" [class.select]=\"activeCategoryId === category?.category_id\" (click)=\"onCategoryClick(category, 'view')\">\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                    <div class=\"sr-no\" [appTooltip]=\"i + (categoryFrom || (perPageLimit * (currentPage - 1) + 1))\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{(categoryFrom || (perPageLimit * (currentPage - 1) + 1)) + i}}</div>\n                    <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"selectedCategoryIds?.includes(category?.category_id)\" (ngValueChange)=\"getSelectedCategory(category,$event)\"></app-cs-checkbox>\n                </div>\n                <div class=\"category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\n                    <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\n                </div>\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n                    <i *ngIf=\"selectedCategoryIds?.includes(category?.category_id) || selectedCategoryIds?.includes(category?._id)\" class=\"icons grc-tick vx-fs-14\">&#xe93d;</i>\n                    <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\n                </div>\n            </div>\n        </div>\n        <app-pagination *ngIf=\"totalPage > 1\" [start]=\"categoryFrom || (perPageLimit * (currentPage - 1) + 1)\" [end]=\"categoryEnd || (perPageLimit * currentPage)\" [total]=\"totalCategory\" [pageCount]=\"totalPage\" [currentPage]=\"currentPage\" (selectedPage)=\"changePage($event)\"></app-pagination>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/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/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-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.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-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .grc-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-category-listing-inner .category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover{background:#fbfbfb}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover .category-table-column.serial app-cs-checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.active .category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.cursor-pointer{cursor:pointer}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select{background:#161b2f}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.category-name .value{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select.active .category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-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 .grc-category-listing-inner .category-table-body .category-table-row .category-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 .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:13px;left:-16px}::ng-deep .grc-category-listing-inner .category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds{background:#fff;border-radius:0;box-shadow:0 -10px 20px #1e5dd31a;padding:.5rem;justify-content:unset}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .left{order:2;font-size:11px!important;color:#747576!important;text-transform:capitalize!important;margin-left:.75rem}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { categoryList: [{
                type: Input,
                args: ['categories']
            }], getProgramData: [{
                type: Input,
                args: ['programData']
            }], activeSelectedCategory: [{
                type: Output
            }], onCategoryPageChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 