vcomply-workflow-engine 6.0.40 → 6.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2022/lib/sharedComponents/policy-template/template-list-table/template-list-table.component.mjs +3 -3
  2. package/fesm2022/vcomply-workflow-engine.mjs +2 -2
  3. package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/sharedComponents/policy-template/template-list-table/template-list-table.component.mjs CHANGED
@@ -23,11 +23,11 @@ export class TemplateListTableComponent {
23
23
  this.onSelectTemplate.emit(template);
24
24
  }
25
25
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- 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" }] }); }
26
+ 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" }] }); }
27
27
  }
28
28
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, decorators: [{
29
29
  type: Component,
30
- 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"] }]
30
+ 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"] }]
31
31
  }], propDecorators: { selectedTemplate: [{
32
32
  type: Input
33
33
  }], templateList: [{
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
45
45
  }], onPreview: [{
46
46
  type: Output
47
47
  }] } });
48
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtbGlzdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3BvbGljeS10ZW1wbGF0ZS90ZW1wbGF0ZS1saXN0LXRhYmxlL3RlbXBsYXRlLWxpc3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdGVtcGxhdGUtbGlzdC10YWJsZS90ZW1wbGF0ZS1saXN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQU9FLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBR3ZCLGlCQUFZLEdBQVUsRUFBRSxDQUFDO1FBQ3pCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsaUJBQVksR0FBVSxFQUFFLENBQUM7UUFFeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDcEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMzQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQVUvQztJQVJDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWE7UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztRQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBcEJVLDBCQUEwQjttR0FBMUIsMEJBQTBCLGdUQ1B2QyxrNUxBa0tBOzs0RkQzSmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFRMUIsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXRlbXBsYXRlLWxpc3QtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUtbGlzdC10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RlbXBsYXRlLWxpc3QtdGFibGUuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGVtcGxhdGVMaXN0VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHByZXZpZXdFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2VsZWN0ZWRUZW1wbGF0ZTogYW55O1xuICBASW5wdXQoKSB0ZW1wbGF0ZUxpc3Q6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGxvYWRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjYXRlZ29yeUxpc3Q6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGZlYXR1cmU6IGFueTtcbiAgQE91dHB1dCgpIG9uU29ydCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgb25TZWxlY3RUZW1wbGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25QcmV2aWV3ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5wcmV2aWV3RW5hYmxlZCA9IHRoaXMuZmVhdHVyZT8uaXNGZWF0dXJlRW5hYmxlZCgnZmZfcHJldmlld19lbmFibGVkJyk7XG4gIH1cblxuICBvblNlbGVjdCh0ZW1wbGF0ZTogYW55KSB7XG4gICAgdGhpcy5zZWxlY3RlZFRlbXBsYXRlID0gdGVtcGxhdGU7XG4gICAgdGhpcy5vblNlbGVjdFRlbXBsYXRlLmVtaXQodGVtcGxhdGUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGVtcGxhdGUtbGlzdC10YWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwidGFibGUtaGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgc2VyaWFsXCJcbiAgICAgID5cbiAgICAgICAgI1xuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB0ZW1wbGF0ZS1uYW1lXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAoY2xpY2spPVwib25Tb3J0LmVtaXQoJ25hbWUnKVwiXG4gICAgICAgICAgY2xhc3M9XCJzb3J0aW5nIHZ4LWZzLTkgdngtdHh0LWJsdWUgdngtbXItMVwiXG4gICAgICAgICAgPjxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlYWYwOzwvaT48L3NwYW5cbiAgICAgICAgPlxuICAgICAgICBURU1QTEFURSBOQU1FXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGNhdGVnb3J5XCJcbiAgICAgID5cbiAgICAgICAgPCEtLSA8c3BhbiBjbGFzcz1cInNvcnRpbmcgdngtZnMtOSB2eC10eHQtYmx1ZSB2eC1tci0xXCJcbiAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiPiYjeGVhZjA7PC9pPjwvc3BhblxuICAgICAgICA+IC0tPlxuICAgICAgICBDQVRFR09SSUVTXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZpZXctYWN0aW9uXCJcbiAgICAgID48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0YWJsZS1ib2R5XCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJ0YWJsZS1yb3dcIlxuICAgICAgKm5nRm9yPVwibGV0IGVhY2hUZW1wbGF0ZSBvZiB0ZW1wbGF0ZUxpc3Q7IGxldCBpID0gaW5kZXhcIlxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzZWxlY3RlZFRlbXBsYXRlPy5faWQgPT09IGVhY2hUZW1wbGF0ZT8uX2lkXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNyLW5vXCJcbiAgICAgICAgICBbYXBwVG9vbHRpcF09XCJpICsgMVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBpICsgMSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGFwcC1jcy1yYWRpb1xuICAgICAgICAgIG5hbWU9XCJ0ZW1wbGF0ZVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInNlbGVjdGVkVGVtcGxhdGU/Ll9pZFwiXG4gICAgICAgICAgW2NoZWNrZWRdPVwic2VsZWN0ZWRUZW1wbGF0ZT8uX2lkID09PSBlYWNoVGVtcGxhdGU/Ll9pZFwiXG4gICAgICAgICAgKGNoZWNrZWRFdmVudCk9XCJvblNlbGVjdChlYWNoVGVtcGxhdGUpXCJcbiAgICAgICAgPjwvYXBwLWNzLXJhZGlvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHRlbXBsYXRlLW5hbWVcIlxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIlxuICAgICAgICAgIFthcHBUb29sdGlwXT1cImVhY2hUZW1wbGF0ZT8ubmFtZVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBlYWNoVGVtcGxhdGU/Lm5hbWUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgY2F0ZWdvcnlcIlxuICAgICAgICAqbmdJZj1cImVhY2hUZW1wbGF0ZT8uY2F0ZWdvcnlEZXRhaWxzIGFzIGNhdGVnb3J5RGV0YWlsc1wiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXRlZ29yeS1pbm5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXRlZ29yeS1uYW1lIHZ4LWZzLTEyIHZ4LWxoLTRcIj5cbiAgICAgICAgICAgIHt7IGNhdGVnb3J5RGV0YWlsc1swXT8uaXRlbV9uYW1lIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgKm5nSWY9XCJjYXRlZ29yeURldGFpbHNbMF0/LnBhcmVudF9pdGVtcz8ubGVuZ3RoXCJcbiAgICAgICAgICAgIGNsYXNzPVwid2l0aGluLXBhcnQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wci0zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi1ib3ggdngtZnMtOSB2eC1mdy02MDAgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1tci0yIHZ4LWxoLTNcIlxuICAgICAgICAgICAgICA+V2l0aGluPC9zcGFuXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi12YWx1ZSB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0XCJcbiAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiY2F0ZWdvcnlEZXRhaWxzWzBdPy5wYXJlbnRfaXRlbXM/LmpvaW4oJyA8ICcpXCJcbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgICAgICAgID57eyBjYXRlZ29yeURldGFpbHNbMF0/LnBhcmVudF9pdGVtcz8uam9pbihcIiA8IFwiKSB9fTwvc3BhblxuICAgICAgICAgICAgPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwiY2F0ZWdvcnlEZXRhaWxzPy5sZW5ndGggPiAxXCJcbiAgICAgICAgICBjbGFzcz1cImNvdW50QnRuIHZ4LWZzLTkgdngtZnctNjAwIHZ4LXR4dC1ibHVlIHZ4LXBsLTEgdngtcHItMSB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcbiAgICAgICAgICBhcHBQb3BvdmVyXG4gICAgICAgICAgKGNsaWNrKT1cIk1vcmVDYXRlZ29yeS5wb3BvdmVyKClcIlxuICAgICAgICAgIHBsYWNlbWVudD1cInJpZ2h0XCJcbiAgICAgICAgPlxuICAgICAgICAgICt7eyBjYXRlZ29yeURldGFpbHM/Lmxlbmd0aCAtIDEgfX1cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGFwcC1wb3BvdmVyICNNb3JlQ2F0ZWdvcnk+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIndmLWFjdGlvbi1saXN0IGNhdGVnb3J5LWxpc3RcIj5cbiAgICAgICAgICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZWFjaFRlbXBsYXRlIG9mIGNhdGVnb3J5RGV0YWlscyB8IHNsaWNlIDogMVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItY2FyZFwiPlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LXctMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZSB2eC1wLTAgdngtdy0xMDBcIlxuICAgICAgICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImVhY2hUZW1wbGF0ZT8uaXRlbV9uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICA+e3sgZWFjaFRlbXBsYXRlPy5pdGVtX25hbWUgfX08L3NwYW5cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJlYWNoVGVtcGxhdGU/LnBhcmVudF9pdGVtcz8ubGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi1wYXJ0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcHItM1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3aXRoaW4tYm94IHZ4LWZzLTkgdngtZnctNjAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtbXItMiB2eC1saC0zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5XaXRoaW48L3NwYW5cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwid2l0aGluLXZhbHVlIHZ4LWZzLTExIHZ4LXBhcmFncmFwaC10eHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiZWFjaFRlbXBsYXRlPy5wYXJlbnRfaXRlbXM/LmpvaW4oJyA8ICcpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPnt7IGVhY2hUZW1wbGF0ZT8ucGFyZW50X2l0ZW1zPy5qb2luKFwiIDwgXCIpIH19PC9zcGFuXG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9hcHAtcG9wb3Zlcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2aWV3LWFjdGlvblwiXG4gICAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAqbmdJZj1cInByZXZpZXdFbmFibGVkXCJcbiAgICAgICAgICBjbGFzcz1cInByZXZpZXdCdG4gdngtZnMtMTEgdngtZnctNTAwIHZ4LXR4dC1ibHVlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtcGwtMiB2eC1wci0yIHZ4LW0tMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWxoLTZcIlxuICAgICAgICAgIChjbGljayk9XCJvblByZXZpZXcuZW1pdChlYWNoVGVtcGxhdGUpXCJcbiAgICAgICAgPlxuICAgICAgICAgIFBSRVZJRVdcbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
48
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtbGlzdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3BvbGljeS10ZW1wbGF0ZS90ZW1wbGF0ZS1saXN0LXRhYmxlL3RlbXBsYXRlLWxpc3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9wb2xpY3ktdGVtcGxhdGUvdGVtcGxhdGUtbGlzdC10YWJsZS90ZW1wbGF0ZS1saXN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQU9FLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBR3ZCLGlCQUFZLEdBQVUsRUFBRSxDQUFDO1FBQ3pCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsaUJBQVksR0FBVSxFQUFFLENBQUM7UUFFeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDcEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMzQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQVUvQztJQVJDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWE7UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztRQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBcEJVLDBCQUEwQjttR0FBMUIsMEJBQTBCLGdUQ1B2QyxtNUxBa0tBOzs0RkQzSmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFRMUIsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXRlbXBsYXRlLWxpc3QtdGFibGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUtbGlzdC10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RlbXBsYXRlLWxpc3QtdGFibGUuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGVtcGxhdGVMaXN0VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHByZXZpZXdFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2VsZWN0ZWRUZW1wbGF0ZTogYW55O1xuICBASW5wdXQoKSB0ZW1wbGF0ZUxpc3Q6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGxvYWRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjYXRlZ29yeUxpc3Q6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGZlYXR1cmU6IGFueTtcbiAgQE91dHB1dCgpIG9uU29ydCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgb25TZWxlY3RUZW1wbGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25QcmV2aWV3ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5wcmV2aWV3RW5hYmxlZCA9IHRoaXMuZmVhdHVyZT8uaXNGZWF0dXJlRW5hYmxlZCgnZmZfcHJldmlld19lbmFibGVkJyk7XG4gIH1cblxuICBvblNlbGVjdCh0ZW1wbGF0ZTogYW55KSB7XG4gICAgdGhpcy5zZWxlY3RlZFRlbXBsYXRlID0gdGVtcGxhdGU7XG4gICAgdGhpcy5vblNlbGVjdFRlbXBsYXRlLmVtaXQodGVtcGxhdGUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGVtcGxhdGUtbGlzdC10YWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwidGFibGUtaGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgc2VyaWFsXCJcbiAgICAgID5cbiAgICAgICAgI1xuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB0ZW1wbGF0ZS1uYW1lXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAoY2xpY2spPVwib25Tb3J0LmVtaXQoJ25hbWUnKVwiXG4gICAgICAgICAgY2xhc3M9XCJzb3J0aW5nIHZ4LWZzLTkgdngtdHh0LWJsdWUgdngtbXItMVwiXG4gICAgICAgICAgPjxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlYWYwOzwvaT48L3NwYW5cbiAgICAgICAgPlxuICAgICAgICBURU1QTEFURSBOQU1FXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGNhdGVnb3J5XCJcbiAgICAgID5cbiAgICAgICAgPCEtLSA8c3BhbiBjbGFzcz1cInNvcnRpbmcgdngtZnMtOSB2eC10eHQtYmx1ZSB2eC1tci0xXCJcbiAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiPiYjeGVhZjA7PC9pPjwvc3BhblxuICAgICAgICA+IC0tPlxuICAgICAgICBDQVRFR09SSUVTXG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZpZXctYWN0aW9uXCJcbiAgICAgID48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0YWJsZS1ib2R5XCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJ0YWJsZS1yb3dcIlxuICAgICAgKm5nRm9yPVwibGV0IGVhY2hUZW1wbGF0ZSBvZiB0ZW1wbGF0ZUxpc3Q7IGxldCBpID0gaW5kZXhcIlxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzZWxlY3RlZFRlbXBsYXRlPy5faWQgPT09IGVhY2hUZW1wbGF0ZT8uX2lkXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNyLW5vXCJcbiAgICAgICAgICBbYXBwVG9vbHRpcF09XCJpICsgMVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgIHR5cGU9XCJibGFja1wiXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBpICsgMSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGFwcC1jcy1yYWRpb1xuICAgICAgICAgIG5hbWU9XCJ0ZW1wbGF0ZVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInNlbGVjdGVkVGVtcGxhdGU/Ll9pZFwiXG4gICAgICAgICAgW2NoZWNrZWRdPVwic2VsZWN0ZWRUZW1wbGF0ZT8uX2lkID09PSBlYWNoVGVtcGxhdGU/Ll9pZFwiXG4gICAgICAgICAgKGNoZWNrZWRFdmVudCk9XCJvblNlbGVjdChlYWNoVGVtcGxhdGUpXCJcbiAgICAgICAgPjwvYXBwLWNzLXJhZGlvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHRlbXBsYXRlLW5hbWVcIlxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIlxuICAgICAgICAgIFthcHBUb29sdGlwXT1cImVhY2hUZW1wbGF0ZT8ubmFtZVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBlYWNoVGVtcGxhdGU/Lm5hbWUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgY2F0ZWdvcnlcIlxuICAgICAgICAqbmdJZj1cImVhY2hUZW1wbGF0ZT8uY2F0ZWdvcnlEZXRhaWxzIGFzIGNhdGVnb3J5RGV0YWlsc1wiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXRlZ29yeS1pbm5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXRlZ29yeS1uYW1lIHZ4LWZzLTEyIHZ4LWxoLTRcIj5cbiAgICAgICAgICAgIHt7IGNhdGVnb3J5RGV0YWlsc1swXT8uaXRlbV9uYW1lIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgKm5nSWY9XCJjYXRlZ29yeURldGFpbHNbMF0/LnBhcmVudF9pdGVtcz8ubGVuZ3RoXCJcbiAgICAgICAgICAgIGNsYXNzPVwid2l0aGluLXBhcnQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wci0zXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi1ib3ggdngtZnMtOSB2eC1mdy02MDAgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1tci0yIHZ4LWxoLTNcIlxuICAgICAgICAgICAgICA+V2l0aGluPC9zcGFuXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi12YWx1ZSB2eC1mcy0xMSB2eC1wYXJhZ3JhcGgtdHh0XCJcbiAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiY2F0ZWdvcnlEZXRhaWxzWzBdPy5wYXJlbnRfaXRlbXM/LmpvaW4oJyA8ICcpXCJcbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgICAgICAgID57eyBjYXRlZ29yeURldGFpbHNbMF0/LnBhcmVudF9pdGVtcz8uam9pbihcIiA8IFwiKSB9fTwvc3BhblxuICAgICAgICAgICAgPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwiY2F0ZWdvcnlEZXRhaWxzPy5sZW5ndGggPiAxXCJcbiAgICAgICAgICBjbGFzcz1cImNvdW50QnRuIHZ4LWZzLTkgdngtZnctNjAwIHZ4LXR4dC1ibHVlIHZ4LXBsLTEgdngtcHItMSB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCJcbiAgICAgICAgICBhcHBQb3BvdmVyXG4gICAgICAgICAgKGNsaWNrKT1cIk1vcmVDYXRlZ29yeS5wb3BvdmVyKClcIlxuICAgICAgICAgIHBsYWNlbWVudD1cInJpZ2h0XCJcbiAgICAgICAgPlxuICAgICAgICAgICt7eyBjYXRlZ29yeURldGFpbHM/Lmxlbmd0aCAtIDEgfX1cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGFwcC1wb3BvdmVyICNNb3JlQ2F0ZWdvcnk+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIndmLWFjdGlvbi1saXN0IGNhdGVnb3J5LWxpc3RcIj5cbiAgICAgICAgICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZWFjaFRlbXBsYXRlIG9mIGNhdGVnb3J5RGV0YWlscyB8IHNsaWNlIDogMVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItY2FyZFwiPlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LXctMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZSB2eC1wLTAgdngtdy0xMDBcIlxuICAgICAgICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cImVhY2hUZW1wbGF0ZT8uaXRlbV9uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICA+e3sgZWFjaFRlbXBsYXRlPy5pdGVtX25hbWUgfX08L3NwYW5cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJlYWNoVGVtcGxhdGU/LnBhcmVudF9pdGVtcz8ubGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIndpdGhpbi1wYXJ0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcHItM1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3aXRoaW4tYm94IHZ4LWZzLTkgdngtZnctNjAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtbXItMiB2eC1saC0zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5XaXRoaW48L3NwYW5cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwid2l0aGluLXZhbHVlIHZ4LWZzLTExIHZ4LXBhcmFncmFwaC10eHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiZWFjaFRlbXBsYXRlPy5wYXJlbnRfaXRlbXM/LmpvaW4oJyA8ICcpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPnt7IGVhY2hUZW1wbGF0ZT8ucGFyZW50X2l0ZW1zPy5qb2luKFwiIDwgXCIpIH19PC9zcGFuXG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9hcHAtcG9wb3Zlcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2aWV3LWFjdGlvblwiXG4gICAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAqbmdJZj1cIiFwcmV2aWV3RW5hYmxlZFwiXG4gICAgICAgICAgY2xhc3M9XCJwcmV2aWV3QnRuIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LXBsLTIgdngtcHItMiB2eC1tLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1saC02XCJcbiAgICAgICAgICAoY2xpY2spPVwib25QcmV2aWV3LmVtaXQoZWFjaFRlbXBsYXRlKVwiXG4gICAgICAgID5cbiAgICAgICAgICBQUkVWSUVXXG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
package/fesm2022/vcomply-workflow-engine.mjs CHANGED
@@ -34853,11 +34853,11 @@ class TemplateListTableComponent {
34853
34853
  this.onSelectTemplate.emit(template);
34854
34854
  }
34855
34855
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
34856
- 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
34856
+ 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
34857
34857
  }
34858
34858
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateListTableComponent, decorators: [{
34859
34859
  type: Component,
34860
- 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"] }]
34860
+ 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"] }]
34861
34861
  }], propDecorators: { selectedTemplate: [{
34862
34862
  type: Input
34863
34863
  }], templateList: [{