import { Component, EventEmitter, Input, Output } from '@angular/core';
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/popover/popover.component";
import * as i4 from "../../../ui-kit/popover/popover.directive";
import * as i5 from "../../../formgroup/cs-radio/cs-radio.component";
export class TemplateListTableComponent {
    constructor() {
        this.previewEnabled = false;
        this.templateList = [];
        this.loader = false;
        this.categoryList = [];
        this.onSort = new EventEmitter();
        this.onSelectTemplate = new EventEmitter();
        this.onPreview = new EventEmitter();
    }
    ngOnInit() {
        this.previewEnabled = this.feature?.isFeatureEnabled('ff_preview_enabled');
    }
    onSelect(template) {
        this.selectedTemplate = template;
        this.onSelectTemplate.emit(template);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TemplateListTableComponent, selector: "app-template-list-table", inputs: { selectedTemplate: "selectedTemplate", templateList: "templateList", loader: "loader", categoryList: "categoryList", feature: "feature" }, outputs: { onSort: "onSort", onSelectTemplate: "onSelectTemplate", onPreview: "onPreview" }, ngImport: i0, template: "<div class=\"template-list-table\">\n  <div class=\"table-header\">\n    <div class=\"table-row\">\n      <div\n        class=\"table-column vx-fs-11 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-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center template-name\"\n      >\n        <span\n          (click)=\"onSort.emit('name')\"\n          class=\"sorting vx-fs-9 vx-txt-blue vx-mr-1\"\n          ><i class=\"icons\">&#xeaf0;</i></span\n        >\n        TEMPLATE NAME\n      </div>\n      <div\n        class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center category\"\n      >\n        <!-- <span class=\"sorting vx-fs-9 vx-txt-blue vx-mr-1\"\n          ><i class=\"icons\">&#xeaf0;</i></span\n        > -->\n        CATEGORIES\n      </div>\n      <div\n        class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center view-action\"\n      ></div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *ngFor=\"let eachTemplate of templateList; let i = index\"\n      [class.active]=\"selectedTemplate?._id === eachTemplate?._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]=\"i + 1\"\n          placement=\"bottom\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"true\"\n        >\n          {{ i + 1 }}\n        </div>\n        <app-cs-radio\n          name=\"template\"\n          [value]=\"selectedTemplate?._id\"\n          [checked]=\"selectedTemplate?._id === eachTemplate?._id\"\n          (checkedEvent)=\"onSelect(eachTemplate)\"\n        ></app-cs-radio>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center template-name\"\n      >\n        <div\n          class=\"value vx-fs-12 vx-label-txt\"\n          [appTooltip]=\"eachTemplate?.name\"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ eachTemplate?.name }}\n        </div>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center category\"\n        *ngIf=\"eachTemplate?.categoryDetails as categoryDetails\"\n      >\n        <div class=\"category-inner\">\n          <div class=\"category-name vx-fs-12 vx-lh-4\">\n            {{ categoryDetails[0]?.item_name }}\n          </div>\n          <div\n            *ngIf=\"categoryDetails[0]?.parent_items?.length\"\n            class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n          >\n            <span\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\"\n              >Within</span\n            >\n            <span\n              class=\"within-value vx-fs-11 vx-paragraph-txt\"\n              [appTooltip]=\"categoryDetails[0]?.parent_items?.join(' < ')\"\n              placement=\"bottom-left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"false\"\n              >{{ categoryDetails[0]?.parent_items?.join(\" < \") }}</span\n            >\n          </div>\n        </div>\n        <button\n          *ngIf=\"categoryDetails?.length > 1\"\n          class=\"countBtn vx-fs-9 vx-fw-600 vx-txt-blue vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n          appPopover\n          (click)=\"MoreCategory.popover()\"\n          placement=\"right\"\n        >\n          +{{ categoryDetails?.length - 1 }}\n        </button>\n\n        <app-popover #MoreCategory>\n          <div class=\"wf-action-list category-list\">\n            <ul class=\"action-item\">\n              <li *ngFor=\"let eachTemplate of categoryDetails | slice : 1\">\n                <div class=\"avatar-card\">\n                  <div class=\"vx-w-100\">\n                    <span\n                      class=\"value vx-p-0 vx-w-100\"\n                      [appTooltip]=\"eachTemplate?.item_name\"\n                      placement=\"bottom-left\"\n                      type=\"black\"\n                      delay=\"0\"\n                      [tooltipMandatory]=\"false\"\n                      >{{ eachTemplate?.item_name }}</span\n                    >\n                    <div\n                      *ngIf=\"eachTemplate?.parent_items?.length\"\n                      class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                    >\n                      <span\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\"\n                        >Within</span\n                      >\n                      <span\n                        class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                        [appTooltip]=\"eachTemplate?.parent_items?.join(' < ')\"\n                        placement=\"bottom-left\"\n                        delay=\"0\"\n                        type=\"black\"\n                        [tooltipMandatory]=\"false\"\n                        >{{ eachTemplate?.parent_items?.join(\" < \") }}</span\n                      >\n                    </div>\n                  </div>\n                </div>\n              </li>\n            </ul>\n          </div>\n        </app-popover>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center view-action\"\n      >\n        <button\n          *ngIf=\"previewEnabled\"\n          class=\"previewBtn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-lh-6\"\n          (click)=\"onPreview.emit(eachTemplate)\"\n        >\n          PREVIEW\n        </button>\n      </div>\n    </div>\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 .template-list-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .template-list-table .table-header .table-column{color:#747576!important;line-height:1rem!important;min-height:2rem!important}::ng-deep .template-list-table .table-body{position:relative}::ng-deep .template-list-table .table-body .table-row{background:#fff;border-radius:4px;border:1px solid #e3e3e9;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .template-list-table .table-body .table-row:hover{background:#f8f8f8;transition:all .2s ease-in-out}::ng-deep .template-list-table .table-body .table-row:hover .table-column.serial app-cs-radio{opacity:1}::ng-deep .template-list-table .table-body .table-row:hover .table-column.view-action button.previewBtn{opacity:1}::ng-deep .template-list-table .table-body .table-row.active .table-column.serial app-cs-radio{opacity:1}::ng-deep .template-list-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .template-list-table .table-row .table-column{color:#000;min-height:2.5rem;position:relative;width:100%}::ng-deep .template-list-table .table-row .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .template-list-table .table-row .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .template-list-table .table-row .table-column .sorting i{cursor:pointer}::ng-deep .template-list-table .table-row .table-column.serial{width:2rem;max-width:2rem;flex:0 0 2rem;justify-content:center}::ng-deep .template-list-table .table-row .table-column.serial .sr-no{width:1rem;background:#f2f2f5;writing-mode:vertical-lr;color:#787a8c;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 .template-list-table .table-row .table-column.serial app-cs-radio{position:absolute;top:12px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .template-list-table .table-row .table-column.template-name{width:calc(100% - 25rem);min-width:calc(100% - 25rem)}::ng-deep .template-list-table .table-row .table-column.template-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}::ng-deep .template-list-table .table-row .table-column.category{width:18rem;min-width:18rem}::ng-deep .template-list-table .table-row .table-column.category .category-inner{max-width:calc(100% - 3rem)}::ng-deep .template-list-table .table-row .table-column.category .category-inner .category-name{color:#787a8c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .template-list-table .table-row .table-column.category button.countBtn{background:#fff;border-radius:1.25rem;border:1px solid #cdced6;height:1rem;min-width:1.5rem}::ng-deep .template-list-table .table-row .table-column.view-action{width:5rem;min-width:5rem}::ng-deep .template-list-table .table-row .table-column.view-action button.previewBtn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;height:1.25rem;transition:all .2s ease-in-out;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i5.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-template-list-table', template: "<div class=\"template-list-table\">\n  <div class=\"table-header\">\n    <div class=\"table-row\">\n      <div\n        class=\"table-column vx-fs-11 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-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center template-name\"\n      >\n        <span\n          (click)=\"onSort.emit('name')\"\n          class=\"sorting vx-fs-9 vx-txt-blue vx-mr-1\"\n          ><i class=\"icons\">&#xeaf0;</i></span\n        >\n        TEMPLATE NAME\n      </div>\n      <div\n        class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center category\"\n      >\n        <!-- <span class=\"sorting vx-fs-9 vx-txt-blue vx-mr-1\"\n          ><i class=\"icons\">&#xeaf0;</i></span\n        > -->\n        CATEGORIES\n      </div>\n      <div\n        class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center view-action\"\n      ></div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *ngFor=\"let eachTemplate of templateList; let i = index\"\n      [class.active]=\"selectedTemplate?._id === eachTemplate?._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]=\"i + 1\"\n          placement=\"bottom\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"true\"\n        >\n          {{ i + 1 }}\n        </div>\n        <app-cs-radio\n          name=\"template\"\n          [value]=\"selectedTemplate?._id\"\n          [checked]=\"selectedTemplate?._id === eachTemplate?._id\"\n          (checkedEvent)=\"onSelect(eachTemplate)\"\n        ></app-cs-radio>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center template-name\"\n      >\n        <div\n          class=\"value vx-fs-12 vx-label-txt\"\n          [appTooltip]=\"eachTemplate?.name\"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n        >\n          {{ eachTemplate?.name }}\n        </div>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center category\"\n        *ngIf=\"eachTemplate?.categoryDetails as categoryDetails\"\n      >\n        <div class=\"category-inner\">\n          <div class=\"category-name vx-fs-12 vx-lh-4\">\n            {{ categoryDetails[0]?.item_name }}\n          </div>\n          <div\n            *ngIf=\"categoryDetails[0]?.parent_items?.length\"\n            class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n          >\n            <span\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\"\n              >Within</span\n            >\n            <span\n              class=\"within-value vx-fs-11 vx-paragraph-txt\"\n              [appTooltip]=\"categoryDetails[0]?.parent_items?.join(' < ')\"\n              placement=\"bottom-left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"false\"\n              >{{ categoryDetails[0]?.parent_items?.join(\" < \") }}</span\n            >\n          </div>\n        </div>\n        <button\n          *ngIf=\"categoryDetails?.length > 1\"\n          class=\"countBtn vx-fs-9 vx-fw-600 vx-txt-blue vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\n          appPopover\n          (click)=\"MoreCategory.popover()\"\n          placement=\"right\"\n        >\n          +{{ categoryDetails?.length - 1 }}\n        </button>\n\n        <app-popover #MoreCategory>\n          <div class=\"wf-action-list category-list\">\n            <ul class=\"action-item\">\n              <li *ngFor=\"let eachTemplate of categoryDetails | slice : 1\">\n                <div class=\"avatar-card\">\n                  <div class=\"vx-w-100\">\n                    <span\n                      class=\"value vx-p-0 vx-w-100\"\n                      [appTooltip]=\"eachTemplate?.item_name\"\n                      placement=\"bottom-left\"\n                      type=\"black\"\n                      delay=\"0\"\n                      [tooltipMandatory]=\"false\"\n                      >{{ eachTemplate?.item_name }}</span\n                    >\n                    <div\n                      *ngIf=\"eachTemplate?.parent_items?.length\"\n                      class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                    >\n                      <span\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\"\n                        >Within</span\n                      >\n                      <span\n                        class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                        [appTooltip]=\"eachTemplate?.parent_items?.join(' < ')\"\n                        placement=\"bottom-left\"\n                        delay=\"0\"\n                        type=\"black\"\n                        [tooltipMandatory]=\"false\"\n                        >{{ eachTemplate?.parent_items?.join(\" < \") }}</span\n                      >\n                    </div>\n                  </div>\n                </div>\n              </li>\n            </ul>\n          </div>\n        </app-popover>\n      </div>\n      <div\n        class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center view-action\"\n      >\n        <button\n          *ngIf=\"previewEnabled\"\n          class=\"previewBtn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-lh-6\"\n          (click)=\"onPreview.emit(eachTemplate)\"\n        >\n          PREVIEW\n        </button>\n      </div>\n    </div>\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 .template-list-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .template-list-table .table-header .table-column{color:#747576!important;line-height:1rem!important;min-height:2rem!important}::ng-deep .template-list-table .table-body{position:relative}::ng-deep .template-list-table .table-body .table-row{background:#fff;border-radius:4px;border:1px solid #e3e3e9;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .template-list-table .table-body .table-row:hover{background:#f8f8f8;transition:all .2s ease-in-out}::ng-deep .template-list-table .table-body .table-row:hover .table-column.serial app-cs-radio{opacity:1}::ng-deep .template-list-table .table-body .table-row:hover .table-column.view-action button.previewBtn{opacity:1}::ng-deep .template-list-table .table-body .table-row.active .table-column.serial app-cs-radio{opacity:1}::ng-deep .template-list-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .template-list-table .table-row .table-column{color:#000;min-height:2.5rem;position:relative;width:100%}::ng-deep .template-list-table .table-row .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .template-list-table .table-row .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .template-list-table .table-row .table-column .sorting i{cursor:pointer}::ng-deep .template-list-table .table-row .table-column.serial{width:2rem;max-width:2rem;flex:0 0 2rem;justify-content:center}::ng-deep .template-list-table .table-row .table-column.serial .sr-no{width:1rem;background:#f2f2f5;writing-mode:vertical-lr;color:#787a8c;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 .template-list-table .table-row .table-column.serial app-cs-radio{position:absolute;top:12px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .template-list-table .table-row .table-column.template-name{width:calc(100% - 25rem);min-width:calc(100% - 25rem)}::ng-deep .template-list-table .table-row .table-column.template-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 3rem)}::ng-deep .template-list-table .table-row .table-column.category{width:18rem;min-width:18rem}::ng-deep .template-list-table .table-row .table-column.category .category-inner{max-width:calc(100% - 3rem)}::ng-deep .template-list-table .table-row .table-column.category .category-inner .category-name{color:#787a8c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .template-list-table .table-row .table-column.category button.countBtn{background:#fff;border-radius:1.25rem;border:1px solid #cdced6;height:1rem;min-width:1.5rem}::ng-deep .template-list-table .table-row .table-column.view-action{width:5rem;min-width:5rem}::ng-deep .template-list-table .table-row .table-column.view-action button.previewBtn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb;height:1.25rem;transition:all .2s ease-in-out;opacity:0}\n"] }]
        }], propDecorators: { selectedTemplate: [{
                type: Input
            }], templateList: [{
                type: Input
            }], loader: [{
                type: Input
            }], categoryList: [{
                type: Input
            }], feature: [{
                type: Input
            }], onSort: [{
                type: Output
            }], onSelectTemplate: [{
                type: Output
            }], onPreview: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 