@symphony-talent/component-library 4.190.0 → 4.192.0

package/fesm2020/symphony-talent-component-library.mjs

@@ -882,11 +882,13 @@ class GridCellClickedOpenNewTabComponent {
     }
 }
 GridCellClickedOpenNewTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridCellClickedOpenNewTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickedOpenNewTabComponent, selector: "symphony-grid-cell-clicked-open-new-tab", ngImport: i0, template: "<a\n  id=\"grid-cell-link-open-new-tab\"\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  [href]=\"newTabUrl\"\n  target=\"_blank\"\n>\n  <i class=\"si-menu-return icon-open-new-tab\"></i>\n</a>", styles: [".icon-open-new-tab:after{content:\"\";display:inline-block;width:16px;height:16px;background:transparent;position:relative;top:3px;left:-10px;border-radius:3px 0 3px 3px/3px 0px 3px 3px;border:2px solid #334860}.icon-open-new-tab:before{transform:rotate(145deg);display:inline-block;font-size:14px;top:-5px;position:relative;right:-11px;color:#334860}\n"], encapsulation: i0.ViewEncapsulation.None });
+GridCellClickedOpenNewTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickedOpenNewTabComponent, selector: "symphony-grid-cell-clicked-open-new-tab", inputs: { newTabUrl: "newTabUrl" }, ngImport: i0, template: "<a\n  id=\"grid-cell-link-open-new-tab\"\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  [href]=\"newTabUrl\"\n  target=\"_blank\"\n>\n  <i class=\"si-menu-return icon-open-new-tab\"></i>\n</a>", styles: [".icon-open-new-tab:after{content:\"\";display:inline-block;width:16px;height:16px;background:transparent;position:relative;top:3px;left:-10px;border-radius:3px 0 3px 3px/3px 0px 3px 3px;border:2px solid #334860}.icon-open-new-tab:before{transform:rotate(145deg);display:inline-block;font-size:14px;top:-5px;position:relative;right:-11px;color:#334860}\n"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-cell-clicked-open-new-tab', encapsulation: ViewEncapsulation.None, template: "<a\n  id=\"grid-cell-link-open-new-tab\"\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  [href]=\"newTabUrl\"\n  target=\"_blank\"\n>\n  <i class=\"si-menu-return icon-open-new-tab\"></i>\n</a>", styles: [".icon-open-new-tab:after{content:\"\";display:inline-block;width:16px;height:16px;background:transparent;position:relative;top:3px;left:-10px;border-radius:3px 0 3px 3px/3px 0px 3px 3px;border:2px solid #334860}.icon-open-new-tab:before{transform:rotate(145deg);display:inline-block;font-size:14px;top:-5px;position:relative;right:-11px;color:#334860}\n"] }]
-        }] });
+        }], propDecorators: { newTabUrl: [{
+                type: Input
+            }] } });
 
 class MergeContactClickedOpenModalComponent {
     constructor() {
@@ -909,10 +911,10 @@ class MergeContactClickedOpenModalComponent {
     }
 }
 MergeContactClickedOpenModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactClickedOpenModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MergeContactClickedOpenModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MergeContactClickedOpenModalComponent, selector: "symphony-merge-contact-clicked-open-modal", outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  id=\"merge-contact-open-modal\"\n  class=\"icon-merge-contact-clicked-open-modal sfx-font-bold sfx-cursor-pointer si-merge\"\n  [disabled]=\"!enableMergeButton\"\n  (click)=\"onClick()\"\n  aria-label=\"Merge Contact\"\n  type=\"button\"\n  [title]=\"!enableMergeButton ? 'No Duplicates Exist' : 'Merge Duplicates'\"\n>\n</button>", styles: [".icon-merge-contact-clicked-open-modal{background:none;border:none;padding:0;margin:0;display:inline-block;align-items:center;font-size:14px;top:2px;position:relative;color:#334860;outline:none;cursor:pointer}button:disabled.icon-merge-contact-clicked-open-modal{cursor:not-allowed;opacity:70%}\n"], encapsulation: i0.ViewEncapsulation.None });
+MergeContactClickedOpenModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MergeContactClickedOpenModalComponent, selector: "symphony-merge-contact-clicked-open-modal", outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  id=\"merge-contact-open-modal\"\n  class=\"icon-merge-contact-clicked-open-modal sfx-font-bold sfx-cursor-pointer si-merge\"\n  [disabled]=\"!enableMergeButton\"\n  (click)=\"onClick()\"\n  aria-label=\"Merge Contact\"\n  type=\"button\"\n  [title]=\"!enableMergeButton ? 'No Duplicates Exist' : 'Merge Duplicates'\"\n>\n</button>", styles: [".icon-merge-contact-clicked-open-modal{background:none;border:none;padding:0;margin:0;display:inline-block;align-items:center;font-size:14px;top:2px;position:relative;color:#334860;outline:none;cursor:pointer}.icon-merge-contact-clicked-open-modal:disabled{cursor:not-allowed;opacity:50%}\n"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactClickedOpenModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-merge-contact-clicked-open-modal', encapsulation: ViewEncapsulation.None, template: "<button\n  id=\"merge-contact-open-modal\"\n  class=\"icon-merge-contact-clicked-open-modal sfx-font-bold sfx-cursor-pointer si-merge\"\n  [disabled]=\"!enableMergeButton\"\n  (click)=\"onClick()\"\n  aria-label=\"Merge Contact\"\n  type=\"button\"\n  [title]=\"!enableMergeButton ? 'No Duplicates Exist' : 'Merge Duplicates'\"\n>\n</button>", styles: [".icon-merge-contact-clicked-open-modal{background:none;border:none;padding:0;margin:0;display:inline-block;align-items:center;font-size:14px;top:2px;position:relative;color:#334860;outline:none;cursor:pointer}button:disabled.icon-merge-contact-clicked-open-modal{cursor:not-allowed;opacity:70%}\n"] }]
+            args: [{ selector: 'symphony-merge-contact-clicked-open-modal', encapsulation: ViewEncapsulation.None, template: "<button\n  id=\"merge-contact-open-modal\"\n  class=\"icon-merge-contact-clicked-open-modal sfx-font-bold sfx-cursor-pointer si-merge\"\n  [disabled]=\"!enableMergeButton\"\n  (click)=\"onClick()\"\n  aria-label=\"Merge Contact\"\n  type=\"button\"\n  [title]=\"!enableMergeButton ? 'No Duplicates Exist' : 'Merge Duplicates'\"\n>\n</button>", styles: [".icon-merge-contact-clicked-open-modal{background:none;border:none;padding:0;margin:0;display:inline-block;align-items:center;font-size:14px;top:2px;position:relative;color:#334860;outline:none;cursor:pointer}.icon-merge-contact-clicked-open-modal:disabled{cursor:not-allowed;opacity:50%}\n"] }]
         }], propDecorators: { clicked: [{
                 type: Output
             }] } });
@@ -1260,7 +1262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class GridCellClickedOpenNewTabModule {
 }
 GridCellClickedOpenNewTabModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GridCellClickedOpenNewTabModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabModule, declarations: [GridCellClickedOpenNewTabComponent], imports: [CommonModule] });
+GridCellClickedOpenNewTabModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabModule, declarations: [GridCellClickedOpenNewTabComponent], imports: [CommonModule], exports: [GridCellClickedOpenNewTabComponent] });
 GridCellClickedOpenNewTabModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickedOpenNewTabModule, imports: [[
             CommonModule
         ]] });
@@ -1270,7 +1272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                     declarations: [GridCellClickedOpenNewTabComponent],
                     imports: [
                         CommonModule
-                    ]
+                    ],
+                    exports: [GridCellClickedOpenNewTabComponent]
                 }]
         }] });
 
