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 * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../ui-kit/tooltip/tooltip.directive";
import * as i3 from "../../../../ui-kit/pagination/pagination/pagination.component";
export class GrcSubCategoryListingComponent {
    set getActiveProgramSelectedCategoryIds(value) {
        this.selectedCategoryIds = value;
    }
    set categoryList(value) {
        this.categories = value;
        this.activeCategoryId = this.categories?.data[0]?.category_id;
        this.selectedCategory = this.categories?.data[0];
        // this.setPaginationData();
    }
    set getSelectedProgramAndResp(value) {
        this.getSelectedCategoryIds(value);
    }
    constructor() {
        this.activeCategoryId = '';
        this.currentPage = 1;
        this.nameDisplayKey = 'name';
        this.selectedCategoryIds = [];
        this.selectedProgramAndResp = [];
        this.activeSelectedCategory = new EventEmitter();
        this.onCategoryPageChange = new EventEmitter();
    }
    ngOnInit() { }
    onCategoryClick(category) {
        this.selectedCategory = category;
        this.activeSelectedCategory.emit({
            category: this.selectedCategory,
        });
        this.activeCategoryId = category?.category_id;
    }
    changePage(event) {
        this.currentPage = event;
        this.onCategoryPageChange.emit({
            pageNo: this.currentPage,
        });
    }
    getSelectedCategoryIds(selectedData) {
        this.selectedCategoryIds = [];
        let programIndex = -1;
        programIndex = selectedData.findIndex((cat) => cat?.program?.programId === this.activeProgram?.programId);
        if (programIndex !== -1) {
            this.selectedCategoryIds = selectedData[programIndex]?.category;
        }
        else {
            this.selectedCategoryIds = [];
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcSubCategoryListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GrcSubCategoryListingComponent, isStandalone: true, selector: "app-grc-sub-category-listing", inputs: { currentPage: "currentPage", nameDisplayKey: "nameDisplayKey", activeProgram: "activeProgram", getActiveProgramSelectedCategoryIds: ["selectedCategoryIds", "getActiveProgramSelectedCategoryIds"], categoryList: ["categories", "categoryList"], getSelectedProgramAndResp: ["selectedProgramAndResp", "getSelectedProgramAndResp"] }, outputs: { activeSelectedCategory: "activeSelectedCategory", onCategoryPageChange: "onCategoryPageChange" }, ngImport: i0, template: "<div class=\"grc-sub-category-listing\">\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">PROGRAM CATEGORIES</div>\n    </div>\n    <div class=\"grc-sub-category-listing-inner\">\n        <div class=\"sub-category-table-body\" [class.with-pagination]=\"categories?.total_pages > 1\">\n            <div class=\"sub-category-table-row\" [class.select]=\"activeCategoryId === category?.category_id\" [class.active]=\"false\" *ngFor=\"let category of categories?.data; let i = index\" (click)=\"onCategoryClick(category)\">\n                <div class=\"sub-category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                    <div class=\"sr-no\" [appTooltip]=\"categories?.items_from + i\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{categories?.items_from + i}}</div>\n                </div>\n                <div class=\"sub-category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\n                    <div class=\"vx-d-block vx-w-100\">\n                        <div class=\"value vx-fs-12 vx-label-txt\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\n                        <div class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\n                            <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\">Within</div>\n                            <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"category?.category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"><span *ngFor=\"let parent of category?.category_name?.slice()?.reverse(); let last = last\">{{parent}} \n                                <span *ngIf=\"!last\"> <\n                                </span>\n                            </span></div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"sub-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\n        <app-pagination *ngIf=\"categories?.total_pages > 1\" [start]=\"categories?.items_from\" [end]=\"categories?.items_to\" [total]=\"categories?.total_items\" [pageCount]=\"categories?.total_pages\" [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-sub-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-sub-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row:hover .sub-category-table-column.serial app-cs-checkbox,::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.active .sub-category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select{background:#161b2f}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.category-name .value{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.category-name .within-part .within-value{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select.active .sub-category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column{min-height:3rem;position:relative;width:100%}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-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:3rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:1rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:17px;left:-16px}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-sub-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-sub-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-sub-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-sub-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: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i3.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: GrcSubCategoryListingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-grc-sub-category-listing', standalone: true, imports: [
                        CommonModule,
                        PopoverModule,
                        FormgroupModule,
                        TooltipModule,
                        FloatingBarModule,
                        PaginationModule,
                    ], inputs: ['currentPage', 'nameDisplayKey', 'activeProgram'], template: "<div class=\"grc-sub-category-listing\">\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">PROGRAM CATEGORIES</div>\n    </div>\n    <div class=\"grc-sub-category-listing-inner\">\n        <div class=\"sub-category-table-body\" [class.with-pagination]=\"categories?.total_pages > 1\">\n            <div class=\"sub-category-table-row\" [class.select]=\"activeCategoryId === category?.category_id\" [class.active]=\"false\" *ngFor=\"let category of categories?.data; let i = index\" (click)=\"onCategoryClick(category)\">\n                <div class=\"sub-category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                    <div class=\"sr-no\" [appTooltip]=\"categories?.items_from + i\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{categories?.items_from + i}}</div>\n                </div>\n                <div class=\"sub-category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\n                    <div class=\"vx-d-block vx-w-100\">\n                        <div class=\"value vx-fs-12 vx-label-txt\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\n                        <div class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\n                            <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\">Within</div>\n                            <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"category?.category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\"><span *ngFor=\"let parent of category?.category_name?.slice()?.reverse(); let last = last\">{{parent}} \n                                <span *ngIf=\"!last\"> <\n                                </span>\n                            </span></div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"sub-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\n        <app-pagination *ngIf=\"categories?.total_pages > 1\" [start]=\"categories?.items_from\" [end]=\"categories?.items_to\" [total]=\"categories?.total_items\" [pageCount]=\"categories?.total_pages\" [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-sub-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-sub-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-sub-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row:hover .sub-category-table-column.serial app-cs-checkbox,::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.active .sub-category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select{background:#161b2f}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.category-name .value{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.category-name .within-part .within-value{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select .sub-category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row.select.active .sub-category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column{min-height:3rem;position:relative;width:100%}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-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:3rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:1rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body .sub-category-table-row .sub-category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:17px;left:-16px}::ng-deep .grc-sub-category-listing-inner .sub-category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-sub-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-sub-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-sub-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-sub-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: { getActiveProgramSelectedCategoryIds: [{
                type: Input,
                args: ['selectedCategoryIds']
            }], categoryList: [{
                type: Input,
                args: ['categories']
            }], getSelectedProgramAndResp: [{
                type: Input,
                args: ['selectedProgramAndResp']
            }], activeSelectedCategory: [{
                type: Output
            }], onCategoryPageChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 