import { Component, Input, Output, EventEmitter, } from '@angular/core';
import { cloneDeep } from 'lodash-es';
import { ASSETS } from '../../constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/common";
import * as i3 from "../../formgroup/cs-radio/cs-radio.component";
import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
import * as i5 from "../no-data/no-data.component";
import * as i6 from "../v-loader/loader-inline/loader-inline.component";
import * as i7 from "../floating-bar/floating-bar.component";
import * as i8 from "../pipes/filterPipe";
// import isEqual from 'lodash-es/isEqual';
export class CategoryListComponent {
    constructor() {
        this.selectedCategory = {
            type: 'strategic',
            selectedCategory: '',
        };
        this.search = '';
        this.activeTab = 'strategic';
        this.ASSETS = ASSETS;
        this.animation = false;
        this.saveSelectedCategory = new EventEmitter();
        this.closeList = new EventEmitter();
        this.closeCategoriesList = new EventEmitter();
        this.loaded = true;
        this.categoryList = {
            strategic: {
                name: 'STRATEGIC',
                data: [],
            },
            operational: {
                name: 'OPERATIONAL',
                data: [],
            },
            compliance: {
                name: 'COMPLIANCE',
                data: [],
            },
            others: {
                name: 'OTHERS',
                data: [],
            },
        };
    }
    ngOnChanges(changes) {
        this.activeTab = this.selectedCategory?.type ?? '';
    }
    ngOnInit() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
        this.selectedCategory = cloneDeep(this.selectedCategory);
    }
    selectCategory(type, category) {
        this.selectedCategory.type = type;
        this.selectedCategory.selectedCategory = category;
    }
    save() {
        this.saveSelectedCategory.emit(this.selectedCategory);
    }
    deleteEvent(event) {
        this.selectedCategory.selectedCategory = '';
        this.selectedCategory.type = '';
    }
    close() {
        this.closeCategoriesList.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryListComponent, selector: "app-category-list", inputs: { categoryList: "categoryList", selectedCategory: "selectedCategory", loaded: "loaded" }, outputs: { saveSelectedCategory: "saveSelectedCategory", closeList: "closeList", closeCategoriesList: "closeCategoriesList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"category-list\" [class.animate]=\"animation\">\n  <div\n    class=\"category-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 a Risk Category</div>\n  </div>\n  <div class=\"category-list-body\">\n    <div\n      class=\"filter-card-row vx-d-flex vx-align-center vx-justify-between vx-pb-2\"\n    >\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'strategic'\"\n        (click)=\"activeTab = 'strategic'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.strategic?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'strategic' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{ categoryList?.strategic?.data?.length }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'operational'\"\n        (click)=\"activeTab = 'operational'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.operational?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'operational' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{\n          categoryList?.operational?.data?.length\n        }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'compliance'\"\n        (click)=\"activeTab = 'compliance'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.compliance?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'compliance' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{\n          categoryList?.compliance?.data?.length\n        }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'others'\"\n        (click)=\"activeTab = 'others'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.others?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'others' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{ categoryList?.others?.data?.length }}</span>\n      </div>\n    </div>\n    <div class=\"search-block vx-mb-2\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        placeholder=\"Search Risk Category\"\n      />\n    </div>\n    <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n    <ng-container\n      *ngIf=\"categoryList[activeTab]?.data | filter : search as searchList\"\n    >\n      <ul class=\"categories vx-mb-4\" *ngIf=\"searchList.length > 0\">\n        <li *ngFor=\"let category of searchList\">\n          <app-cs-radio\n            (checkedEvent)=\"selectCategory(activeTab, category)\"\n            [name]=\"'category'\"\n            [checked]=\"\n              selectedCategory?.selectedCategory?.category_id ===\n              category?.category_id\n            \"\n          >\n            <span\n              class=\"name\"\n              [appTooltip]=\"category.category_name\"\n              placement=\"bottom-left\"\n              type=\"black\"\n              delay=\"0\"\n              [tooltipMandatory]=\"true\"\n            >\n              {{ category?.category_name }}</span\n            >\n          </app-cs-radio>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList.length === 0 && loaded\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Categories Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      *ngIf=\"loaded\"\n      [selectedData]=\"\n        selectedCategory?.selectedCategory?.category_name\n          ? [selectedCategory.selectedCategory]\n          : []\n      \"\n      [displayElementKey]=\"'category_name'\"\n      [singularText]=\"'Risk Category selected'\"\n      [pluralText]=\"'Risk Categories selected'\"\n      (closeEvent)=\"save()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        categoryList.length === 0 || !selectedCategory?.selectedCategory\n      \"\n    >\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/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\";::ng-deep .category-list{position:fixed;inset:0 500px 0 0}::ng-deep .category-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .category-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .category-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .category-list-body .filter-card{box-shadow:0 0 3px #1e5dd345;border-radius:.25rem;height:55px;cursor:pointer}::ng-deep .category-list-body .filter-card.active{pointer-events:none;box-shadow:0 3px 12px #1e5dd350;z-index:1}::ng-deep .category-list-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .category-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .category-list-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:500;justify-content:center;align-items:center;padding:0 4px}::ng-deep .category-list-body .filter-card+.filter-card{margin-left:4px}::ng-deep .category-list-body .search-block{position:relative}::ng-deep .category-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 .category-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .category-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .category-list-body ul{padding:0;margin:0}::ng-deep .category-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 288px);overflow:hidden;overflow-y:auto}::ng-deep .category-list-body ul.categories li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .category-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .category-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .category-list-body ul.categories li app-cs-radio label.radio-item span.value{width:auto;color:#161b2f;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .category-list-body app-no-data .no-data-wrapper{height:calc(100% - 164px)!important}::ng-deep .category-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i7.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: "pipe", type: i8.FilterPipe, name: "filter" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-category-list', template: "<div class=\"category-list\" [class.animate]=\"animation\">\n  <div\n    class=\"category-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 a Risk Category</div>\n  </div>\n  <div class=\"category-list-body\">\n    <div\n      class=\"filter-card-row vx-d-flex vx-align-center vx-justify-between vx-pb-2\"\n    >\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'strategic'\"\n        (click)=\"activeTab = 'strategic'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.strategic?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'strategic' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{ categoryList?.strategic?.data?.length }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'operational'\"\n        (click)=\"activeTab = 'operational'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.operational?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'operational' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{\n          categoryList?.operational?.data?.length\n        }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'compliance'\"\n        (click)=\"activeTab = 'compliance'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.compliance?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'compliance' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{\n          categoryList?.compliance?.data?.length\n        }}</span>\n      </div>\n      <div\n        class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n        [class.active]=\"activeTab == 'others'\"\n        (click)=\"activeTab = 'others'\"\n      >\n        <div class=\"left\">\n          <label\n            class=\"vx-fs-11 vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n            >{{ categoryList?.others?.name }}</label\n          >\n          <p\n            *ngIf=\"\n              selectedCategory.type == 'others' &&\n              selectedCategory.selectedCategory.length != 0\n            \"\n          >\n            1 Category selected\n          </p>\n        </div>\n        <span class=\"counter\">{{ categoryList?.others?.data?.length }}</span>\n      </div>\n    </div>\n    <div class=\"search-block vx-mb-2\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        placeholder=\"Search Risk Category\"\n      />\n    </div>\n    <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n    <ng-container\n      *ngIf=\"categoryList[activeTab]?.data | filter : search as searchList\"\n    >\n      <ul class=\"categories vx-mb-4\" *ngIf=\"searchList.length > 0\">\n        <li *ngFor=\"let category of searchList\">\n          <app-cs-radio\n            (checkedEvent)=\"selectCategory(activeTab, category)\"\n            [name]=\"'category'\"\n            [checked]=\"\n              selectedCategory?.selectedCategory?.category_id ===\n              category?.category_id\n            \"\n          >\n            <span\n              class=\"name\"\n              [appTooltip]=\"category.category_name\"\n              placement=\"bottom-left\"\n              type=\"black\"\n              delay=\"0\"\n              [tooltipMandatory]=\"true\"\n            >\n              {{ category?.category_name }}</span\n            >\n          </app-cs-radio>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList.length === 0 && loaded\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Categories Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      *ngIf=\"loaded\"\n      [selectedData]=\"\n        selectedCategory?.selectedCategory?.category_name\n          ? [selectedCategory.selectedCategory]\n          : []\n      \"\n      [displayElementKey]=\"'category_name'\"\n      [singularText]=\"'Risk Category selected'\"\n      [pluralText]=\"'Risk Categories selected'\"\n      (closeEvent)=\"save()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        categoryList.length === 0 || !selectedCategory?.selectedCategory\n      \"\n    >\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/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\";::ng-deep .category-list{position:fixed;inset:0 500px 0 0}::ng-deep .category-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .category-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .category-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .category-list-body .filter-card{box-shadow:0 0 3px #1e5dd345;border-radius:.25rem;height:55px;cursor:pointer}::ng-deep .category-list-body .filter-card.active{pointer-events:none;box-shadow:0 3px 12px #1e5dd350;z-index:1}::ng-deep .category-list-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .category-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .category-list-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:500;justify-content:center;align-items:center;padding:0 4px}::ng-deep .category-list-body .filter-card+.filter-card{margin-left:4px}::ng-deep .category-list-body .search-block{position:relative}::ng-deep .category-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 .category-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .category-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .category-list-body ul{padding:0;margin:0}::ng-deep .category-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 288px);overflow:hidden;overflow-y:auto}::ng-deep .category-list-body ul.categories li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .category-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .category-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .category-list-body ul.categories li app-cs-radio label.radio-item span.value{width:auto;color:#161b2f;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .category-list-body app-no-data .no-data-wrapper{height:calc(100% - 164px)!important}::ng-deep .category-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { categoryList: [{
                type: Input
            }], selectedCategory: [{
                type: Input
            }], saveSelectedCategory: [{
                type: Output
            }], closeList: [{
                type: Output
            }], closeCategoriesList: [{
                type: Output
            }], loaded: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 