@@ -1770,20 +1773,21 @@ class InputRadioComponent {
         this.clicked = new EventEmitter();
     }
     onClick() {
-        this.isActive ? (this.isActive = false) : (this.isActive = true);
         this.clicked.emit({
             label: this.label,
-            isActive: this.isActive,
+            isActive: true,
         });
     }
 }
 InputRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioComponent, selector: "symphony-input-radio", inputs: { isActive: "isActive", label: "label", isRequired: "isRequired" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-radio\" (click)=\"onClick()\">\n  <input\n    type=\"radio\"\n    class=\"sfx-radio-input sfx-position-absolute\"\n    [checked]=\"isActive\"\n    name=\"{{ label }}\"\n  />\n  <label for=\"{{ label }}\" class=\"Font400\"\n    >{{ label }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n  >\n</div>\n", styles: [".requiredField{color:#000!important}.sfx-radio{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sfx-radio .sfx-radio-input{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1;position:absolute}.sfx-radio .sfx-radio-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;font-family:neuzeit_groteskbold}.sfx-radio .sfx-radio-input+*:before{content:\"\";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:.5rem;margin-bottom:.2rem;border-radius:50%;border-style:solid;border-width:.1rem;border-color:#000}.sfx-radio .sfx-radio-input:checked+*:before{background:radial-gradient(black 0%,black 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+InputRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioComponent, selector: "symphony-input-radio", inputs: { isActive: "isActive", name: "name", label: "label", isRequired: "isRequired" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-radio\" (click)=\"onClick()\">\n  <input\n    type=\"radio\"\n    class=\"sfx-radio-input\"\n    [checked]=\"isActive\"\n    [name]=\"name || label\"\n    id=\"{{ label }}\"\n  />\n  <label for=\"{{ label }}\" class=\"Font400\"\n    >{{ label }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n  >\n</div>\n", styles: [".requiredField{color:#000!important}.sfx-radio{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sfx-radio .sfx-radio-input{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1}.sfx-radio .sfx-radio-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;font-family:neuzeit_groteskbold}.sfx-radio .sfx-radio-input+*:before{content:\"\";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:.5rem;margin-bottom:.2rem;border-radius:50%;border-style:solid;border-width:.1rem;border-color:#000}.sfx-radio .sfx-radio-input:checked+*:before{background:radial-gradient(black 0%,black 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-radio', template: "<div class=\"sfx-radio\" (click)=\"onClick()\">\n  <input\n    type=\"radio\"\n    class=\"sfx-radio-input sfx-position-absolute\"\n    [checked]=\"isActive\"\n    name=\"{{ label }}\"\n  />\n  <label for=\"{{ label }}\" class=\"Font400\"\n    >{{ label }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n  >\n</div>\n", styles: [".requiredField{color:#000!important}.sfx-radio{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sfx-radio .sfx-radio-input{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1;position:absolute}.sfx-radio .sfx-radio-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;font-family:neuzeit_groteskbold}.sfx-radio .sfx-radio-input+*:before{content:\"\";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:.5rem;margin-bottom:.2rem;border-radius:50%;border-style:solid;border-width:.1rem;border-color:#000}.sfx-radio .sfx-radio-input:checked+*:before{background:radial-gradient(black 0%,black 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}\n"] }]
+            args: [{ selector: 'symphony-input-radio', template: "<div class=\"sfx-radio\" (click)=\"onClick()\">\n  <input\n    type=\"radio\"\n    class=\"sfx-radio-input\"\n    [checked]=\"isActive\"\n    [name]=\"name || label\"\n    id=\"{{ label }}\"\n  />\n  <label for=\"{{ label }}\" class=\"Font400\"\n    >{{ label }}<span class=\"requiredField\" *ngIf=\"isRequired\">*</span></label\n  >\n</div>\n", styles: [".requiredField{color:#000!important}.sfx-radio{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sfx-radio .sfx-radio-input{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1}.sfx-radio .sfx-radio-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;font-family:neuzeit_groteskbold}.sfx-radio .sfx-radio-input+*:before{content:\"\";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:.5rem;margin-bottom:.2rem;border-radius:50%;border-style:solid;border-width:.1rem;border-color:#000}.sfx-radio .sfx-radio-input:checked+*:before{background:radial-gradient(black 0%,black 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isActive: [{
                 type: Input
+            }], name: [{
+                type: Input
             }], label: [{
                 type: Input
             }], isRequired: [{
@@ -4131,10 +4135,10 @@ class FilterTabsComponent {
     }
 }
 FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked", savedSearchClick: "savedSearchClick" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n  <div class=\"tab-filter-actions\">\n    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Last Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showLoadLastSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"rotateY sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onLoadSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-refresh'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Clear Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showClearSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onClearSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-search-clear'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-contextual-menu\n      class=\"filter-action-icon\"\n      [model]=\"filterTabs.moreActionsMenu\"\n      (itemClick)=\"onItemClick($event)\"\n      *ngIf=\"filterTabs.showMoreOptions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">      \n          <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          id=\"button-see-result\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n  </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i1$6.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$6.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
+FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked", savedSearchClick: "savedSearchClick" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n  <div class=\"tab-filter-actions\">\n    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"!filterTabs.savedSearchDisabled && onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Last Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showLoadLastSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"rotateY sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onLoadSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-refresh'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Clear Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showClearSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onClearSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-search-clear'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-contextual-menu\n      class=\"filter-action-icon\"\n      [model]=\"filterTabs.moreActionsMenu\"\n      (itemClick)=\"onItemClick($event)\"\n      *ngIf=\"filterTabs.showMoreOptions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">      \n          <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          id=\"button-see-result\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n  </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i1$6.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$6.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n  <div class=\"tab-filter-actions\">\n    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Last Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showLoadLastSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"rotateY sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onLoadSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-refresh'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Clear Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showClearSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onClearSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-search-clear'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-contextual-menu\n      class=\"filter-action-icon\"\n      [model]=\"filterTabs.moreActionsMenu\"\n      (itemClick)=\"onItemClick($event)\"\n      *ngIf=\"filterTabs.showMoreOptions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">      \n          <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          id=\"button-see-result\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n  </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
+            args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n  <div class=\"tab-filter-actions\">\n    <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Save Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showSavedSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        [isDisabled]=\"filterTabs.savedSearchDisabled\"\n        (click)=\"!filterTabs.savedSearchDisabled && onSavedSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-save'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>    \n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Last Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showLoadLastSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"rotateY sfx-d-flex filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onLoadSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-refresh'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-tooltip-wrapper\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"'Clear Search'\"\n      [toolTipClass]=\"'toolTipV2'\"\n      *ngIf=\"filterTabs.showClearSearch\"\n    >\n      <symphony-icon-wrapper\n        class=\"filter-action-icon\"\n        [isInverse]=\"true\"\n        [hasHoverWithoutBorder]=\"true\"\n        [backgroundColor]=\"'#ffffff'\"\n        (click)=\"onClearSearchClick()\"\n      >\n        <symphony-icon\n          [icon]=\"'si-search-clear'\"\n          [iconColor]=\"'#334860'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n\n    <symphony-contextual-menu\n      class=\"filter-action-icon\"\n      [model]=\"filterTabs.moreActionsMenu\"\n      (itemClick)=\"onItemClick($event)\"\n      *ngIf=\"filterTabs.showMoreOptions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">         \n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"basic-button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n    <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n      ><div>\n        <ng-content select=\"[advanced-search-content]\"></ng-content>\n        <div class=\"advance-search-footer sfx-mt-20\">      \n          <symphony-button-v2\n          *ngIf=\"filterTabs.showSeeResultsBtn\"\n          id=\"button-see-result\"\n          text=\"SEE RESULTS\"\n          [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          *ngIf=\"filterTabs.showClearResultsBtn\"\n          id=\"button-clear-result\"\n          text=\"Clear\"\n          [isSecondary]=\"true\"\n          (clicked)=\"onButtonClick($event)\"\n        ></symphony-button-v2>\n        </div>\n        </div\n    ></tab>\n  </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
                 type: Input
             }], moreOptionClick: [{
@@ -5172,6 +5176,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class MergeContactsModalComponent {
+    constructor() {
+        this.isLoading = false;
+        this.hasError = false;
+        this.next = new EventEmitter();
+        this.cancel = new EventEmitter();
+        this.notDuplicate = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.hideSuccessToast = new EventEmitter();
+        this.hideFailureToast = new EventEmitter();
+        this.requestConfirmSuggestion = new EventEmitter();
+        this.requestCancelConfirmSuggestion = new EventEmitter();
+        this.confirmSuggestion = null;
+        this.showSuccessToast = false;
+        this.showFailureToast = false;
+        this.successToast = new ToasterAlertModel();
+        this.successToast.type = ToasterAlertType.Success;
+        this.successToast.message = "Contact removed from duplicates successfully";
+        this.successToast.duration = AlertDuration.FiveSeconds;
+        this.successToast.showCloseIcon = true;
+        this.failureToast = new ToasterAlertModel();
+        this.failureToast.type = ToasterAlertType.Error;
+        this.failureToast.message = "Failed to remove contact from duplicates";
+        this.failureToast.duration = AlertDuration.FiveSeconds;
+        this.failureToast.showCloseIcon = true;
+    }
+    onNext() {
+        this.next.emit();
+    }
+    onCancel() {
+        this.cancel.emit();
+    }
+    onSelect(suggestion) {
+        this.selected = suggestion;
+        this.selectionChange.emit(suggestion);
+    }
+    onNotDuplicate(suggestion) {
+        this.requestConfirmSuggestion.emit(suggestion);
+    }
+    cancelNotDuplicate() {
+        this.requestCancelConfirmSuggestion.emit();
+    }
+    confirmOnNotDuplicate() {
+        if (this.confirmSuggestion) {
+            this.notDuplicate.emit({
+                selected: this.model.selectedContact,
+                suggestion: this.confirmSuggestion,
+            });
+        }
+    }
+    handleNotDuplicateSuccess() {
+        const removed = this.confirmSuggestion;
+        if (removed) {
+            this.model.suggestions = this.model.suggestions.filter((s) => s !== removed);
+            if (this.selected === removed) {
+                this.selected = null;
+            }
+            this.confirmSuggestion = null;
+            this.showSuccessToast = true;
+            this.isLoading = false;
+        }
+    }
+    handleNotDuplicateError() {
+        this.showFailureToast = true;
+        this.isLoading = false;
+    }
+    onHideSuccessToast() {
+        this.hideSuccessToast.emit();
+    }
+    onHideFailureToast() {
+        this.hideFailureToast.emit();
+    }
+    getContactUrl(id) {
+        const url = window.location.href;
+        const [baseUrl] = url.split('#');
+        return `${baseUrl}#/candidateprofileview?id=${id}`;
+    }
+}
+MergeContactsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MergeContactsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: MergeContactsModalComponent, selector: "symphony-merge-contacts-modal", inputs: { model: "model", isLoading: "isLoading", hasError: "hasError", confirmSuggestion: "confirmSuggestion", showSuccessToast: "showSuccessToast", showFailureToast: "showFailureToast" }, outputs: { next: "next", cancel: "cancel", notDuplicate: "notDuplicate", selectionChange: "selectionChange", hideSuccessToast: "hideSuccessToast", hideFailureToast: "hideFailureToast", requestConfirmSuggestion: "requestConfirmSuggestion", requestCancelConfirmSuggestion: "requestCancelConfirmSuggestion" }, ngImport: i0, template: "<div class=\"sfx sfx-modal modal-container\" *ngIf=\"model\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 text=\"Merge Contacts\"></symphony-h4>\n          <div class=\"sfx-mt-15\">\n            <symphony-paragraph text=\"Step 1 of 2 - Select the duplicate contact that needs to be merged.\"></symphony-paragraph>\n          </div>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCancel()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <div class=\"toaster-alert-container-global\">\n        <symphony-toaster-alert\n          *ngIf=\"showSuccessToast\"\n          [alertModel]=\"successToast\"\n          (hideAlert)=\"onHideSuccessToast()\"\n        ></symphony-toaster-alert>\n      <symphony-toaster-alert\n        *ngIf=\"showFailureToast\"\n        [alertModel]=\"failureToast\"\n        (hideAlert)=\"onHideFailureToast()\"\n      ></symphony-toaster-alert>\n    </div>\n    <div *ngIf=\"isLoading\" class=\"sfx-mt-30 sfx-mb-30\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n    <div *ngIf=\"hasError\" class=\"sfx-mt-30\">\n      <symphony-paragraph text=\"Something has went wrong. Try again later or contact support\"></symphony-paragraph>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && (!model?.suggestions || model.suggestions.length === 0)\" class=\"sfx-mt-30\">\n      <symphony-paragraph text=\"No more duplicates exist for this selected contact. Please try again later\"></symphony-paragraph>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && !confirmSuggestion && model?.suggestions?.length\" class=\"row\">\n      <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n        <symphony-h5 text=\"Selected Contact\"></symphony-h5>\n        <p class=\"sfx-mt-40 sfx-font-bold\">{{ model.selectedContact.name }}  [{{ model.selectedContact.id }}]</p>\n        <p>{{ model.selectedContact.email }}</p>\n        <p *ngFor=\"let criterion of model.selectedContact.criteria\">{{ criterion }}</p>\n      </div>\n      <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n        <symphony-h5 text=\"Merge Suggestions\"></symphony-h5>\n        <div class=\"scrollable-container\">\n        <div *ngFor=\"let suggestion of model.suggestions\">\n            <div class=\"radio-item\">\n              <symphony-input-radio\n                [label]=\"suggestion.name + ' [' + suggestion.id + ']'\"\n                [name]=\"'merge-suggestions'\"\n                [isActive]=\"selected === suggestion\"\n                (clicked)=\"onSelect(suggestion)\"\n              ></symphony-input-radio>\n              <div class=\"radio-action sfx-mt-30\">\n              <symphony-grid-cell-clicked-open-new-tab class=\"icon-upwards\"\n                [newTabUrl]=\"getContactUrl(suggestion.id)\"\n              ></symphony-grid-cell-clicked-open-new-tab>\n              <symphony-icon-wrapper class=\"not-duplicate-icon-global\"\n                title=\"Mark not duplicate\" (clicked)=\"onNotDuplicate(suggestion)\">\n                <symphony-icon [icon]=\"'si-exclude'\"></symphony-icon>\n              </symphony-icon-wrapper>\n            </div>\n            </div>\n            <div class=\"radio-item\">\n              <div class=\"radio-details\">\n              <div>{{ suggestion.email }}</div>\n              <div *ngFor=\"let criterion of suggestion.criteria\" class=\"sfx-mt-5\">{{ criterion }}</div>\n              <div *ngFor=\"let status of suggestion.statuses\" class=\"sfx-mt-10\">\n                <symphony-status-pill [statusPillModel]=\"{statusClass: 'statusGrey', value: status}\"></symphony-status-pill>\n              </div>\n            </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && confirmSuggestion\">\n      <symphony-h5 text=\"Are you sure you want to remove this contact as a potential duplicate? \"></symphony-h5>\n      <div class=\"sfx-mt-20 radio-action\">\n                <symphony-icon class=\"pending-icon\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n      <symphony-paragraph class=\"sfx-font-italic\" text=\"Doing so is irreversible and this contact will never be shown as a potential duplicate of this contact again.\"></symphony-paragraph>\n      </div>\n      <div class=\"row sfx-mt-30\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-h5 text=\"Selected Contact\"></symphony-h5>\n          <p class=\"sfx-mt-40 sfx-font-bold\">{{ model.selectedContact.name }}  [{{ model.selectedContact.id }}]</p>\n          <p>{{ model.selectedContact.email }}</p>\n          <p *ngFor=\"let criterion of model.selectedContact.criteria\">{{ criterion }}</p>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-h5 text=\"Merge Suggestion\"></symphony-h5>\n          <div class=\"suggestion-confirm\">\n            <div class=\"sfx-font-bold\">{{ confirmSuggestion.name }} [{{ confirmSuggestion.id }}]</div>\n            <div class=\"sfx-mt-5\">{{ confirmSuggestion.email }}</div>\n            <div *ngFor=\"let criterion of confirmSuggestion.criteria\" class=\"sfx-mt-5\">{{ criterion }}</div>\n            <div *ngFor=\"let status of confirmSuggestion.statuses\" class=\"sfx-mt-10\">\n              <symphony-status-pill [statusPillModel]=\"{statusClass: 'statusGrey', value: status}\"></symphony-status-pill>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"confirm-actions\">\n        <symphony-button-v2\n          text=\"Cancel\"\n          [isSecondary]=\"true\"\n          (clicked)=\"cancelNotDuplicate()\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          text=\"Confirm\"\n          (clicked)=\"confirmOnNotDuplicate()\"\n        ></symphony-button-v2>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-footer\">\n    <symphony-button-v2 text=\"Close\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n    <symphony-button-v2 text=\"Next\" [disabled]=\"!selected || !!confirmSuggestion\" (clicked)=\"onNext()\"></symphony-button-v2>\n  </section>\n</div>\n", styles: [".scrollable-container{max-height:500px;display:flex;flex-direction:column;overflow-y:auto;padding:10px;gap:10px}.radio-item{display:flex;align-items:flex-start;gap:5px}.radio-label{display:flex;align-items:center;gap:1px}.radio-details{padding-left:24px}.radio-action{margin-left:auto;display:flex}.icon-upwards{margin-top:-1px!important;margin-bottom:auto}.modal-footer{display:flex;gap:10px;width:100%;justify-content:flex-end}.confirm-actions{display:flex;gap:10px;margin-top:20px}.suggestion-confirm{margin-top:38px}.pending-icon{margin-right:8px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ToasterAlertComponent, selector: "symphony-toaster-alert", inputs: ["alertModel", "showAlert"], outputs: ["hideAlert", "refreshClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: InputRadioComponent, selector: "symphony-input-radio", inputs: ["isActive", "name", "label", "isRequired"], outputs: ["clicked"] }, { type: GridCellClickedOpenNewTabComponent, selector: "symphony-grid-cell-clicked-open-new-tab", inputs: ["newTabUrl"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: StatusPillComponent, selector: "symphony-status-pill", inputs: ["statusPillModel"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-merge-contacts-modal', template: "<div class=\"sfx sfx-modal modal-container\" *ngIf=\"model\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 text=\"Merge Contacts\"></symphony-h4>\n          <div class=\"sfx-mt-15\">\n            <symphony-paragraph text=\"Step 1 of 2 - Select the duplicate contact that needs to be merged.\"></symphony-paragraph>\n          </div>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCancel()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <div class=\"toaster-alert-container-global\">\n        <symphony-toaster-alert\n          *ngIf=\"showSuccessToast\"\n          [alertModel]=\"successToast\"\n          (hideAlert)=\"onHideSuccessToast()\"\n        ></symphony-toaster-alert>\n      <symphony-toaster-alert\n        *ngIf=\"showFailureToast\"\n        [alertModel]=\"failureToast\"\n        (hideAlert)=\"onHideFailureToast()\"\n      ></symphony-toaster-alert>\n    </div>\n    <div *ngIf=\"isLoading\" class=\"sfx-mt-30 sfx-mb-30\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n    <div *ngIf=\"hasError\" class=\"sfx-mt-30\">\n      <symphony-paragraph text=\"Something has went wrong. Try again later or contact support\"></symphony-paragraph>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && (!model?.suggestions || model.suggestions.length === 0)\" class=\"sfx-mt-30\">\n      <symphony-paragraph text=\"No more duplicates exist for this selected contact. Please try again later\"></symphony-paragraph>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && !confirmSuggestion && model?.suggestions?.length\" class=\"row\">\n      <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n        <symphony-h5 text=\"Selected Contact\"></symphony-h5>\n        <p class=\"sfx-mt-40 sfx-font-bold\">{{ model.selectedContact.name }}  [{{ model.selectedContact.id }}]</p>\n        <p>{{ model.selectedContact.email }}</p>\n        <p *ngFor=\"let criterion of model.selectedContact.criteria\">{{ criterion }}</p>\n      </div>\n      <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n        <symphony-h5 text=\"Merge Suggestions\"></symphony-h5>\n        <div class=\"scrollable-container\">\n        <div *ngFor=\"let suggestion of model.suggestions\">\n            <div class=\"radio-item\">\n              <symphony-input-radio\n                [label]=\"suggestion.name + ' [' + suggestion.id + ']'\"\n                [name]=\"'merge-suggestions'\"\n                [isActive]=\"selected === suggestion\"\n                (clicked)=\"onSelect(suggestion)\"\n              ></symphony-input-radio>\n              <div class=\"radio-action sfx-mt-30\">\n              <symphony-grid-cell-clicked-open-new-tab class=\"icon-upwards\"\n                [newTabUrl]=\"getContactUrl(suggestion.id)\"\n              ></symphony-grid-cell-clicked-open-new-tab>\n              <symphony-icon-wrapper class=\"not-duplicate-icon-global\"\n                title=\"Mark not duplicate\" (clicked)=\"onNotDuplicate(suggestion)\">\n                <symphony-icon [icon]=\"'si-exclude'\"></symphony-icon>\n              </symphony-icon-wrapper>\n            </div>\n            </div>\n            <div class=\"radio-item\">\n              <div class=\"radio-details\">\n              <div>{{ suggestion.email }}</div>\n              <div *ngFor=\"let criterion of suggestion.criteria\" class=\"sfx-mt-5\">{{ criterion }}</div>\n              <div *ngFor=\"let status of suggestion.statuses\" class=\"sfx-mt-10\">\n                <symphony-status-pill [statusPillModel]=\"{statusClass: 'statusGrey', value: status}\"></symphony-status-pill>\n              </div>\n            </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!isLoading && !hasError && confirmSuggestion\">\n      <symphony-h5 text=\"Are you sure you want to remove this contact as a potential duplicate? \"></symphony-h5>\n      <div class=\"sfx-mt-20 radio-action\">\n                <symphony-icon class=\"pending-icon\" [icon]=\"'si-pending-incomplete'\"></symphony-icon>\n      <symphony-paragraph class=\"sfx-font-italic\" text=\"Doing so is irreversible and this contact will never be shown as a potential duplicate of this contact again.\"></symphony-paragraph>\n      </div>\n      <div class=\"row sfx-mt-30\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-h5 text=\"Selected Contact\"></symphony-h5>\n          <p class=\"sfx-mt-40 sfx-font-bold\">{{ model.selectedContact.name }}  [{{ model.selectedContact.id }}]</p>\n          <p>{{ model.selectedContact.email }}</p>\n          <p *ngFor=\"let criterion of model.selectedContact.criteria\">{{ criterion }}</p>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-h5 text=\"Merge Suggestion\"></symphony-h5>\n          <div class=\"suggestion-confirm\">\n            <div class=\"sfx-font-bold\">{{ confirmSuggestion.name }} [{{ confirmSuggestion.id }}]</div>\n            <div class=\"sfx-mt-5\">{{ confirmSuggestion.email }}</div>\n            <div *ngFor=\"let criterion of confirmSuggestion.criteria\" class=\"sfx-mt-5\">{{ criterion }}</div>\n            <div *ngFor=\"let status of confirmSuggestion.statuses\" class=\"sfx-mt-10\">\n              <symphony-status-pill [statusPillModel]=\"{statusClass: 'statusGrey', value: status}\"></symphony-status-pill>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"confirm-actions\">\n        <symphony-button-v2\n          text=\"Cancel\"\n          [isSecondary]=\"true\"\n          (clicked)=\"cancelNotDuplicate()\"\n        ></symphony-button-v2>\n        <symphony-button-v2\n          text=\"Confirm\"\n          (clicked)=\"confirmOnNotDuplicate()\"\n        ></symphony-button-v2>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-footer\">\n    <symphony-button-v2 text=\"Close\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n    <symphony-button-v2 text=\"Next\" [disabled]=\"!selected || !!confirmSuggestion\" (clicked)=\"onNext()\"></symphony-button-v2>\n  </section>\n</div>\n", styles: [".scrollable-container{max-height:500px;display:flex;flex-direction:column;overflow-y:auto;padding:10px;gap:10px}.radio-item{display:flex;align-items:flex-start;gap:5px}.radio-label{display:flex;align-items:center;gap:1px}.radio-details{padding-left:24px}.radio-action{margin-left:auto;display:flex}.icon-upwards{margin-top:-1px!important;margin-bottom:auto}.modal-footer{display:flex;gap:10px;width:100%;justify-content:flex-end}.confirm-actions{display:flex;gap:10px;margin-top:20px}.suggestion-confirm{margin-top:38px}.pending-icon{margin-right:8px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], next: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], notDuplicate: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], hideSuccessToast: [{
+                type: Output
+            }], hideFailureToast: [{
+                type: Output
+            }], requestConfirmSuggestion: [{
+                type: Output
+            }], requestCancelConfirmSuggestion: [{
+                type: Output
+            }], confirmSuggestion: [{
+                type: Input
+            }], showSuccessToast: [{
+                type: Input
+            }], showFailureToast: [{
+                type: Input
+            }] } });
+
+class MergeContactsModalModule {
+}
+MergeContactsModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MergeContactsModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalModule, declarations: [MergeContactsModalComponent], imports: [CommonModule,
+        H4Module,
+        ParagraphModule,
+        IconModule,
+        ButtonV2Module,
+        IconWrapperModule,
+        InputRadioModule,
+        StatusPillModule,
+        H5Module,
+        SfxLoaderModule,
+        GridCellClickedOpenNewTabModule,
+        ToasterAlertModule], exports: [MergeContactsModalComponent] });
+MergeContactsModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalModule, imports: [[
+            CommonModule,
+            H4Module,
+            ParagraphModule,
+            IconModule,
+            ButtonV2Module,
+            IconWrapperModule,
+            InputRadioModule,
+            StatusPillModule,
+            H5Module,
+            SfxLoaderModule,
+            GridCellClickedOpenNewTabModule,
+            ToasterAlertModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MergeContactsModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MergeContactsModalComponent],
+                    imports: [
+                        CommonModule,
+                        H4Module,
+                        ParagraphModule,
+                        IconModule,
+                        ButtonV2Module,
+                        IconWrapperModule,
+                        InputRadioModule,
+                        StatusPillModule,
+                        H5Module,
+                        SfxLoaderModule,
+                        GridCellClickedOpenNewTabModule,
+                        ToasterAlertModule,
+                    ],
+                    exports: [MergeContactsModalComponent],
+                }]
+        }] });
+
 class ActionBarComponent {
     constructor() {
         this.toggleClick = new EventEmitter();
@@ -7843,7 +8011,7 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ReportsCardListModule,
         GridActionBarV2Module,
         GenerateLicenseModalModule,
-        // MergeContactsModalModule,
+        MergeContactsModalModule,
         AISearchAssistantDrawerModule,
         SaveSearchModalModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
@@ -7880,7 +8048,7 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             ReportsCardListModule,
             GridActionBarV2Module,
             GenerateLicenseModalModule,
-            // MergeContactsModalModule,
+            MergeContactsModalModule,
             AISearchAssistantDrawerModule,
             SaveSearchModalModule
         ]] });
@@ -7922,7 +8090,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ReportsCardListModule,
                         GridActionBarV2Module,
                         GenerateLicenseModalModule,
-                        // MergeContactsModalModule,
+                        MergeContactsModalModule,
                         AISearchAssistantDrawerModule,
                         SaveSearchModalModule
                     ]
@@ -10850,5 +11018,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MergeContactsModalComponent, MergeContactsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map