vcomply-workflow-engine 3.5.6 → 3.5.7

package/esm2022/lib/sharedComponents/program-listing/program-listing.component.mjs

@@ -700,7 +700,7 @@ export class ProgramListingComponent {
         this.getProgramsList();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgramListingComponent, deps: [{ token: i1.ResponsibilityService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgramListingComponent, selector: "app-program-listing", inputs: { programsList: "programsList", selectedProgram: "selectedProgram", openedFrom: "openedFrom", getSelectedCategories: ["selectedCategories", "getSelectedCategories"], responsibilityId: "responsibilityId", feature: "feature", hideProgramsList: "hideProgramsList", mode: "mode", getLinkedProgram: ["linkedProgram", "getLinkedProgram"] }, outputs: { saveSelectedProgram: "saveSelectedProgram", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "searchProgram", first: true, predicate: ["searchProgram"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], ngImport: i0, template: "<div class=\"program-listing\" [class.animate]=\"animation\" *ngIf=\"!showCategories && !hideProgramsList\">\r\n    <div class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Program</div>\r\n    </div>\r\n    <div class=\"program-listing-body\">\r\n        <div class=\"filter-card-row\">\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'regulations'\" (click)=\"changeTab('regulations')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">REGULATIONS</label>\r\n                    <p *ngIf=\"programData?.SelectedRegulationProgramsCount> 0\">\r\n                        {{programData?.SelectedRegulationProgramsCount}}\r\n                        {{(programData?.SelectedRegulationProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllRegulationProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allRegulationProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'standards'\" (click)=\"changeTab('standards')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\r\n                    <p *ngIf=\"programData?.SelectedStandardProgramsCount> 0\">\r\n                        {{programData?.SelectedStandardProgramsCount}}\r\n                        {{(programData?.SelectedStandardProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllStandardProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allStandardProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'internal_controls'\"\r\n                (click)=\"changeTab('internal_controls')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\r\n                    <p *ngIf=\"programData?.SelectedInternalControlsProgramsCount> 0\">\r\n                        {{programData?.SelectedInternalControlsProgramsCount}}\r\n                        {{(programData?.SelectedInternalControlsProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllInternalControlsProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allInternalControlsProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'others'\" (click)=\"changeTab('others')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\r\n                    <p *ngIf=\"programData?.SelectedOthersProgramsCount> 0\">\r\n                        {{programData?.SelectedOthersProgramsCount}}\r\n                        {{(programData?.SelectedOthersProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllOthersProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allOthersProgramsCount}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" #searchProgram (keyup.enter)=\"handleSearch($event.target.value)\"\r\n                placeholder=\"Search Programs\" />\r\n        </div>\r\n        <!-- mode === 'EDIT' -->\r\n        <div *ngIf=\"mode === 'EDIT' && programData?.AllViewOnlyProgramCount\" class=\"program-listing-tab vx-d-flex vx-align-center\">\r\n            <button (click)=\"setProgramSubTab('PROGRAMS')\" class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\" [class.active]=\"programSubTab === 'PROGRAMS'\">PROGRAMS <span class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\">{{programData?.AllProgramsCount}}</span></button>\r\n            <button (click)=\"setProgramSubTab('OTHER_PROGRAMS')\" class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\" [class.active]=\"programSubTab === 'OTHER_PROGRAMS'\">OTHER PROGRAMS <span class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\">{{programData?.AllViewOnlyProgramCount}}</span></button>\r\n        </div>\r\n        <app-pagination *ngIf=\"programData.totalPages > 1\" [start]=\"programData.from\" [end]=\"programData.to\" [total]=\"programData.totalRecords\" [pageCount]=\"programData.totalPages\" [currentPage]=\"programData.currentPage\" (selectedPage)=\"changePage($event,'program')\"></app-pagination>\r\n        <div class=\"program-listing-part vx-mb-4\" [class.with-category-list]=\"!showCategories && !hideProgramsList\" [class.with-pagination]=\"programData.totalPages > 1\">\r\n            <app-no-data *ngIf=\"programData?.data?.length===0 && !loader\"\r\n                [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n                [noDataText]=\"'No Data Found'\"></app-no-data>\r\n\r\n            <div class=\"program-listing-item\" [class.active]=\"showCategories && currentProgram?._id == program?._id\" *ngFor=\"let program of programData.data;let i = index\" [class.final-select]=\"false\">\r\n                <!-- after category was select & user move to back and edit then final-select class was show -->\r\n                <!-- [class.disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS'\" -->\r\n                <div class=\"table-row main-list\" [class.active]=\"selectedProgramsId?.includes(program?._id)\" [class.disabled]=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag') ? false : (currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS')\">\r\n                    <div class=\"table-column serial\">\r\n                        <div class=\"sr-no\" [appTooltip]=\"i+programData.from\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+programData.from}}</div>\r\n                        <!-- [disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\" -->\r\n                        <app-cs-checkbox\r\n                            *ngIf=\"programSubTab !== 'OTHER_PROGRAMS'\"\r\n                            [disabled]=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag') ? false : (currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM'))\"\r\n                            [ngValue]=\"selectedProgramsId?.includes(program?._id)\"\r\n                            (ngValueChange)=\"selectProgram($event,program)\"\r\n                        ></app-cs-checkbox>\r\n                        <!-- <app-cs-radio [name]=\"'t'\" [checked]=\"currentProgram?._id == program?._id\" (checkedEvent)=\"selectProgram($event.target.checked,program)\"></app-cs-radio> -->\r\n                    </div>\r\n                    <div class=\"table-column name\">\r\n                        <div class=\"name-inner\">\r\n                            <div class=\"name-with-count\">\r\n                                <div class=\"value\" [appTooltip]=\"program?.item_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{program?.name}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"table-column primary-program\" >\r\n                        <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n                            <app-cs-switch\r\n                                *ngIf=\"!(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') || currentProgram?._id === program?._id\"\r\n                                [disabled]=\"currentProgram?._id === program?._id\"\r\n                                [ngValue]='currentProgram?._id === program?._id' \r\n                                (ngValueChange)=\"setPrimaryProgram($event, program)\"\r\n                            >{{currentProgram?._id === program?._id ? 'PRIMARY PROGRAM' : 'SET AS PRIMARY PROGRAM'}}</app-cs-switch>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- <div class=\"table-column action\">\r\n                        <button class=\"arrow\" *ngIf=\"program?.child_id?.length\" [class.disabled]=\"false\"\r\n                            [disabled]=\"false\">\r\n                            <i *ngIf=\"!(showCategories && currentProgram?._id == program?._id)\"\r\n                                (click)=\"selectProgram($event,program)\" class=\"icons\">&#xe970;</i>\r\n                            <i *ngIf=\"showCategories && currentProgram?._id == program?._id\" class=\"icons\">&#xe9e8;</i>\r\n                        </button>\r\n                    </div> -->\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <app-floating-bar *ngIf=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" [selectedData]=\"(selectedProgramsDetail?.length) ? selectedProgramsDetail : []\" [displayElementKey]=\"'name'\"\r\n            [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n            (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true\" (closeList)=\"close()\" [elementId]=\"'category_id'\">\r\n        </app-floating-bar>\r\n\r\n        <app-floating-bar *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" [selectedData]=\"(selectedProgramsDetail?.length) ? selectedProgramsDetail : []\" [displayElementKey]=\"'name'\"\r\n            [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n            (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true\" (closeList)=\"close()\" [defaultSelected]=\"currentProgram\" [nonRemovableUsersList]=\"(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') ? viewOnlyProgramsCategoryId : [currentProgram?.category_id]\" [elementId]=\"'category_id'\">\r\n        </app-floating-bar>\r\n    </div>\r\n    <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"displayConfirmationMessage\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\">Once you select this Program, all default values associated with this Program will also be updated.</div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"isPrimaryConfirmation && !isPrimaryUnchecked\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\" [innerHTML]=\"primaryConfirmationMessage\"></div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"updatePrimaryProgram(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"updatePrimaryProgram(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"program-listing-confirmation error-confirmation\" *ngIf=\"isPrimaryUnchecked\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                    <div class=\"text vx-pr-4\">You cannot deselect this Program since this is the <em>Primary Program</em> for this responsibility. To proceed, first select another Program as the <em>Primary Program</em>.</div>\r\n                </div>\r\n                <button class=\"ok-btn\" (click)=\"updatePrimaryProgram(false)\">OK</button>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <!-- <app-floating-bar [selectedData]=\"(currentProgram?.category_id)?[currentProgram]:[]\" [displayElementKey]=\"'name'\"\r\n        [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n        (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true \" (closeList)=\"close()\">\r\n    </app-floating-bar> -->\r\n\r\n    <!-- ((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true  -->\r\n\r\n    <app-loader *ngIf=\"loader\"></app-loader>\r\n</div>\r\n<div class=\"program-listing\" [class.animate]=\"animation\" *ngIf=\"showCategories || hideProgramsList\">\r\n    <div class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\r\n            <button class=\"back-btn vx-fs-16 vx-p-0 vx-mr-2\" (click)=\"backToPrograms()\"><i class=\"icons\">&#xe91d;</i></button>\r\n            <!-- <span *ngIf=\"currentProgram?.name\"> {{currentProgram?.name}} > </span> -->\r\n             Program  >  Select Program Categories\r\n        </div>\r\n    </div>\r\n    <div class=\"program-listing-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" #searchCategory (keyup.enter)=\"categorySearch($event.target.value)\"\r\n                placeholder=\"Search Categories\" />\r\n        </div>\r\n        <app-pagination *ngIf=\"categoryData.totalPages > 1\" class=\"category-pagination\" [start]=\"categoryData.from\" [end]=\"categoryData.to\" [total]=\"categoryData.totalRecords\" [pageCount]=\"categoryData.totalPages\" [currentPage]=\"categoryData.currentPage\" (selectedPage)=\"changePage($event,'category')\"></app-pagination>\r\n        <div class=\"program-listing-part vx-mb-4\" [class.with-category-pagination]=\"categoryData.totalPages > 1\">\r\n            <app-no-data *ngIf=\"categoryData?.data?.length===0 && !loader\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data Found'\"></app-no-data>\r\n\r\n            <ng-container *ngIf=\"!loader && categoryData.data?.length\">\r\n                <ng-container *ngIf=\"false\">\r\n                    <div class=\"selected-area\" *ngIf=\"!loader && (currentProgram?.name ? categoryData.data?.length : programData?.data?.length)\">\r\n                        <app-cs-checkbox *ngIf=\"checkCategoriesSelection()=='checked'\" [ngValue]=\"true\" (ngValueChange)=\"selectAllCategories(false)\">Deselect All</app-cs-checkbox>\r\n                        <app-cs-checkbox-indeterminate *ngIf=\"checkCategoriesSelection()=='indeterminate'\" [ngValue]=\"true\" (ngValueChange)=\"selectAllCategories(false)\">Deselect All</app-cs-checkbox-indeterminate>\r\n                        <app-cs-checkbox *ngIf=\"checkCategoriesSelection()=='unchecked'\" [ngValue]=\"false\" (ngValueChange)=\"selectAllCategories(true)\">Select All</app-cs-checkbox>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"table-head\">\r\n                    <div class=\"table-row\">\r\n                        <div class=\"table-column serial\">#</div>\r\n                        <div class=\"table-column category-name\">CATEGORIES</div>\r\n                        <div class=\"table-column category-within\">WITHIN</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"program-listing-item\" [class.active]=\"subList\" *ngFor=\"let category of categoryData.data;let i = index\" [class.active]=\"selectedIds.includes(category.category_id)\">\r\n                    <div class=\"table-row main-list\" [class.disabled]=\"false\">\r\n                        <div class=\"table-column serial\">\r\n                            <div class=\"sr-no\" [appTooltip]=\"i + categoryData?.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\r\n                                [tooltipMandatory]=\"true\">{{i + categoryData?.from}}</div>\r\n                            <app-cs-checkbox [ngValue]=\"selectedIds.includes(category.category_id)\"\r\n                                (ngValueChange)=\"selectCategory($event,category)\"></app-cs-checkbox>\r\n                        </div>\r\n                        <div class=\"table-column category-name\">\r\n                            <div class=\"name-inner\">\r\n                                <div class=\"name-with-count\">\r\n                                    <div class=\"value\" [appTooltip]=\"category?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category?.name}}</div>\r\n                                </div>\r\n                                <!-- <div class=\"within-part\" *ngIf=\"category?.parent_category_name?.length>0\">\r\n                                    <span class=\"within-box\">Within</span>\r\n                                    <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                                        <span *ngFor=\"let parent of category?.parent_category_name;let j=index\">{{(j!=(category?.parent_category_name?.length-1))?\r\n                                            parent+' < ':parent}} </span>\r\n                                    </span>\r\n                                </div> -->\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"table-column category-within\" *ngIf=\"category?.parent_category_name?.length > 0\">\r\n                            <div *ngFor=\"let parent of category?.parent_category_name; let last = last\" class=\"within-name\" [appTooltip]=\"category?.parent_category_name?.slice()?.reverse()?.join(' > ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{parent}} \r\n                                <span *ngIf=\"!last\"> >&nbsp;  </span>\r\n                            </div>\r\n                            <div *ngIf=\"category?.parent_category_ids?.includes(currentProgram?.category_id) && !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" class=\"primary-label\">PRIMARY</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n        <app-floating-bar [selectedData]=\"categoryData.selectedCategories\" [displayElementKey]=\"'name'\"\r\n        [singularText]=\"'Program Category selected'\"\r\n        [pluralText]=\"'Program Categories selected'\" (closeEvent)=\"save()\"\r\n        (deleteEvent)=\"removeCategories($event)\" (closeList)=\"backToPrograms()\">\r\n        </app-floating-bar>\r\n    </div>\r\n    <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"displayConfirmationMessage\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\">Once you select this Program, all default values associated with this Program will also be updated.</div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <app-loader *ngIf=\"loader\"></app-loader>\r\n </div>\r\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 .program-listing{position:fixed;inset:0 500px 0 0}::ng-deep .program-listing:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .program-listing.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .program-listing-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .program-listing-head button.back-btn{background:transparent;border-radius:0;border:none;position:relative;top:.125rem}::ng-deep .program-listing-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .program-listing-body .filter-card{box-shadow:0 0 2px #00000029;border-radius:.125rem;height:55px;cursor:pointer}::ng-deep .program-listing-body .filter-card.active{box-shadow:0 3px 12px #1e5dd340;border:none;pointer-events:none}::ng-deep .program-listing-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .program-listing-body .filter-card label{font-weight:500;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .program-listing-body .filter-card p{line-height:16px;font-size:11px;color:#161b2f;font-weight:600;margin:0}::ng-deep .program-listing-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 4px;line-height:28px}::ng-deep .program-listing-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .program-listing-body .filter-card+.filter-card{margin-left:4px}::ng-deep .program-listing-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .program-listing-body .search-block{position:relative;margin-bottom:8px}::ng-deep .program-listing-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .program-listing-body .search-block input::placeholder{font-weight:400}::ng-deep .program-listing-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .program-listing-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .program-listing-body app-pagination .wk-pagination-sec-ds{padding-top:0!important}::ng-deep .program-listing-body app-pagination.category-pagination .wk-pagination-sec-ds{padding-bottom:0!important}::ng-deep .program-listing-body .program-listing-part{height:calc(100vh - 225px);overflow:auto;padding:0 12px 0 0;width:calc(100% + 12px)}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .program-listing-body .program-listing-part.with-pagination{height:calc(100vh - 244px)}::ng-deep .program-listing-body .program-listing-part.with-category-list{height:calc(100vh - 288px)}::ng-deep .program-listing-body .program-listing-part.with-category-list.with-pagination{height:calc(100vh - 324px)}::ng-deep .program-listing-body .program-listing-part.with-category-pagination{height:calc(100vh - 252px)}::ng-deep .program-listing-body .program-listing-part .selected-area{background:#fff;height:32px;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:100%;height:16px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item{width:100%;position:relative}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .value,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{color:#161b2f;font-size:12px;font-weight:500;margin-left:24px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{margin-left:0}::ng-deep .program-listing-body .program-listing-part .table-head{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .table-head .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column{color:#161b2f;font-size:11px;font-weight:500;height:24px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px;text-transform:uppercase}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select{background:#fbfbfb}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select .table-row .table-column.serial .sr-no{background:transparent}::ng-deep .program-listing-body .program-listing-part .program-listing-item .main-list{border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin-bottom:4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial .sr-no{opacity:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled{pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .primary-program app-cs-switch .cs-switch .value{opacity:.4}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .name .name-inner .name-with-count .value{color:#dbdbdb!important}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column{color:#747576;height:40px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{position:absolute;top:14px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:16px;height:16px;top:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .count{background:#1e5dd3;border-radius:20px;color:#fff;font-size:9px;font-weight:500;line-height:16px;min-width:24px;display:inline-block;text-align:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .within-name{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program{width:200px;max-width:200px;justify-content:end}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch{opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch .cs-switch .value{font-size:11px!important;color:#747576!important;font-weight:500!important;width:auto!important;margin-right:8px;cursor:pointer}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.primary-program app-cs-switch,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.primary-program app-cs-switch{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no vui-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no vui-checkbox{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row .table-column.name .name-inner .value{color:#747576;font-size:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-tab{border-bottom:1px solid #DBDBDB;margin-bottom:8px}::ng-deep .program-listing-tab button{background:transparent;border-radius:0;border:none;border-bottom:3px solid transparent;margin-right:40px!important}::ng-deep .program-listing-tab button span.count{border-radius:20px;color:#74757680;min-width:24px}::ng-deep .program-listing-tab button.active{border-color:#1e5dd3;color:#1e5dd3}::ng-deep .program-listing-tab button.active span.count{background:#1e5dd3;color:#fff;font-weight:500}::ng-deep .program-listing-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .program-listing-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .program-listing-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .program-listing-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .program-listing-confirmation.error-confirmation{background:#eb2424}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}::ng-deep .program-listing app-loader .main-loader{position:absolute}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.CsSwitchComponent, selector: "app-cs-switch", inputs: ["disabled", "ngValue", "value", "tooltipMessage", "position"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i6.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i7.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i8.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i9.PaginationComponent, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i10.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgramListingComponent, selector: "app-program-listing", inputs: { programsList: "programsList", selectedProgram: "selectedProgram", openedFrom: "openedFrom", getSelectedCategories: ["selectedCategories", "getSelectedCategories"], responsibilityId: "responsibilityId", feature: "feature", hideProgramsList: "hideProgramsList", mode: "mode", getLinkedProgram: ["linkedProgram", "getLinkedProgram"] }, outputs: { saveSelectedProgram: "saveSelectedProgram", closeEvent: "closeEvent" }, viewQueries: [{ propertyName: "searchProgram", first: true, predicate: ["searchProgram"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], ngImport: i0, template: "<div class=\"program-listing\" [class.animate]=\"animation\" *ngIf=\"!showCategories && !hideProgramsList\">\r\n    <div class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Program</div>\r\n    </div>\r\n    <div class=\"program-listing-body\">\r\n        <div class=\"filter-card-row\">\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'regulations'\" (click)=\"changeTab('regulations')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">REGULATIONS</label>\r\n                    <p *ngIf=\"programData?.SelectedRegulationProgramsCount> 0\">\r\n                        {{programData?.SelectedRegulationProgramsCount}}\r\n                        {{(programData?.SelectedRegulationProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllRegulationProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allRegulationProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'standards'\" (click)=\"changeTab('standards')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\r\n                    <p *ngIf=\"programData?.SelectedStandardProgramsCount> 0\">\r\n                        {{programData?.SelectedStandardProgramsCount}}\r\n                        {{(programData?.SelectedStandardProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllStandardProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allStandardProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'internal_controls'\"\r\n                (click)=\"changeTab('internal_controls')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\r\n                    <p *ngIf=\"programData?.SelectedInternalControlsProgramsCount> 0\">\r\n                        {{programData?.SelectedInternalControlsProgramsCount}}\r\n                        {{(programData?.SelectedInternalControlsProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllInternalControlsProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allInternalControlsProgramsCount}}</span>\r\n            </div>\r\n            <div class=\"filter-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"activeTab == 'others'\" (click)=\"changeTab('others')\">\r\n                <div class=\"left\">\r\n                    <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\r\n                    <p *ngIf=\"programData?.SelectedOthersProgramsCount> 0\">\r\n                        {{programData?.SelectedOthersProgramsCount}}\r\n                        {{(programData?.SelectedOthersProgramsCount==1)?'Program':'Programs'}} selected\r\n                    </p>\r\n                </div>\r\n                <!-- <span class=\"counter\">{{programData?.AllOthersProgramsCount}}</span> -->\r\n                <span class=\"counter\">{{programTabDataCount?.allOthersProgramsCount}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" #searchProgram (keyup.enter)=\"handleSearch($event.target.value)\"\r\n                placeholder=\"Search Programs\" />\r\n        </div>\r\n        <!-- mode === 'EDIT' -->\r\n        <div *ngIf=\"mode === 'EDIT' && programData?.AllViewOnlyProgramCount\" class=\"program-listing-tab vx-d-flex vx-align-center\">\r\n            <button (click)=\"setProgramSubTab('PROGRAMS')\" class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\" [class.active]=\"programSubTab === 'PROGRAMS'\">PROGRAMS <span class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\">{{programData?.AllProgramsCount}}</span></button>\r\n            <button (click)=\"setProgramSubTab('OTHER_PROGRAMS')\" class=\"vx-fs-11 vx-fw-600 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0 vx-d-flex vx-align-center vx-lh-4\" [class.active]=\"programSubTab === 'OTHER_PROGRAMS'\">OTHER PROGRAMS <span class=\"count vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-center vx-ml-2 vx-lh-4\">{{programData?.AllViewOnlyProgramCount}}</span></button>\r\n        </div>\r\n        <app-pagination *ngIf=\"programData.totalPages > 1\" [start]=\"programData.from\" [end]=\"programData.to\" [total]=\"programData.totalRecords\" [pageCount]=\"programData.totalPages\" [currentPage]=\"programData.currentPage\" (selectedPage)=\"changePage($event,'program')\"></app-pagination>\r\n        <div class=\"program-listing-part vx-mb-4\" [class.with-category-list]=\"!showCategories && !hideProgramsList\" [class.with-pagination]=\"programData.totalPages > 1\">\r\n            <app-no-data *ngIf=\"programData?.data?.length===0 && !loader\"\r\n                [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n                [noDataText]=\"'No Data Found'\"></app-no-data>\r\n\r\n            <div class=\"program-listing-item\" [class.active]=\"showCategories && currentProgram?._id == program?._id\" *ngFor=\"let program of programData.data;let i = index\" [class.final-select]=\"false\">\r\n                <!-- after category was select & user move to back and edit then final-select class was show -->\r\n                <!-- [class.disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS'\" -->\r\n                <div class=\"table-row main-list\" [class.active]=\"selectedProgramsId?.includes(program?._id)\" [class.disabled]=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag') ? false : (currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') && programSubTab !== 'OTHER_PROGRAMS')\">\r\n                    <div class=\"table-column serial\">\r\n                        <div class=\"sr-no\" [appTooltip]=\"i+programData.from\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+programData.from}}</div>\r\n                        <!-- [disabled]=\"currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM')\" -->\r\n                        <app-cs-checkbox\r\n                            *ngIf=\"programSubTab !== 'OTHER_PROGRAMS'\"\r\n                            [disabled]=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag') ? false : (currentProgram?._id === program?._id && (mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM'))\"\r\n                            [ngValue]=\"selectedProgramsId?.includes(program?._id)\"\r\n                            (ngValueChange)=\"selectProgram($event,program)\"\r\n                        ></app-cs-checkbox>\r\n                        <!-- <app-cs-radio [name]=\"'t'\" [checked]=\"currentProgram?._id == program?._id\" (checkedEvent)=\"selectProgram($event.target.checked,program)\"></app-cs-radio> -->\r\n                    </div>\r\n                    <div class=\"table-column name\">\r\n                        <div class=\"name-inner\">\r\n                            <div class=\"name-with-count\">\r\n                                <div class=\"value\" [appTooltip]=\"program?.item_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{program?.name}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"table-column primary-program\" >\r\n                        <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n                            <app-cs-switch\r\n                                *ngIf=\"!(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') || currentProgram?._id === program?._id\"\r\n                                [disabled]=\"currentProgram?._id === program?._id\"\r\n                                [ngValue]='currentProgram?._id === program?._id' \r\n                                (ngValueChange)=\"setPrimaryProgram($event, program)\"\r\n                            >{{currentProgram?._id === program?._id ? 'PRIMARY PROGRAM' : 'SET AS PRIMARY PROGRAM'}}</app-cs-switch>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- <div class=\"table-column action\">\r\n                        <button class=\"arrow\" *ngIf=\"program?.child_id?.length\" [class.disabled]=\"false\"\r\n                            [disabled]=\"false\">\r\n                            <i *ngIf=\"!(showCategories && currentProgram?._id == program?._id)\"\r\n                                (click)=\"selectProgram($event,program)\" class=\"icons\">&#xe970;</i>\r\n                            <i *ngIf=\"showCategories && currentProgram?._id == program?._id\" class=\"icons\">&#xe9e8;</i>\r\n                        </button>\r\n                    </div> -->\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <app-floating-bar *ngIf=\"feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" [selectedData]=\"(selectedProgramsDetail?.length) ? selectedProgramsDetail : []\" [displayElementKey]=\"'name'\"\r\n            [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n            (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true\" (closeList)=\"close()\" [elementId]=\"'category_id'\">\r\n        </app-floating-bar>\r\n\r\n        <app-floating-bar *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" [selectedData]=\"(selectedProgramsDetail?.length) ? selectedProgramsDetail : []\" [displayElementKey]=\"'name'\"\r\n            [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n            (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true\" (closeList)=\"close()\" [defaultSelected]=\"currentProgram\" [nonRemovableUsersList]=\"(mode === 'EDIT' || openedFrom === 'PROGRAM_WORKROOM') ? viewOnlyProgramsCategoryId : [currentProgram?.category_id]\" [elementId]=\"'category_id'\">\r\n        </app-floating-bar>\r\n    </div>\r\n    <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"displayConfirmationMessage\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\">Once you select this Program, all default values associated with this Program will also be updated.</div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"isPrimaryConfirmation && !isPrimaryUnchecked\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\" [innerHTML]=\"primaryConfirmationMessage\"></div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"updatePrimaryProgram(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"updatePrimaryProgram(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"program-listing-confirmation error-confirmation\" *ngIf=\"isPrimaryUnchecked\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                    <div class=\"text vx-pr-4\">You cannot deselect this Program since this is the <em>Primary Program</em> for this responsibility. To proceed, first select another Program as the <em>Primary Program</em>.</div>\r\n                </div>\r\n                <button class=\"ok-btn\" (click)=\"updatePrimaryProgram(false)\">OK</button>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <!-- <app-floating-bar [selectedData]=\"(currentProgram?.category_id)?[currentProgram]:[]\" [displayElementKey]=\"'name'\"\r\n        [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\" (closeEvent)=\"openCategories()\"\r\n        (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true \" (closeList)=\"close()\">\r\n    </app-floating-bar> -->\r\n\r\n    <!-- ((currentProgram?.category_id)?[currentProgram]:[])?.length ? false :true  -->\r\n\r\n    <app-loader *ngIf=\"loader\"></app-loader>\r\n</div>\r\n<div class=\"program-listing\" [class.animate]=\"animation\" *ngIf=\"showCategories || hideProgramsList\">\r\n    <div class=\"program-listing-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\r\n            <button class=\"back-btn vx-fs-16 vx-p-0 vx-mr-2\" (click)=\"backToPrograms()\"><i class=\"icons\">&#xe91d;</i></button>\r\n            <!-- <span *ngIf=\"currentProgram?.name\"> {{currentProgram?.name}} > </span> -->\r\n             Program  >  Select Program Categories\r\n        </div>\r\n    </div>\r\n    <div class=\"program-listing-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" #searchCategory (keyup.enter)=\"categorySearch($event.target.value)\"\r\n                placeholder=\"Search Categories\" />\r\n        </div>\r\n        <app-pagination *ngIf=\"categoryData.totalPages > 1\" class=\"category-pagination\" [start]=\"categoryData.from\" [end]=\"categoryData.to\" [total]=\"categoryData.totalRecords\" [pageCount]=\"categoryData.totalPages\" [currentPage]=\"categoryData.currentPage\" (selectedPage)=\"changePage($event,'category')\"></app-pagination>\r\n        <div class=\"program-listing-part vx-mb-4\" [class.with-category-pagination]=\"categoryData.totalPages > 1\">\r\n            <app-no-data *ngIf=\"categoryData?.data?.length===0 && !loader\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data Found'\"></app-no-data>\r\n\r\n            <ng-container *ngIf=\"!loader && categoryData.data?.length\">\r\n                <ng-container *ngIf=\"false\">\r\n                    <div class=\"selected-area\" *ngIf=\"!loader && (currentProgram?.name ? categoryData.data?.length : programData?.data?.length)\">\r\n                        <app-cs-checkbox *ngIf=\"checkCategoriesSelection()=='checked'\" [ngValue]=\"true\" (ngValueChange)=\"selectAllCategories(false)\">Deselect All</app-cs-checkbox>\r\n                        <app-cs-checkbox-indeterminate *ngIf=\"checkCategoriesSelection()=='indeterminate'\" [ngValue]=\"true\" (ngValueChange)=\"selectAllCategories(false)\">Deselect All</app-cs-checkbox-indeterminate>\r\n                        <app-cs-checkbox *ngIf=\"checkCategoriesSelection()=='unchecked'\" [ngValue]=\"false\" (ngValueChange)=\"selectAllCategories(true)\">Select All</app-cs-checkbox>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"table-head\">\r\n                    <div class=\"table-row\">\r\n                        <div class=\"table-column serial\">#</div>\r\n                        <div class=\"table-column category-name\">CATEGORIES</div>\r\n                        <div class=\"table-column category-within\">WITHIN</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"program-listing-item\" [class.active]=\"subList\" *ngFor=\"let category of categoryData.data;let i = index\" [class.active]=\"selectedIds.includes(category.category_id)\">\r\n                    <div class=\"table-row main-list\" [class.disabled]=\"false\">\r\n                        <div class=\"table-column serial\">\r\n                            <div class=\"sr-no\" [appTooltip]=\"i + categoryData?.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\r\n                                [tooltipMandatory]=\"true\">{{i + categoryData?.from}}</div>\r\n                            <app-cs-checkbox [ngValue]=\"selectedIds.includes(category.category_id)\"\r\n                                (ngValueChange)=\"selectCategory($event,category)\"></app-cs-checkbox>\r\n                        </div>\r\n                        <div class=\"table-column category-name\">\r\n                            <div class=\"name-inner\">\r\n                                <div class=\"name-with-count\">\r\n                                    <div class=\"value\" [appTooltip]=\"category?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category?.name}}</div>\r\n                                </div>\r\n                                <!-- <div class=\"within-part\" *ngIf=\"category?.parent_category_name?.length>0\">\r\n                                    <span class=\"within-box\">Within</span>\r\n                                    <span class=\"value\" [appTooltip]=\"'South Africa > America > India'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                                        <span *ngFor=\"let parent of category?.parent_category_name;let j=index\">{{(j!=(category?.parent_category_name?.length-1))?\r\n                                            parent+' < ':parent}} </span>\r\n                                    </span>\r\n                                </div> -->\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"table-column category-within\" *ngIf=\"category?.parent_category_name?.length > 0\">\r\n                            <div *ngFor=\"let parent of category?.parent_category_name; let last = last\" class=\"within-name\" [appTooltip]=\"category?.parent_category_name?.slice()?.reverse()?.join(' > ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{parent}} \r\n                                <span *ngIf=\"!last\"> >&nbsp;  </span>\r\n                            </div>\r\n                            <div *ngIf=\"category?.parent_category_ids?.includes(currentProgram?.category_id) && !feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\" class=\"primary-label\">PRIMARY</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n        <app-floating-bar [selectedData]=\"categoryData.selectedCategories\" [displayElementKey]=\"'name'\"\r\n        [singularText]=\"'Program Category selected'\"\r\n        [pluralText]=\"'Program Categories selected'\" (closeEvent)=\"save()\"\r\n        (deleteEvent)=\"removeCategories($event)\" (closeList)=\"backToPrograms()\">\r\n        </app-floating-bar>\r\n    </div>\r\n    <ng-container *ngIf=\"!feature.isFeatureEnabled('ff_deprecate_primary_program_flag')\">\r\n        <div class=\"program-listing-confirmation\" *ngIf=\"displayConfirmationMessage\">\r\n            <div class=\"confirmation-top\">\r\n                <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n                <div class=\"text\">Once you select this Program, all default values associated with this Program will also be updated.</div>\r\n            </div>\r\n            <div class=\"confirmation-bottom\">\r\n                <div class=\"message\">Are you sure you would like to proceed?</div>\r\n                <div class=\"button-group\">\r\n                    <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\r\n                    <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <app-loader *ngIf=\"loader\"></app-loader>\r\n </div>\r\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 .program-listing{position:fixed;inset:0 500px 0 0}::ng-deep .program-listing:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .program-listing.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .program-listing-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .program-listing-head button.back-btn{background:transparent;border-radius:0;border:none;position:relative;top:.125rem}::ng-deep .program-listing-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .program-listing-body .filter-card{box-shadow:0 0 2px #00000029;border-radius:.125rem;height:55px;cursor:pointer}::ng-deep .program-listing-body .filter-card.active{box-shadow:0 3px 12px #1e5dd340;border:none;pointer-events:none}::ng-deep .program-listing-body .filter-card.active span.counter{background:#f1f1f1;color:#042e7d}::ng-deep .program-listing-body .filter-card label{font-weight:500;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .program-listing-body .filter-card p{line-height:16px;font-size:11px;color:#161b2f;font-weight:600;margin:0}::ng-deep .program-listing-body .filter-card span.counter{display:flex;height:28px;min-width:28px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 4px;line-height:28px}::ng-deep .program-listing-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .program-listing-body .filter-card+.filter-card{margin-left:4px}::ng-deep .program-listing-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .program-listing-body .search-block{position:relative;margin-bottom:8px}::ng-deep .program-listing-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .program-listing-body .search-block input::placeholder{font-weight:400}::ng-deep .program-listing-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .program-listing-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .program-listing-body app-pagination .wk-pagination-sec-ds{padding-top:0!important}::ng-deep .program-listing-body app-pagination.category-pagination .wk-pagination-sec-ds{padding-bottom:0!important}::ng-deep .program-listing-body .program-listing-part{height:calc(100vh - 225px);overflow:auto;padding:0 12px 0 0;width:calc(100% + 12px)}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .program-listing-body .program-listing-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .program-listing-body .program-listing-part.with-pagination{height:calc(100vh - 244px)}::ng-deep .program-listing-body .program-listing-part.with-category-list{height:calc(100vh - 288px)}::ng-deep .program-listing-body .program-listing-part.with-category-list.with-pagination{height:calc(100vh - 324px)}::ng-deep .program-listing-body .program-listing-part.with-category-pagination{height:calc(100vh - 252px)}::ng-deep .program-listing-body .program-listing-part .selected-area{background:#fff;height:32px;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:100%;height:16px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item{width:100%;position:relative}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox .checkbox-item .value,::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{color:#161b2f;font-size:12px;font-weight:500;margin-left:24px}::ng-deep .program-listing-body .program-listing-part .selected-area app-cs-checkbox-indeterminate .checkbox-item .value{margin-left:0}::ng-deep .program-listing-body .program-listing-part .table-head{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .program-listing-body .program-listing-part .table-head .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column{color:#161b2f;font-size:11px;font-weight:500;height:24px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px;text-transform:uppercase}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .table-head .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select{background:#fbfbfb}::ng-deep .program-listing-body .program-listing-part .program-listing-item.final-select .table-row .table-column.serial .sr-no{background:transparent}::ng-deep .program-listing-body .program-listing-part .program-listing-item .main-list{border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin-bottom:4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial .sr-no{opacity:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled{pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .primary-program app-cs-switch .cs-switch .value{opacity:.4}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.disabled .name .name-inner .name-with-count .value{color:#dbdbdb!important}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column{color:#747576;height:40px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{position:absolute;top:14px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate{background:#fff;border-radius:2px;width:16px;height:16px;top:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.serial app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .count{background:#1e5dd3;border-radius:20px;color:#fff;font-size:9px;font-weight:500;line-height:16px;min-width:24px;display:inline-block;text-align:center;padding:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name{width:calc(100% - 332px);min-width:calc(100% - 332px)}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner{width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count{display:flex;align-items:center;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-name .name-inner .name-with-count .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within{width:300px;min-width:300px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .within-name{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.category-within .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program{width:200px;max-width:200px;justify-content:end}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch{opacity:0;transition:all .2s ease-in-out}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.primary-program app-cs-switch .cs-switch .value{font-size:11px!important;color:#747576!important;font-weight:500!important;width:auto!important;margin-right:8px;cursor:pointer}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.serial app-cs-checkbox-indeterminate,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row:hover .table-column.primary-program app-cs-switch,::ng-deep .program-listing-body .program-listing-part .program-listing-item .table-row.active .table-column.primary-program app-cs-switch{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row:hover .table-column.serial .sr-no vui-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row.active .table-column.serial .sr-no vui-checkbox{opacity:1}::ng-deep .program-listing-body .program-listing-part .program-listing-item .sub-list .table-row .table-column.name .name-inner .value{color:#747576;font-size:12px}::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-radio,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox,::ng-deep .program-listing-body .program-listing-part .program-listing-item.active .table-row .table-column.serial app-cs-checkbox-indeterminate{opacity:1}::ng-deep .program-listing-tab{border-bottom:1px solid #DBDBDB;margin-bottom:8px}::ng-deep .program-listing-tab button{background:transparent;border-radius:0;border:none;border-bottom:3px solid transparent;margin-right:40px!important}::ng-deep .program-listing-tab button span.count{border-radius:20px;color:#74757680;min-width:24px}::ng-deep .program-listing-tab button.active{border-color:#1e5dd3;color:#1e5dd3}::ng-deep .program-listing-tab button.active span.count{background:#1e5dd3;color:#fff;font-weight:500}::ng-deep .program-listing-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .program-listing-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .program-listing-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .program-listing-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .program-listing-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .program-listing-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .program-listing-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .program-listing-confirmation.error-confirmation{background:#eb2424}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .program-listing-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}::ng-deep .program-listing app-loader .main-loader{position:absolute}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i4.CsSwitchComponent, selector: "app-cs-switch", inputs: ["disabled", "ngValue", "value", "tooltipMessage", "position"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i6.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i7.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i8.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i9.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i10.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgramListingComponent, decorators: [{
             type: Component,

package/esm2022/lib/sharedComponents/radio-list-with-pagination/radio-list.component.mjs

@@ -91,7 +91,7 @@ export class RadioListWithPaginationComponent {
         return data;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListWithPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListWithPaginationComponent, selector: "app-radio-list-with-pagination", inputs: { setList: ["categoryList", "setList"], config: "config", currentPage: "currentPage", recordStart: "recordStart", recordEnd: "recordEnd", totalRecords: "totalRecords", totalPages: "totalPages", loading: "loading", setSelected: ["selectedList", "setSelected"] }, outputs: { fetchData: "fetchData", back: "back", next: "next", cancel: "cancel" }, ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\r\n  <div class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{config?.panelTitle}}</div>\r\n    <!-- <button class=\"radio-list-close\">\r\n      <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\r\n    </button> -->\r\n  </div>\r\n\r\n  <div class=\"radio-list-body\">\r\n    <div class=\"search-block vx-mb-2\" *ngIf=\"true\">\r\n      <i class=\"icons\">&#xe90b;</i>\r\n      <input (keydown.enter)=\"search()\" type=\"text\" [placeholder]=\"config?.searchPlaceholder\"  [(ngModel)]=\"searchKey\" />\r\n    </div>\r\n   \r\n    <app-pagination *ngIf=\"totalPages > 1\" [start]=\"recordStart\" [end]=\"recordEnd\" [total]=\"totalRecords\" [pageCount]=\"totalPages\" [currentPage]=\"currentPage\" (selectedPage)=\"pageChanged($event)\"></app-pagination>\r\n\r\n    <!-- it is visible when list data is available -->\r\n    <ng-container *ngIf=\"!loading && list?.length\" >\r\n      <div class=\"categories vx-mb-4\" [class.mt-2]=\"totalPages === 0\">\r\n        <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\">\r\n          <span class=\"vx-fw-600 vx-label-txt\">{{checkSelectAll() ? 'Deselect All' : 'Select All'}}</span>\r\n        </app-cs-checkbox>\r\n      </div>\r\n      <ul class=\"categories-list vx-mb-4\" [class.with-pagination]=\"totalPages > 1\">\r\n        <li *ngFor=\"let item of list;let i = index\">\r\n          <!-- [ngValue]=\"selectedIds.includes(category[categoryIdKey])\" -->\r\n          <app-cs-checkbox  \r\n          [ngValue]=\"selectedIds?.includes(item[config?.identifierKey])\"\r\n          (ngValueChange)=\"itemSelected($event,item)\"\r\n          [appTooltip]=\"item[config.displayKey]\" placement=\"bottom-left\"\r\n          delay=\"0\" [tooltipMandatory]=\"true\">\r\n          <div class=\"name\">{{item[config.displayKey]}}</div>\r\n          <div class=\"within vx-d-flex vx-align-center vx-justify-start vx-mt-1\">\r\n            <div class=\"block vx-fs-9 vx-fw-500 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2\" *ngIf=\"item[config?.parentDisplayKey] != ''\">WITHIN</div>\r\n            <div class=\"data vx-fs-11 vx-paragraph-txt vx-lh-4 vx-pr-5\" [appTooltip]=\"'test > test'\" placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"false\">{{item[config?.parentDisplayKey]}}</div>\r\n          </div>\r\n        </app-cs-checkbox>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <!-- It is visible when the list items are getting loaded -->\r\n    <app-listline-loader *ngIf=\"loading\"></app-listline-loader>\r\n    <ng-container *ngIf=\"!loading && list?.length === 0\">\r\n      <app-no-data  [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"  [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n    </ng-container>\r\n    \r\n    <app-floating-bar [selectedData]=\"selectedList\" [displayElementKey]=\"config?.displayKey\"\r\n    [singularText]=\"config?.entitySingular\"\r\n    [pluralText]=\"config?.entityPlural ?config?.entityPlural:'Users selected'\"\r\n      (closeEvent)=\"save()\"\r\n      (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n      [isDisabled]=\"selectedList.length === 0 || list?.length === 0 \">\r\n    </app-floating-bar>\r\n  </div>\r\n</div>\r\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 .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body app-pagination .wk-pagination-sec-ds{padding:0!important}::ng-deep .radio-list-body .categories{height:1rem}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value{margin:0!important}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value span{color:#161b2f;font-weight:600;font-size:12px}::ng-deep .radio-list-body ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 256px);overflow:auto;margin:16px 0 0}::ng-deep .radio-list-body ul.categories-list.with-pagination{height:calc(100vh - 284px)}::ng-deep .radio-list-body ul.categories-list li{padding:0 0 .5rem;list-style:none}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin:0!important}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#161b2f}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .block{background:#f1f1f1;border-radius:.125rem;color:#042e7d;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;margin-right:8px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#747576;line-height:16px;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .radio-list-footer{background:#fff}::ng-deep .radio-list-footer app-floating-bar .floating-bar{padding:0 16px 16px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mt-2{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.PaginationComponent, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i7.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i8.LinkTreatmentLoaderComponent, selector: "app-listline-loader" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioListWithPaginationComponent, selector: "app-radio-list-with-pagination", inputs: { setList: ["categoryList", "setList"], config: "config", currentPage: "currentPage", recordStart: "recordStart", recordEnd: "recordEnd", totalRecords: "totalRecords", totalPages: "totalPages", loading: "loading", setSelected: ["selectedList", "setSelected"] }, outputs: { fetchData: "fetchData", back: "back", next: "next", cancel: "cancel" }, ngImport: i0, template: "<div class=\"radio-list\" [class.animate]=\"animation\">\r\n  <div class=\"radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{config?.panelTitle}}</div>\r\n    <!-- <button class=\"radio-list-close\">\r\n      <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\r\n    </button> -->\r\n  </div>\r\n\r\n  <div class=\"radio-list-body\">\r\n    <div class=\"search-block vx-mb-2\" *ngIf=\"true\">\r\n      <i class=\"icons\">&#xe90b;</i>\r\n      <input (keydown.enter)=\"search()\" type=\"text\" [placeholder]=\"config?.searchPlaceholder\"  [(ngModel)]=\"searchKey\" />\r\n    </div>\r\n   \r\n    <app-pagination *ngIf=\"totalPages > 1\" [start]=\"recordStart\" [end]=\"recordEnd\" [total]=\"totalRecords\" [pageCount]=\"totalPages\" [currentPage]=\"currentPage\" (selectedPage)=\"pageChanged($event)\"></app-pagination>\r\n\r\n    <!-- it is visible when list data is available -->\r\n    <ng-container *ngIf=\"!loading && list?.length\" >\r\n      <div class=\"categories vx-mb-4\" [class.mt-2]=\"totalPages === 0\">\r\n        <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\">\r\n          <span class=\"vx-fw-600 vx-label-txt\">{{checkSelectAll() ? 'Deselect All' : 'Select All'}}</span>\r\n        </app-cs-checkbox>\r\n      </div>\r\n      <ul class=\"categories-list vx-mb-4\" [class.with-pagination]=\"totalPages > 1\">\r\n        <li *ngFor=\"let item of list;let i = index\">\r\n          <!-- [ngValue]=\"selectedIds.includes(category[categoryIdKey])\" -->\r\n          <app-cs-checkbox  \r\n          [ngValue]=\"selectedIds?.includes(item[config?.identifierKey])\"\r\n          (ngValueChange)=\"itemSelected($event,item)\"\r\n          [appTooltip]=\"item[config.displayKey]\" placement=\"bottom-left\"\r\n          delay=\"0\" [tooltipMandatory]=\"true\">\r\n          <div class=\"name\">{{item[config.displayKey]}}</div>\r\n          <div class=\"within vx-d-flex vx-align-center vx-justify-start vx-mt-1\">\r\n            <div class=\"block vx-fs-9 vx-fw-500 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2\" *ngIf=\"item[config?.parentDisplayKey] != ''\">WITHIN</div>\r\n            <div class=\"data vx-fs-11 vx-paragraph-txt vx-lh-4 vx-pr-5\" [appTooltip]=\"'test > test'\" placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"false\">{{item[config?.parentDisplayKey]}}</div>\r\n          </div>\r\n        </app-cs-checkbox>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <!-- It is visible when the list items are getting loaded -->\r\n    <app-listline-loader *ngIf=\"loading\"></app-listline-loader>\r\n    <ng-container *ngIf=\"!loading && list?.length === 0\">\r\n      <app-no-data  [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"  [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n    </ng-container>\r\n    \r\n    <app-floating-bar [selectedData]=\"selectedList\" [displayElementKey]=\"config?.displayKey\"\r\n    [singularText]=\"config?.entitySingular\"\r\n    [pluralText]=\"config?.entityPlural ?config?.entityPlural:'Users selected'\"\r\n      (closeEvent)=\"save()\"\r\n      (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n      [isDisabled]=\"selectedList.length === 0 || list?.length === 0 \">\r\n    </app-floating-bar>\r\n  </div>\r\n</div>\r\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 .radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .radio-list-body app-pagination .wk-pagination-sec-ds{padding:0!important}::ng-deep .radio-list-body .categories{height:1rem}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value{margin:0!important}::ng-deep .radio-list-body .categories app-cs-checkbox .checkbox-item .value span{color:#161b2f;font-weight:600;font-size:12px}::ng-deep .radio-list-body ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 256px);overflow:auto;margin:16px 0 0}::ng-deep .radio-list-body ul.categories-list.with-pagination{height:calc(100vh - 284px)}::ng-deep .radio-list-body ul.categories-list li{padding:0 0 .5rem;list-style:none}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item{position:relative;padding-left:24px;width:100%}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkbox,::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0;left:0}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin:0!important}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#161b2f}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .block{background:#f1f1f1;border-radius:.125rem;color:#042e7d;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;margin-right:8px}::ng-deep .radio-list-body ul.categories-list li app-cs-checkbox .checkbox-item .value .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#747576;line-height:16px;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 100px)!important}::ng-deep .radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .radio-list-footer{background:#fff}::ng-deep .radio-list-footer app-floating-bar .floating-bar{padding:0 16px 16px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mt-2{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i7.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i8.LinkTreatmentLoaderComponent, selector: "app-listline-loader" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioListWithPaginationComponent, decorators: [{
             type: Component,

package/esm2022/lib/ui-kit/no-data/no-data.component.mjs

@@ -1,7 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-export class NoDataComponent {
+export class NoDataComponentUI {
     constructor() {
         this.buttonAction = new EventEmitter();
         this.secondaryActionButton = new EventEmitter();
@@ -13,10 +13,10 @@ export class NoDataComponent {
     secondaryActionEmitter(button) {
         this.secondaryActionButton.emit(button);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoDataComponent, selector: "app-no-data", inputs: { action: "action", secondaryAction: "secondaryAction", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", secondaryButton: "secondaryButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton" }, outputs: { buttonAction: "buttonAction", secondaryActionButton: "secondaryActionButton" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\r\n  <div class=\"no-data-container\">\r\n    <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n    <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n\r\n    <div class=\"button-row\">\r\n      <div *ngIf=\"secondaryButton\">\r\n        <button class=\"vx-btn md secondary\" (click)=\"actionEmitter($event)\">{{secondaryButton}}</button>\r\n      </div>\r\n      <div *ngIf=\"noDataButton\">\r\n        <button class=\"vx-btn md primary\" (click)=\"actionEmitter($event)\">{{noDataButton}}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:480px}::ng-deep .no-data-container .image{width:250px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:228px;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase}::ng-deep .no-data-container button.secondary{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:space-around}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponentUI, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoDataComponentUI, selector: "app-no-data", inputs: { action: "action", secondaryAction: "secondaryAction", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", secondaryButton: "secondaryButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton" }, outputs: { buttonAction: "buttonAction", secondaryActionButton: "secondaryActionButton" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\r\n  <div class=\"no-data-container\">\r\n    <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n    <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n\r\n    <div class=\"button-row\">\r\n      <div *ngIf=\"secondaryButton\">\r\n        <button class=\"vx-btn md secondary\" (click)=\"actionEmitter($event)\">{{secondaryButton}}</button>\r\n      </div>\r\n      <div *ngIf=\"noDataButton\">\r\n        <button class=\"vx-btn md primary\" (click)=\"actionEmitter($event)\">{{noDataButton}}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:480px}::ng-deep .no-data-container .image{width:250px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:228px;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase}::ng-deep .no-data-container button.secondary{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:space-around}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponentUI, decorators: [{
             type: Component,
             args: [{ selector: 'app-no-data', template: "<div class=\"no-data-wrapper\">\r\n  <div class=\"no-data-container\">\r\n    <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n    <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n\r\n    <div class=\"button-row\">\r\n      <div *ngIf=\"secondaryButton\">\r\n        <button class=\"vx-btn md secondary\" (click)=\"actionEmitter($event)\">{{secondaryButton}}</button>\r\n      </div>\r\n      <div *ngIf=\"noDataButton\">\r\n        <button class=\"vx-btn md primary\" (click)=\"actionEmitter($event)\">{{noDataButton}}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:480px}::ng-deep .no-data-container .image{width:250px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:228px;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase}::ng-deep .no-data-container button.secondary{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:space-around}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { action: [{
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], smallButton: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbm8tZGF0YS9uby1kYXRhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9uby1kYXRhL25vLWRhdGEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxlQUFlO0lBWTFCO1FBSFUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzFDLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFN0MsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQztJQUVwQixhQUFhLENBQUMsTUFBYztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsc0JBQXNCLENBQUMsTUFBYztRQUNuQyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7K0dBdEJVLGVBQWU7bUdBQWYsZUFBZSw0WkNQNUIseW5CQWdCQTs7NEZEVGEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxhQUFhOzBFQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxxQkFBcUI7c0JBQTlCLE1BQU07Z0JBQ0UsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uby1kYXRhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9uby1kYXRhLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb0RhdGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGFjdGlvbiE6IG9iamVjdDtcclxuICBASW5wdXQoKSBzZWNvbmRhcnlBY3Rpb24hOiBvYmplY3Q7IC8vYnV0dG9uIGFjdGlvblxyXG4gIEBJbnB1dCgpIG5vRGF0YUltYWdlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG5vRGF0YVRleHQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbm9EYXRhQnV0dG9uITogc3RyaW5nIHwgYm9vbGVhbjtcclxuICBASW5wdXQoKSBzZWNvbmRhcnlCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuOyAvL2J1dHRvbiB0ZXh0XHJcbiAgQElucHV0KCkgbm9EYXRhU2VjQnV0dG9uITogc3RyaW5nIHwgYm9vbGVhbjtcclxuICBASW5wdXQoKSBhbHRUZXh0ITogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBidXR0b25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPG9iamVjdD4oKTtcclxuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QWN0aW9uQnV0dG9uID0gbmV3IEV2ZW50RW1pdHRlcjxvYmplY3Q+KCk7XHJcbiAgQElucHV0KCkgc21hbGxCdXR0b24hOiBib29sZWFuO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIGFjdGlvbkVtaXR0ZXIoYnV0dG9uOiBvYmplY3QpIHtcclxuICAgIHRoaXMuYnV0dG9uQWN0aW9uLmVtaXQoYnV0dG9uKTtcclxuICB9XHJcblxyXG4gIHNlY29uZGFyeUFjdGlvbkVtaXR0ZXIoYnV0dG9uOiBvYmplY3QpIHtcclxuICAgIHRoaXMuc2Vjb25kYXJ5QWN0aW9uQnV0dG9uLmVtaXQoYnV0dG9uKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm5vLWRhdGEtd3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJuby1kYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgPGltZyBbc3JjXT1cIm5vRGF0YUltYWdlXCIgW2FsdF09XCJhbHRUZXh0XCIgY2xhc3M9XCJpbWFnZVwiIC8+XHJcbiAgICA8cCBjbGFzcz1cInRleHRcIiBbaW5uZXJIVE1MXT1cIm5vRGF0YVRleHRcIiAqbmdJZj1cIm5vRGF0YVRleHRcIj48L3A+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1yb3dcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cInNlY29uZGFyeUJ1dHRvblwiPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1idG4gbWQgc2Vjb25kYXJ5XCIgKGNsaWNrKT1cImFjdGlvbkVtaXR0ZXIoJGV2ZW50KVwiPnt7c2Vjb25kYXJ5QnV0dG9ufX08L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJub0RhdGFCdXR0b25cIj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtYnRuIG1kIHByaW1hcnlcIiAoY2xpY2spPVwiYWN0aW9uRW1pdHRlcigkZXZlbnQpXCI+e3tub0RhdGFCdXR0b259fTwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbm8tZGF0YS9uby1kYXRhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9uby1kYXRhL25vLWRhdGEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxpQkFBaUI7SUFZNUI7UUFIVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUU3QyxDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGFBQWEsQ0FBQyxNQUFjO1FBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxNQUFjO1FBQ25DLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQzsrR0F0QlUsaUJBQWlCO21HQUFqQixpQkFBaUIsNFpDUDlCLHluQkFnQkE7OzRGRFRhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxhQUFhOzBFQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxxQkFBcUI7c0JBQTlCLE1BQU07Z0JBQ0UsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uby1kYXRhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9uby1kYXRhLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb0RhdGFDb21wb25lbnRVSSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgYWN0aW9uITogb2JqZWN0O1xyXG4gIEBJbnB1dCgpIHNlY29uZGFyeUFjdGlvbiE6IG9iamVjdDsgLy9idXR0b24gYWN0aW9uXHJcbiAgQElucHV0KCkgbm9EYXRhSW1hZ2UhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbm9EYXRhVGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBub0RhdGFCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlY29uZGFyeUJ1dHRvbiE6IHN0cmluZyB8IGJvb2xlYW47IC8vYnV0dG9uIHRleHRcclxuICBASW5wdXQoKSBub0RhdGFTZWNCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFsdFRleHQhOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0PigpO1xyXG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlBY3Rpb25CdXR0b24gPSBuZXcgRXZlbnRFbWl0dGVyPG9iamVjdD4oKTtcclxuICBASW5wdXQoKSBzbWFsbEJ1dHRvbiE6IGJvb2xlYW47XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcbiAgYWN0aW9uRW1pdHRlcihidXR0b246IG9iamVjdCkge1xyXG4gICAgdGhpcy5idXR0b25BY3Rpb24uZW1pdChidXR0b24pO1xyXG4gIH1cclxuXHJcbiAgc2Vjb25kYXJ5QWN0aW9uRW1pdHRlcihidXR0b246IG9iamVjdCkge1xyXG4gICAgdGhpcy5zZWNvbmRhcnlBY3Rpb25CdXR0b24uZW1pdChidXR0b24pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibm8tZGF0YS13cmFwcGVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm5vLWRhdGEtY29udGFpbmVyXCI+XHJcbiAgICA8aW1nIFtzcmNdPVwibm9EYXRhSW1hZ2VcIiBbYWx0XT1cImFsdFRleHRcIiBjbGFzcz1cImltYWdlXCIgLz5cclxuICAgIDxwIGNsYXNzPVwidGV4dFwiIFtpbm5lckhUTUxdPVwibm9EYXRhVGV4dFwiICpuZ0lmPVwibm9EYXRhVGV4dFwiPjwvcD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLXJvd1wiPlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwic2Vjb25kYXJ5QnV0dG9uXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWJ0biBtZCBzZWNvbmRhcnlcIiAoY2xpY2spPVwiYWN0aW9uRW1pdHRlcigkZXZlbnQpXCI+e3tzZWNvbmRhcnlCdXR0b259fTwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiAqbmdJZj1cIm5vRGF0YUJ1dHRvblwiPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1idG4gbWQgcHJpbWFyeVwiIChjbGljayk9XCJhY3Rpb25FbWl0dGVyKCRldmVudClcIj57e25vRGF0YUJ1dHRvbn19PC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/ui-kit/no-data/no-data.module.mjs

@@ -1,18 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NoDataComponent } from './no-data.component';
+import { NoDataComponentUI } from './no-data.component';
 import * as i0 from "@angular/core";
 export class NoDataModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, declarations: [NoDataComponent], imports: [CommonModule], exports: [NoDataComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, declarations: [NoDataComponentUI], imports: [CommonModule], exports: [NoDataComponentUI] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NoDataComponent],
+                    declarations: [NoDataComponentUI],
                     imports: [CommonModule],
-                    exports: [NoDataComponent],
+                    exports: [NoDataComponentUI],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbm8tZGF0YS9uby1kYXRhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT3RELE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkFKUixlQUFlLGFBQ3BCLFlBQVksYUFDWixlQUFlO2dIQUVkLFlBQVksWUFIYixZQUFZOzs0RkFHWCxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTm9EYXRhQ29tcG9uZW50IH0gZnJvbSAnLi9uby1kYXRhLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW05vRGF0YUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW05vRGF0YUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb0RhdGFNb2R1bGUge31cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbm8tZGF0YS9uby1kYXRhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFPeEQsTUFBTSxPQUFPLFlBQVk7K0dBQVosWUFBWTtnSEFBWixZQUFZLGlCQUpSLGlCQUFpQixhQUN0QixZQUFZLGFBQ1osaUJBQWlCO2dIQUVoQixZQUFZLFlBSGIsWUFBWTs7NEZBR1gsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOb0RhdGFDb21wb25lbnRVSSB9IGZyb20gJy4vbm8tZGF0YS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtOb0RhdGFDb21wb25lbnRVSV0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW05vRGF0YUNvbXBvbmVudFVJXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vRGF0YU1vZHVsZSB7fVxyXG4iXX0=

package/esm2022/lib/ui-kit/pagination/pagination/pagination.component.mjs

@@ -2,7 +2,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-export class PaginationComponent {
+export class PaginationComponentUI {
     constructor() {
         this.activeAlphabet = '';
         this.pageArray = [];
@@ -90,10 +90,10 @@ export class PaginationComponent {
             this.selectedPage.emit(this.currentPage);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginationComponent, selector: "app-pagination", inputs: { activeAlphabet: "activeAlphabet", pageCount: "pageCount", start: "start", end: "end", total: "total", currentPage: "currentPage" }, outputs: { selectedPage: "selectedPage", selectedAlphabet: "selectedAlphabet" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wk-pagination-sec-ds vx-d-flex vx-align-center \" [class.right-align]=\"false\">\r\n    <div class=\"left vx-label-txt vx-fw-400 vx-tt-uppercase vx-lh-6\">\r\n        Showing {{start}} - {{end}} of {{total}} records\r\n        <div class=\"pagination-box\" *ngIf=\"false\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex\"><button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400  vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"true\">All</button></li>\r\n                <li class=\"vx-d-flex\">\r\n                    <button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"false\">A</button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"right vx-d-flex vx-align-center\">\r\n        <div class=\"pagination-box\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex vx-mr-1\">\r\n                    <button class=\"vx-m-0\"  [disabled]=\"currentPage === 1\" [class.disabled]=\"currentPage === 1\" (click)=\"increaseOrDecrease(-1)\" >\r\n                        <i class=\"icons\">&#xe96b;</i>\r\n                    </button>\r\n                </li>\r\n\r\n                <li class=\"vx-d-flex\" *ngFor=\"let page of pageArray; let i = index\">\r\n                    <button class=\"vx-label-txt vx-fw-400 vx-pl-1 vx-pr-1 vx-d-inline-flex vx-align-center vx-justify-center vx-m-0 vx-ml-1\"\r\n                     [disabled]=\"page === currentPage\" (click)=\"goToPageArrayGenerate(page,true)\" [class.active]=\"page === currentPage\" >\r\n                      {{page}}\r\n                    </button>\r\n                </li>\r\n               \r\n\r\n                <li class=\"vx-d-flex vx-ml-2\">\r\n                    <button class=\"vx-m-0\" (click)=\"increaseOrDecrease(1)\" [class.disabled]=\"currentPage === pageCount\">\r\n                        <i class=\"icons\">&#xe970;</i>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n\r\n        <div class=\"goto-page vx-d-flex vx-align-center vx-ml-2\">\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">GO TO</div>\r\n            <div class=\"goto-page-input\">\r\n                <input  [class.invalid]=\"(isInvalidInput && !enterPageNumber) || pageCount < enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                [(ngModel)]=\"enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                (keyup)=\"onEnterPress($event)\"\r\n                onkeydown=\"if(event.key==='.'){event.preventDefault();}\"  oninput=\"event.target.value = event.target.value.replace(/[^0-9]*/g,'');\" type=\"text\" type=\"number\" placeholder=\"Page No.\" />\r\n                <button (click)=\"onEnterPress({ key: 'enter' })\" >\r\n                    <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/enter-icon.svg\" alt=\"\"  />\r\n                </button>\r\n            </div>\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">OF {{ pageCount }}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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-right.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/margin/margin.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\";.wk-pagination-sec-ds{border-radius:2px 2px 0 0;justify-content:space-between;padding:8px 0}.wk-pagination-sec-ds.right-align{justify-content:flex-end}.wk-pagination-sec-ds .left{font-size:12px;width:auto}.wk-pagination-sec-ds .left .pagination-box ul li{font-size:11px;list-style:none}.wk-pagination-sec-ds .left .pagination-box ul li:first-of-type{margin-right:4px}.wk-pagination-sec-ds .left .pagination-box ul li+li{margin-left:16px}.wk-pagination-sec-ds .left .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:20px;min-width:20px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .left .pagination-box ul li button.active,.wk-pagination-sec-ds .left .pagination-box ul li button:hover{border-color:#1e5dd3;background:#1e5dd3;color:#fff}.wk-pagination-sec-ds .left .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important}.wk-pagination-sec-ds .left .pagination-box ul li button i{font-size:8px;width:13px;height:13px;line-height:13px}.wk-pagination-sec-ds .right{width:auto}.wk-pagination-sec-ds .right .pagination-box ul li{list-style:none}.wk-pagination-sec-ds .right .pagination-box ul li:first-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li:last-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:24px;min-width:24px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .right .pagination-box ul li button.active,.wk-pagination-sec-ds .right .pagination-box ul li button:hover{border-color:#1e5dd3;color:#4681ef}.wk-pagination-sec-ds .right .pagination-box ul li button i{font-size:10px}.wk-pagination-sec-ds .right .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.wk-pagination-sec-ds .right .pagination-box ul li button.disable{pointer-events:none}.wk-pagination-sec-ds .right .goto-page{background:#fff;border:1px solid #BCBCBC;border-radius:2px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-text{border-right:1px solid #BCBCBC;font-size:11px;height:23px;line-height:23px}.wk-pagination-sec-ds .right .goto-page .goto-page-text:last-of-type{border-right:none;border-left:1px solid #BCBCBC}.wk-pagination-sec-ds .right .goto-page .goto-page-input{position:relative}.wk-pagination-sec-ds .right .goto-page .goto-page-input input{-moz-appearance:textfield;background:transparent;border:none;color:#161b2f;font-size:11px;text-transform:uppercase;padding:0 25px 0 5px;width:95px;height:23px;position:relative;top:-1px}.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-inner-spin-button,.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-outer-spin-button{-webkit-appearance:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input:focus{outline:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input.invalid{border:1px solid #d93b41;position:relative;top:-1px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-input button{background:transparent;border:none;position:absolute;right:3px;top:4px;cursor:pointer;padding:0;height:18px;width:19px;line-height:22px;display:flex;align-items:center;justify-content:center}.wk-pagination-sec-ds .right .goto-page .goto-page-input button img{width:12px;height:12px}\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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponentUI, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginationComponentUI, selector: "app-pagination", inputs: { activeAlphabet: "activeAlphabet", pageCount: "pageCount", start: "start", end: "end", total: "total", currentPage: "currentPage" }, outputs: { selectedPage: "selectedPage", selectedAlphabet: "selectedAlphabet" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"wk-pagination-sec-ds vx-d-flex vx-align-center \" [class.right-align]=\"false\">\r\n    <div class=\"left vx-label-txt vx-fw-400 vx-tt-uppercase vx-lh-6\">\r\n        Showing {{start}} - {{end}} of {{total}} records\r\n        <div class=\"pagination-box\" *ngIf=\"false\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex\"><button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400  vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"true\">All</button></li>\r\n                <li class=\"vx-d-flex\">\r\n                    <button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"false\">A</button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"right vx-d-flex vx-align-center\">\r\n        <div class=\"pagination-box\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex vx-mr-1\">\r\n                    <button class=\"vx-m-0\"  [disabled]=\"currentPage === 1\" [class.disabled]=\"currentPage === 1\" (click)=\"increaseOrDecrease(-1)\" >\r\n                        <i class=\"icons\">&#xe96b;</i>\r\n                    </button>\r\n                </li>\r\n\r\n                <li class=\"vx-d-flex\" *ngFor=\"let page of pageArray; let i = index\">\r\n                    <button class=\"vx-label-txt vx-fw-400 vx-pl-1 vx-pr-1 vx-d-inline-flex vx-align-center vx-justify-center vx-m-0 vx-ml-1\"\r\n                     [disabled]=\"page === currentPage\" (click)=\"goToPageArrayGenerate(page,true)\" [class.active]=\"page === currentPage\" >\r\n                      {{page}}\r\n                    </button>\r\n                </li>\r\n               \r\n\r\n                <li class=\"vx-d-flex vx-ml-2\">\r\n                    <button class=\"vx-m-0\" (click)=\"increaseOrDecrease(1)\" [class.disabled]=\"currentPage === pageCount\">\r\n                        <i class=\"icons\">&#xe970;</i>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n\r\n        <div class=\"goto-page vx-d-flex vx-align-center vx-ml-2\">\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">GO TO</div>\r\n            <div class=\"goto-page-input\">\r\n                <input  [class.invalid]=\"(isInvalidInput && !enterPageNumber) || pageCount < enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                [(ngModel)]=\"enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                (keyup)=\"onEnterPress($event)\"\r\n                onkeydown=\"if(event.key==='.'){event.preventDefault();}\"  oninput=\"event.target.value = event.target.value.replace(/[^0-9]*/g,'');\" type=\"text\" type=\"number\" placeholder=\"Page No.\" />\r\n                <button (click)=\"onEnterPress({ key: 'enter' })\" >\r\n                    <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/enter-icon.svg\" alt=\"\"  />\r\n                </button>\r\n            </div>\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">OF {{ pageCount }}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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-right.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/margin/margin.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\";.wk-pagination-sec-ds{border-radius:2px 2px 0 0;justify-content:space-between;padding:8px 0}.wk-pagination-sec-ds.right-align{justify-content:flex-end}.wk-pagination-sec-ds .left{font-size:12px;width:auto}.wk-pagination-sec-ds .left .pagination-box ul li{font-size:11px;list-style:none}.wk-pagination-sec-ds .left .pagination-box ul li:first-of-type{margin-right:4px}.wk-pagination-sec-ds .left .pagination-box ul li+li{margin-left:16px}.wk-pagination-sec-ds .left .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:20px;min-width:20px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .left .pagination-box ul li button.active,.wk-pagination-sec-ds .left .pagination-box ul li button:hover{border-color:#1e5dd3;background:#1e5dd3;color:#fff}.wk-pagination-sec-ds .left .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important}.wk-pagination-sec-ds .left .pagination-box ul li button i{font-size:8px;width:13px;height:13px;line-height:13px}.wk-pagination-sec-ds .right{width:auto}.wk-pagination-sec-ds .right .pagination-box ul li{list-style:none}.wk-pagination-sec-ds .right .pagination-box ul li:first-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li:last-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:24px;min-width:24px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .right .pagination-box ul li button.active,.wk-pagination-sec-ds .right .pagination-box ul li button:hover{border-color:#1e5dd3;color:#4681ef}.wk-pagination-sec-ds .right .pagination-box ul li button i{font-size:10px}.wk-pagination-sec-ds .right .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.wk-pagination-sec-ds .right .pagination-box ul li button.disable{pointer-events:none}.wk-pagination-sec-ds .right .goto-page{background:#fff;border:1px solid #BCBCBC;border-radius:2px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-text{border-right:1px solid #BCBCBC;font-size:11px;height:23px;line-height:23px}.wk-pagination-sec-ds .right .goto-page .goto-page-text:last-of-type{border-right:none;border-left:1px solid #BCBCBC}.wk-pagination-sec-ds .right .goto-page .goto-page-input{position:relative}.wk-pagination-sec-ds .right .goto-page .goto-page-input input{-moz-appearance:textfield;background:transparent;border:none;color:#161b2f;font-size:11px;text-transform:uppercase;padding:0 25px 0 5px;width:95px;height:23px;position:relative;top:-1px}.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-inner-spin-button,.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-outer-spin-button{-webkit-appearance:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input:focus{outline:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input.invalid{border:1px solid #d93b41;position:relative;top:-1px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-input button{background:transparent;border:none;position:absolute;right:3px;top:4px;cursor:pointer;padding:0;height:18px;width:19px;line-height:22px;display:flex;align-items:center;justify-content:center}.wk-pagination-sec-ds .right .goto-page .goto-page-input button img{width:12px;height:12px}\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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponentUI, decorators: [{
             type: Component,
             args: [{ selector: 'app-pagination', template: "<div class=\"wk-pagination-sec-ds vx-d-flex vx-align-center \" [class.right-align]=\"false\">\r\n    <div class=\"left vx-label-txt vx-fw-400 vx-tt-uppercase vx-lh-6\">\r\n        Showing {{start}} - {{end}} of {{total}} records\r\n        <div class=\"pagination-box\" *ngIf=\"false\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex\"><button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400  vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"true\">All</button></li>\r\n                <li class=\"vx-d-flex\">\r\n                    <button class=\"vx-d-inline-flex vx-align-center vx-justify-center vx-label-txt vx-fw-400 vx-tt-uppercase vx-pl-2 vx-pr-2 vx-m-0\" [class.active]=\"false\">A</button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"right vx-d-flex vx-align-center\">\r\n        <div class=\"pagination-box\">\r\n            <ul class=\"vx-d-flex vx-align-center vx-m-0 vx-p-0\">\r\n                <li class=\"vx-d-flex vx-mr-1\">\r\n                    <button class=\"vx-m-0\"  [disabled]=\"currentPage === 1\" [class.disabled]=\"currentPage === 1\" (click)=\"increaseOrDecrease(-1)\" >\r\n                        <i class=\"icons\">&#xe96b;</i>\r\n                    </button>\r\n                </li>\r\n\r\n                <li class=\"vx-d-flex\" *ngFor=\"let page of pageArray; let i = index\">\r\n                    <button class=\"vx-label-txt vx-fw-400 vx-pl-1 vx-pr-1 vx-d-inline-flex vx-align-center vx-justify-center vx-m-0 vx-ml-1\"\r\n                     [disabled]=\"page === currentPage\" (click)=\"goToPageArrayGenerate(page,true)\" [class.active]=\"page === currentPage\" >\r\n                      {{page}}\r\n                    </button>\r\n                </li>\r\n               \r\n\r\n                <li class=\"vx-d-flex vx-ml-2\">\r\n                    <button class=\"vx-m-0\" (click)=\"increaseOrDecrease(1)\" [class.disabled]=\"currentPage === pageCount\">\r\n                        <i class=\"icons\">&#xe970;</i>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n\r\n        <div class=\"goto-page vx-d-flex vx-align-center vx-ml-2\">\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">GO TO</div>\r\n            <div class=\"goto-page-input\">\r\n                <input  [class.invalid]=\"(isInvalidInput && !enterPageNumber) || pageCount < enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                [(ngModel)]=\"enterPageNumber\"\r\n                type=\"number\"\r\n                placeholder=\"Page No.\"\r\n                (keyup)=\"onEnterPress($event)\"\r\n                onkeydown=\"if(event.key==='.'){event.preventDefault();}\"  oninput=\"event.target.value = event.target.value.replace(/[^0-9]*/g,'');\" type=\"text\" type=\"number\" placeholder=\"Page No.\" />\r\n                <button (click)=\"onEnterPress({ key: 'enter' })\" >\r\n                    <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/enter-icon.svg\" alt=\"\"  />\r\n                </button>\r\n            </div>\r\n            <div class=\"goto-page-text vx-label-txt vx-tt-uppercase vx-d-block vx-pl-2 vx-pr-2\">OF {{ pageCount }}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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-right.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/margin/margin.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\";.wk-pagination-sec-ds{border-radius:2px 2px 0 0;justify-content:space-between;padding:8px 0}.wk-pagination-sec-ds.right-align{justify-content:flex-end}.wk-pagination-sec-ds .left{font-size:12px;width:auto}.wk-pagination-sec-ds .left .pagination-box ul li{font-size:11px;list-style:none}.wk-pagination-sec-ds .left .pagination-box ul li:first-of-type{margin-right:4px}.wk-pagination-sec-ds .left .pagination-box ul li+li{margin-left:16px}.wk-pagination-sec-ds .left .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:20px;min-width:20px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .left .pagination-box ul li button.active,.wk-pagination-sec-ds .left .pagination-box ul li button:hover{border-color:#1e5dd3;background:#1e5dd3;color:#fff}.wk-pagination-sec-ds .left .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important}.wk-pagination-sec-ds .left .pagination-box ul li button i{font-size:8px;width:13px;height:13px;line-height:13px}.wk-pagination-sec-ds .right{width:auto}.wk-pagination-sec-ds .right .pagination-box ul li{list-style:none}.wk-pagination-sec-ds .right .pagination-box ul li:first-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:first-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li:last-child{height:24px}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button{color:#4681ef;position:relative}.wk-pagination-sec-ds .right .pagination-box ul li:last-child button.disabled{color:#bcbcbc!important}.wk-pagination-sec-ds .right .pagination-box ul li button{border:1px solid #BCBCBC;background:#fff;border-radius:2px;font-size:11px;height:24px;min-width:24px;outline:none;cursor:pointer;line-height:12px}.wk-pagination-sec-ds .right .pagination-box ul li button.active,.wk-pagination-sec-ds .right .pagination-box ul li button:hover{border-color:#1e5dd3;color:#4681ef}.wk-pagination-sec-ds .right .pagination-box ul li button i{font-size:10px}.wk-pagination-sec-ds .right .pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;opacity:1;color:unset!important;border:1px solid #BCBCBC}.wk-pagination-sec-ds .right .pagination-box ul li button.disable{pointer-events:none}.wk-pagination-sec-ds .right .goto-page{background:#fff;border:1px solid #BCBCBC;border-radius:2px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-text{border-right:1px solid #BCBCBC;font-size:11px;height:23px;line-height:23px}.wk-pagination-sec-ds .right .goto-page .goto-page-text:last-of-type{border-right:none;border-left:1px solid #BCBCBC}.wk-pagination-sec-ds .right .goto-page .goto-page-input{position:relative}.wk-pagination-sec-ds .right .goto-page .goto-page-input input{-moz-appearance:textfield;background:transparent;border:none;color:#161b2f;font-size:11px;text-transform:uppercase;padding:0 25px 0 5px;width:95px;height:23px;position:relative;top:-1px}.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-inner-spin-button,.wk-pagination-sec-ds .right .goto-page .goto-page-input input::-webkit-outer-spin-button{-webkit-appearance:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input:focus{outline:none}.wk-pagination-sec-ds .right .goto-page .goto-page-input input.invalid{border:1px solid #d93b41;position:relative;top:-1px;height:25px}.wk-pagination-sec-ds .right .goto-page .goto-page-input button{background:transparent;border:none;position:absolute;right:3px;top:4px;cursor:pointer;padding:0;height:18px;width:19px;line-height:22px;display:flex;align-items:center;justify-content:center}.wk-pagination-sec-ds .right .goto-page .goto-page-input button img{width:12px;height:12px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { activeAlphabet: [{
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], selectedAlphabet: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvcGFnaW5hdGlvbi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzlGLE1BQU0sT0FBTyxtQkFBbUI7SUFnQjlCO1FBZFMsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFLdEIsY0FBUyxHQUFrQixFQUFFLENBQUM7UUFDNUIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFFbEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFFcEIsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNyRCxxQkFBZ0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUlqRSxJQUFJLENBQUMsY0FBYyxHQUFHLDRCQUE0QixDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsY0FBYyxDQUFDLFFBQWdCO1FBQzdCLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFvQjtRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVwQixJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ3RCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQUU7Z0JBQ3RCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUN4QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDeEI7Z0JBQ0QsT0FBTzthQUNSO1lBQ0QsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEQ7SUFDSCxDQUFDO0lBR0Qsa0JBQWtCLENBQUMsS0FBYTtRQUM5QiwyQ0FBMkM7UUFDM0MsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUM7UUFDMUIsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzVILElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtnQkFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3BFO1NBQ0Y7UUFFRCxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLEtBQUssR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsRUFBRTtZQUN2RyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDL0M7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsS0FBSyxPQUFPLEVBQUU7WUFDdkMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxFQUFFO2dCQUM5RixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztnQkFDM0IsT0FBTzthQUNSO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO2dCQUM1QixJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBQyxJQUFJLENBQUMsQ0FBQzthQUN2RDtTQUNGO0lBQ0gsQ0FBQztJQUdELHFCQUFxQixDQUFDLElBQVMsRUFBQyxVQUFrQjtRQUNoRCx3Q0FBd0M7UUFDeEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ2pFLEtBQUssSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUNoRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QjtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsRUFBRTtZQUNoQyxJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO2dCQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQ2xDO2lCQUFNO2dCQUNMLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUN4QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDeEI7YUFDRjtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELEtBQUssSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUM1RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QjtTQUNGO2FBQU07WUFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDaEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDeEI7U0FDRjtRQUVELElBQUcsVUFBVSxFQUFDO1lBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzFDO0lBRUgsQ0FBQzsrR0F0R1UsbUJBQW1CO21HQUFuQixtQkFBbUIsMFNDUGhDLHE1R0F5REE7OzRGRGxEYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU1qQixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFJSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXBhZ2luYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGFscGhhYmV0c0FycmF5ITogYW55O1xyXG4gIEBJbnB1dCgpIGFjdGl2ZUFscGhhYmV0ID0gJyc7XHJcbiAgQElucHV0KCkgcGFnZUNvdW50ITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHN0YXJ0ICE6bnVtYmVyO1xyXG4gIEBJbnB1dCgpIGVuZCAhOm51bWJlcjtcclxuICBASW5wdXQoKSB0b3RhbCAhOm51bWJlcjtcclxuICBwdWJsaWMgcGFnZUFycmF5OiBBcnJheTxudW1iZXI+ID0gW107XHJcbiAgQElucHV0KCkgY3VycmVudFBhZ2UgPSAxO1xyXG4gIHB1YmxpYyBlbnRlclBhZ2VOdW1iZXIhOiBhbnk7XHJcbiAgcHVibGljIGlzSW52YWxpZElucHV0ID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZFBhZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZEFscGhhYmV0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcGFnZUxpc3QhOiBhbnk7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmFscGhhYmV0c0FycmF5ID0gJ2FiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHl6Jy5zcGxpdCgnJyk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIGFscGhhYmV0Q2hhbmdlKGFscGhhYmV0OiBzdHJpbmcpIHtcclxuICAgIHRoaXMuYWN0aXZlQWxwaGFiZXQgPSBhbHBoYWJldDtcclxuICAgIHRoaXMuc2VsZWN0ZWRBbHBoYWJldC5lbWl0KGFscGhhYmV0KTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGV2ZW50OiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICB0aGlzLnBhZ2VBcnJheSA9IFtdO1xyXG4gICBcclxuICAgIGlmICh0aGlzLnBhZ2VDb3VudCA+IDApIHtcclxuICAgICAgaWYgKHRoaXMucGFnZUNvdW50IDwgNSkge1xyXG4gICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDw9IHRoaXMucGFnZUNvdW50OyBpKyspIHtcclxuICAgICAgICAgIHRoaXMucGFnZUFycmF5LnB1c2goaSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmdvVG9QYWdlQXJyYXlHZW5lcmF0ZSh0aGlzLmN1cnJlbnRQYWdlLGZhbHNlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxuICBpbmNyZWFzZU9yRGVjcmVhc2UodmFsdWU6IG51bWJlcikge1xyXG4gICAgLy8gaWYodGhpcy5jdXJyZW50UGFnZSA9PT0gdmFsdWUpe3JldHVybiA7fVxyXG4gICAgdGhpcy5jdXJyZW50UGFnZSArPSB2YWx1ZTtcclxuICAgIGlmICh0aGlzLmN1cnJlbnRQYWdlID4gMyAmJiB0aGlzLmN1cnJlbnRQYWdlIDw9IHRoaXMucGFnZUNvdW50ICYmIHRoaXMucGFnZUFycmF5W3RoaXMucGFnZUFycmF5Lmxlbmd0aCAtIDFdIDwgdGhpcy5wYWdlQ291bnQpIHtcclxuICAgICAgaWYgKHZhbHVlID4gMCkge1xyXG4gICAgICAgIHRoaXMucGFnZUFycmF5LnNoaWZ0KCk7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaCh0aGlzLnBhZ2VBcnJheVt0aGlzLnBhZ2VBcnJheS5sZW5ndGggLSAxXSArIDEpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuY3VycmVudFBhZ2UgPiAyICYmIHZhbHVlIDwgMCAmJiB0aGlzLnBhZ2VBcnJheVswXSA+IDEgJiYgdGhpcy5jdXJyZW50UGFnZSA8IHRoaXMucGFnZUNvdW50IC0gMikge1xyXG4gICAgICB0aGlzLnBhZ2VBcnJheS5wb3AoKTtcclxuICAgICAgdGhpcy5wYWdlQXJyYXkudW5zaGlmdCh0aGlzLnBhZ2VBcnJheVswXSAtIDEpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZFBhZ2UuZW1pdCh0aGlzLmN1cnJlbnRQYWdlKTtcclxuICB9XHJcbiAgb25FbnRlclByZXNzKGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudC5rZXkudG9Mb3dlckNhc2UoKSA9PT0gJ2VudGVyJykge1xyXG4gICAgICBpZiAoIXRoaXMuZW50ZXJQYWdlTnVtYmVyIHx8IHRoaXMuZW50ZXJQYWdlTnVtYmVyID4gdGhpcy5wYWdlQ291bnQgfHwgdGhpcy5lbnRlclBhZ2VOdW1iZXIgPCAxKSB7XHJcbiAgICAgICAgdGhpcy5pc0ludmFsaWRJbnB1dCA9IHRydWU7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuaXNJbnZhbGlkSW5wdXQgPSBmYWxzZTtcclxuICAgICAgICB0aGlzLmdvVG9QYWdlQXJyYXlHZW5lcmF0ZSh0aGlzLmVudGVyUGFnZU51bWJlcix0cnVlKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIGdvVG9QYWdlQXJyYXlHZW5lcmF0ZShwYWdlOiBhbnksc2hvdWxkRW1pdDpib29sZWFuKSB7XHJcbiAgICAvL2lmKHRoaXMuY3VycmVudFBhZ2UgPT09IHBhZ2Upe3JldHVybjt9XHJcbiAgICB0aGlzLmlzSW52YWxpZElucHV0ID0gZmFsc2U7XHJcbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gcGFnZTtcclxuICAgIHRoaXMucGFnZUFycmF5ID0gW107XHJcbiAgICBpZiAodGhpcy5jdXJyZW50UGFnZSA+IDMgJiYgdGhpcy5jdXJyZW50UGFnZSA8IHRoaXMucGFnZUNvdW50IC0gMikge1xyXG4gICAgICBmb3IgKGxldCBpID0gdGhpcy5jdXJyZW50UGFnZSAtIDI7IGkgPCB0aGlzLmN1cnJlbnRQYWdlICsgMzsgaSsrKSB7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaChpKTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIGlmICh0aGlzLmN1cnJlbnRQYWdlIDw9IDMpIHtcclxuICAgICAgaWYgKHRoaXMucGFnZUNvdW50ID4gNCkge1xyXG4gICAgICAgIHRoaXMucGFnZUFycmF5ID0gWzEsIDIsIDMsIDQsIDVdO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDw9IHRoaXMucGFnZUNvdW50OyBpKyspIHtcclxuICAgICAgICAgIHRoaXMucGFnZUFycmF5LnB1c2goaSk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuY3VycmVudFBhZ2UgPiB0aGlzLnBhZ2VDb3VudCAtIDMpIHtcclxuICAgICAgZm9yIChsZXQgaSA9IHRoaXMucGFnZUNvdW50IC0gNDsgaSA8IHRoaXMucGFnZUNvdW50ICsgMTsgaSsrKSB7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaChpKTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgZm9yIChsZXQgaSA9IHRoaXMuY3VycmVudFBhZ2UgLSAyOyBpIDwgdGhpcy5jdXJyZW50UGFnZSArIDI7IGkrKykge1xyXG4gICAgICAgIHRoaXMucGFnZUFycmF5LnB1c2goaSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpZihzaG91bGRFbWl0KXtcclxuICAgICAgdGhpcy5zZWxlY3RlZFBhZ2UuZW1pdCh0aGlzLmN1cnJlbnRQYWdlKTtcclxuICAgIH1cclxuICAgIFxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIndrLXBhZ2luYXRpb24tc2VjLWRzIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgXCIgW2NsYXNzLnJpZ2h0LWFsaWduXT1cImZhbHNlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGVmdCB2eC1sYWJlbC10eHQgdngtZnctNDAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1saC02XCI+XHJcbiAgICAgICAgU2hvd2luZyB7e3N0YXJ0fX0gLSB7e2VuZH19IG9mIHt7dG90YWx9fSByZWNvcmRzXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInBhZ2luYXRpb24tYm94XCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAgICAgICAgICA8dWwgY2xhc3M9XCJ2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW0tMCB2eC1wLTBcIj5cclxuICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleFwiPjxidXR0b24gY2xhc3M9XCJ2eC1kLWlubGluZS1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1sYWJlbC10eHQgdngtZnctNDAwICB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LW0tMFwiIFtjbGFzcy5hY3RpdmVdPVwidHJ1ZVwiPkFsbDwvYnV0dG9uPjwvbGk+XHJcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1kLWZsZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtZC1pbmxpbmUtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtbGFiZWwtdHh0IHZ4LWZ3LTQwMCB2eC10dC11cHBlcmNhc2UgdngtcGwtMiB2eC1wci0yIHZ4LW0tMFwiIFtjbGFzcy5hY3RpdmVdPVwiZmFsc2VcIj5BPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFnaW5hdGlvbi1ib3hcIj5cclxuICAgICAgICAgICAgPHVsIGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tLTAgdngtcC0wXCI+XHJcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1kLWZsZXggdngtbXItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1tLTBcIiAgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAxXCIgW2NsYXNzLmRpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAxXCIgKGNsaWNrKT1cImluY3JlYXNlT3JEZWNyZWFzZSgtMSlcIiA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTZiOzwvaT5cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcblxyXG4gICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtZC1mbGV4XCIgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnZUFycmF5OyBsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWxhYmVsLXR4dCB2eC1mdy00MDAgdngtcGwtMSB2eC1wci0xIHZ4LWQtaW5saW5lLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LW0tMCB2eC1tbC0xXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInBhZ2UgPT09IGN1cnJlbnRQYWdlXCIgKGNsaWNrKT1cImdvVG9QYWdlQXJyYXlHZW5lcmF0ZShwYWdlLHRydWUpXCIgW2NsYXNzLmFjdGl2ZV09XCJwYWdlID09PSBjdXJyZW50UGFnZVwiID5cclxuICAgICAgICAgICAgICAgICAgICAgIHt7cGFnZX19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICBcclxuXHJcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1kLWZsZXggdngtbWwtMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1tLTBcIiAoY2xpY2spPVwiaW5jcmVhc2VPckRlY3JlYXNlKDEpXCIgW2NsYXNzLmRpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSBwYWdlQ291bnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5NzA7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPC91bD5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdvdG8tcGFnZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW1sLTJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImdvdG8tcGFnZS10ZXh0IHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtZC1ibG9jayB2eC1wbC0yIHZ4LXByLTJcIj5HTyBUTzwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ290by1wYWdlLWlucHV0XCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXQgIFtjbGFzcy5pbnZhbGlkXT1cIihpc0ludmFsaWRJbnB1dCAmJiAhZW50ZXJQYWdlTnVtYmVyKSB8fCBwYWdlQ291bnQgPCBlbnRlclBhZ2VOdW1iZXJcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlBhZ2UgTm8uXCJcclxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiZW50ZXJQYWdlTnVtYmVyXCJcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJQYWdlIE5vLlwiXHJcbiAgICAgICAgICAgICAgICAoa2V5dXApPVwib25FbnRlclByZXNzKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgb25rZXlkb3duPVwiaWYoZXZlbnQua2V5PT09Jy4nKXtldmVudC5wcmV2ZW50RGVmYXVsdCgpO31cIiAgb25pbnB1dD1cImV2ZW50LnRhcmdldC52YWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZS5yZXBsYWNlKC9bXjAtOV0qL2csJycpO1wiIHR5cGU9XCJ0ZXh0XCIgdHlwZT1cIm51bWJlclwiIHBsYWNlaG9sZGVyPVwiUGFnZSBOby5cIiAvPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25FbnRlclByZXNzKHsga2V5OiAnZW50ZXInIH0pXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9jZG4udi1jb21wbHkuY29tL2xpYnJhcmllcy93b3JrZmxvdy1lbmdpbmUvYXNzZXRzL3dvcmtmbG93L2VudGVyLWljb24uc3ZnXCIgYWx0PVwiXCIgIC8+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnb3RvLXBhZ2UtdGV4dCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LWQtYmxvY2sgdngtcGwtMiB2eC1wci0yXCI+T0Yge3sgcGFnZUNvdW50IH19PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvcGFnaW5hdGlvbi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzlGLE1BQU0sT0FBTyxxQkFBcUI7SUFnQmhDO1FBZFMsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFLdEIsY0FBUyxHQUFrQixFQUFFLENBQUM7UUFDNUIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFFbEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFFcEIsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNyRCxxQkFBZ0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUlqRSxJQUFJLENBQUMsY0FBYyxHQUFHLDRCQUE0QixDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsY0FBYyxDQUFDLFFBQWdCO1FBQzdCLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFvQjtRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVwQixJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ3RCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQUU7Z0JBQ3RCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUN4QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDeEI7Z0JBQ0QsT0FBTzthQUNSO1lBQ0QsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEQ7SUFDSCxDQUFDO0lBR0Qsa0JBQWtCLENBQUMsS0FBYTtRQUM5QiwyQ0FBMkM7UUFDM0MsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUM7UUFDMUIsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzVILElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtnQkFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3BFO1NBQ0Y7UUFFRCxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLEtBQUssR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsRUFBRTtZQUN2RyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDL0M7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsS0FBSyxPQUFPLEVBQUU7WUFDdkMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxFQUFFO2dCQUM5RixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztnQkFDM0IsT0FBTzthQUNSO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO2dCQUM1QixJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBQyxJQUFJLENBQUMsQ0FBQzthQUN2RDtTQUNGO0lBQ0gsQ0FBQztJQUdELHFCQUFxQixDQUFDLElBQVMsRUFBQyxVQUFrQjtRQUNoRCx3Q0FBd0M7UUFDeEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ2pFLEtBQUssSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUNoRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QjtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsRUFBRTtZQUNoQyxJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO2dCQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQ2xDO2lCQUFNO2dCQUNMLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUN4QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDeEI7YUFDRjtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELEtBQUssSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUM1RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QjtTQUNGO2FBQU07WUFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDaEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDeEI7U0FDRjtRQUVELElBQUcsVUFBVSxFQUFDO1lBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzFDO0lBRUgsQ0FBQzsrR0F0R1UscUJBQXFCO21HQUFyQixxQkFBcUIsMFNDUGxDLHE1R0F5REE7OzRGRGxEYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU1qQixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFJSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXBhZ2luYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnRVSSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgYWxwaGFiZXRzQXJyYXkhOiBhbnk7XHJcbiAgQElucHV0KCkgYWN0aXZlQWxwaGFiZXQgPSAnJztcclxuICBASW5wdXQoKSBwYWdlQ291bnQhOiBudW1iZXI7XHJcbiAgQElucHV0KCkgc3RhcnQgITpudW1iZXI7XHJcbiAgQElucHV0KCkgZW5kICE6bnVtYmVyO1xyXG4gIEBJbnB1dCgpIHRvdGFsICE6bnVtYmVyO1xyXG4gIHB1YmxpYyBwYWdlQXJyYXk6IEFycmF5PG51bWJlcj4gPSBbXTtcclxuICBASW5wdXQoKSBjdXJyZW50UGFnZSA9IDE7XHJcbiAgcHVibGljIGVudGVyUGFnZU51bWJlciE6IGFueTtcclxuICBwdWJsaWMgaXNJbnZhbGlkSW5wdXQgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkUGFnZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkQWxwaGFiZXQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwYWdlTGlzdCE6IGFueTtcclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHRoaXMuYWxwaGFiZXRzQXJyYXkgPSAnYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXonLnNwbGl0KCcnKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgYWxwaGFiZXRDaGFuZ2UoYWxwaGFiZXQ6IHN0cmluZykge1xyXG4gICAgdGhpcy5hY3RpdmVBbHBoYWJldCA9IGFscGhhYmV0O1xyXG4gICAgdGhpcy5zZWxlY3RlZEFscGhhYmV0LmVtaXQoYWxwaGFiZXQpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoZXZlbnQ6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIHRoaXMucGFnZUFycmF5ID0gW107XHJcbiAgIFxyXG4gICAgaWYgKHRoaXMucGFnZUNvdW50ID4gMCkge1xyXG4gICAgICBpZiAodGhpcy5wYWdlQ291bnQgPCA1KSB7XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdGhpcy5wYWdlQ291bnQ7IGkrKykge1xyXG4gICAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaChpKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuZ29Ub1BhZ2VBcnJheUdlbmVyYXRlKHRoaXMuY3VycmVudFBhZ2UsZmFsc2UpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIGluY3JlYXNlT3JEZWNyZWFzZSh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICAvLyBpZih0aGlzLmN1cnJlbnRQYWdlID09PSB2YWx1ZSl7cmV0dXJuIDt9XHJcbiAgICB0aGlzLmN1cnJlbnRQYWdlICs9IHZhbHVlO1xyXG4gICAgaWYgKHRoaXMuY3VycmVudFBhZ2UgPiAzICYmIHRoaXMuY3VycmVudFBhZ2UgPD0gdGhpcy5wYWdlQ291bnQgJiYgdGhpcy5wYWdlQXJyYXlbdGhpcy5wYWdlQXJyYXkubGVuZ3RoIC0gMV0gPCB0aGlzLnBhZ2VDb3VudCkge1xyXG4gICAgICBpZiAodmFsdWUgPiAwKSB7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkuc2hpZnQoKTtcclxuICAgICAgICB0aGlzLnBhZ2VBcnJheS5wdXNoKHRoaXMucGFnZUFycmF5W3RoaXMucGFnZUFycmF5Lmxlbmd0aCAtIDFdICsgMSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5jdXJyZW50UGFnZSA+IDIgJiYgdmFsdWUgPCAwICYmIHRoaXMucGFnZUFycmF5WzBdID4gMSAmJiB0aGlzLmN1cnJlbnRQYWdlIDwgdGhpcy5wYWdlQ291bnQgLSAyKSB7XHJcbiAgICAgIHRoaXMucGFnZUFycmF5LnBvcCgpO1xyXG4gICAgICB0aGlzLnBhZ2VBcnJheS51bnNoaWZ0KHRoaXMucGFnZUFycmF5WzBdIC0gMSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdGVkUGFnZS5lbWl0KHRoaXMuY3VycmVudFBhZ2UpO1xyXG4gIH1cclxuICBvbkVudGVyUHJlc3MoZXZlbnQ6IGFueSkge1xyXG4gICAgaWYgKGV2ZW50LmtleS50b0xvd2VyQ2FzZSgpID09PSAnZW50ZXInKSB7XHJcbiAgICAgIGlmICghdGhpcy5lbnRlclBhZ2VOdW1iZXIgfHwgdGhpcy5lbnRlclBhZ2VOdW1iZXIgPiB0aGlzLnBhZ2VDb3VudCB8fCB0aGlzLmVudGVyUGFnZU51bWJlciA8IDEpIHtcclxuICAgICAgICB0aGlzLmlzSW52YWxpZElucHV0ID0gdHJ1ZTtcclxuICAgICAgICByZXR1cm47XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5pc0ludmFsaWRJbnB1dCA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuZ29Ub1BhZ2VBcnJheUdlbmVyYXRlKHRoaXMuZW50ZXJQYWdlTnVtYmVyLHRydWUpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuXHJcbiAgZ29Ub1BhZ2VBcnJheUdlbmVyYXRlKHBhZ2U6IGFueSxzaG91bGRFbWl0OmJvb2xlYW4pIHtcclxuICAgIC8vaWYodGhpcy5jdXJyZW50UGFnZSA9PT0gcGFnZSl7cmV0dXJuO31cclxuICAgIHRoaXMuaXNJbnZhbGlkSW5wdXQgPSBmYWxzZTtcclxuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBwYWdlO1xyXG4gICAgdGhpcy5wYWdlQXJyYXkgPSBbXTtcclxuICAgIGlmICh0aGlzLmN1cnJlbnRQYWdlID4gMyAmJiB0aGlzLmN1cnJlbnRQYWdlIDwgdGhpcy5wYWdlQ291bnQgLSAyKSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSB0aGlzLmN1cnJlbnRQYWdlIC0gMjsgaSA8IHRoaXMuY3VycmVudFBhZ2UgKyAzOyBpKyspIHtcclxuICAgICAgICB0aGlzLnBhZ2VBcnJheS5wdXNoKGkpO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuY3VycmVudFBhZ2UgPD0gMykge1xyXG4gICAgICBpZiAodGhpcy5wYWdlQ291bnQgPiA0KSB7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkgPSBbMSwgMiwgMywgNCwgNV07XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdGhpcy5wYWdlQ291bnQ7IGkrKykge1xyXG4gICAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaChpKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSBpZiAodGhpcy5jdXJyZW50UGFnZSA+IHRoaXMucGFnZUNvdW50IC0gMykge1xyXG4gICAgICBmb3IgKGxldCBpID0gdGhpcy5wYWdlQ291bnQgLSA0OyBpIDwgdGhpcy5wYWdlQ291bnQgKyAxOyBpKyspIHtcclxuICAgICAgICB0aGlzLnBhZ2VBcnJheS5wdXNoKGkpO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBmb3IgKGxldCBpID0gdGhpcy5jdXJyZW50UGFnZSAtIDI7IGkgPCB0aGlzLmN1cnJlbnRQYWdlICsgMjsgaSsrKSB7XHJcbiAgICAgICAgdGhpcy5wYWdlQXJyYXkucHVzaChpKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGlmKHNob3VsZEVtaXQpe1xyXG4gICAgICB0aGlzLnNlbGVjdGVkUGFnZS5lbWl0KHRoaXMuY3VycmVudFBhZ2UpO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwid2stcGFnaW5hdGlvbi1zZWMtZHMgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBcIiBbY2xhc3MucmlnaHQtYWxpZ25dPVwiZmFsc2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHZ4LWxhYmVsLXR4dCB2eC1mdy00MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWxoLTZcIj5cclxuICAgICAgICBTaG93aW5nIHt7c3RhcnR9fSAtIHt7ZW5kfX0gb2Yge3t0b3RhbH19IHJlY29yZHNcclxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFnaW5hdGlvbi1ib3hcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAgICAgICAgICAgIDx1bCBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbS0wIHZ4LXAtMFwiPlxyXG4gICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtZC1mbGV4XCI+PGJ1dHRvbiBjbGFzcz1cInZ4LWQtaW5saW5lLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWxhYmVsLXR4dCB2eC1mdy00MDAgIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0yIHZ4LXByLTIgdngtbS0wXCIgW2NsYXNzLmFjdGl2ZV09XCJ0cnVlXCI+QWxsPC9idXR0b24+PC9saT5cclxuICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1kLWlubGluZS1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1sYWJlbC10eHQgdngtZnctNDAwIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0yIHZ4LXByLTIgdngtbS0wXCIgW2NsYXNzLmFjdGl2ZV09XCJmYWxzZVwiPkE8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicmlnaHQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uLWJveFwiPlxyXG4gICAgICAgICAgICA8dWwgY2xhc3M9XCJ2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW0tMCB2eC1wLTBcIj5cclxuICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleCB2eC1tci0xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LW0tMFwiICBbZGlzYWJsZWRdPVwiY3VycmVudFBhZ2UgPT09IDFcIiBbY2xhc3MuZGlzYWJsZWRdPVwiY3VycmVudFBhZ2UgPT09IDFcIiAoY2xpY2spPVwiaW5jcmVhc2VPckRlY3JlYXNlKC0xKVwiID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5NmI7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuXHJcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1kLWZsZXhcIiAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwYWdlQXJyYXk7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtbGFiZWwtdHh0IHZ4LWZ3LTQwMCB2eC1wbC0xIHZ4LXByLTEgdngtZC1pbmxpbmUtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtbS0wIHZ4LW1sLTFcIlxyXG4gICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwicGFnZSA9PT0gY3VycmVudFBhZ2VcIiAoY2xpY2spPVwiZ29Ub1BhZ2VBcnJheUdlbmVyYXRlKHBhZ2UsdHJ1ZSlcIiBbY2xhc3MuYWN0aXZlXT1cInBhZ2UgPT09IGN1cnJlbnRQYWdlXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgICAge3twYWdlfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgIFxyXG5cclxuICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleCB2eC1tbC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LW0tMFwiIChjbGljayk9XCJpbmNyZWFzZU9yRGVjcmVhc2UoMSlcIiBbY2xhc3MuZGlzYWJsZWRdPVwiY3VycmVudFBhZ2UgPT09IHBhZ2VDb3VudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTk3MDs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ290by1wYWdlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbWwtMlwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ290by1wYWdlLXRleHQgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1kLWJsb2NrIHZ4LXBsLTIgdngtcHItMlwiPkdPIFRPPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnb3RvLXBhZ2UtaW5wdXRcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dCAgW2NsYXNzLmludmFsaWRdPVwiKGlzSW52YWxpZElucHV0ICYmICFlbnRlclBhZ2VOdW1iZXIpIHx8IHBhZ2VDb3VudCA8IGVudGVyUGFnZU51bWJlclwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiUGFnZSBOby5cIlxyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJlbnRlclBhZ2VOdW1iZXJcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlBhZ2UgTm8uXCJcclxuICAgICAgICAgICAgICAgIChrZXl1cCk9XCJvbkVudGVyUHJlc3MoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBvbmtleWRvd249XCJpZihldmVudC5rZXk9PT0nLicpe2V2ZW50LnByZXZlbnREZWZhdWx0KCk7fVwiICBvbmlucHV0PVwiZXZlbnQudGFyZ2V0LnZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlLnJlcGxhY2UoL1teMC05XSovZywnJyk7XCIgdHlwZT1cInRleHRcIiB0eXBlPVwibnVtYmVyXCIgcGxhY2Vob2xkZXI9XCJQYWdlIE5vLlwiIC8+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJvbkVudGVyUHJlc3MoeyBrZXk6ICdlbnRlcicgfSlcIiA+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvZW50ZXItaWNvbi5zdmdcIiBhbHQ9XCJcIiAgLz5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImdvdG8tcGFnZS10ZXh0IHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtZC1ibG9jayB2eC1wbC0yIHZ4LXByLTJcIj5PRiB7eyBwYWdlQ291bnQgfX08L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19