@symphony-talent/component-library 4.115.0 → 4.117.0

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

@@ -3627,15 +3627,17 @@ class FilterTabsComponent {
     onTabSelected() {
         this.tabSelectedClicked.emit(this.advancedSearchTabs);
     }
-    onTabSetClick() {
-        this.tabSetClicked.emit(this.advancedSearchTabs);
+    onTabSetClick(event) {
+        if (event.target.innerText === 'Basic Search' || event.target.innerText === 'Advanced Search') {
+            this.tabSetClicked.emit({ basicSearchClicked: event.target.innerText === 'Basic Search', advancedSearchClicked: event.target.innerText === 'Advanced Search' });
+        }
     }
 }
 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" }, 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    <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()\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content></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"], 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$5.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$5.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" }, 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    <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></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"], 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$5.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$5.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    <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()\" #advanceSearchTabs>\n    <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n      ><div><ng-content select=\"[basic-search-content]\"></ng-content></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    <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></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: [{
@@ -9081,6 +9083,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class SettingsReportManagementComponent {
+    constructor() {
+        this.detailNavigationClicked = new EventEmitter();
+    }
+    onDetailNavigationClick(event) {
+        this.detailNavigationClicked.emit(event);
+    }
+}
+SettingsReportManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SettingsReportManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingsReportManagementComponent, selector: "symphony-settings-report-management", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n    <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n    </symphony-breadcrumb>\n    <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n    <symphony-settings-detail-navigation-list\n      sfx-nav\n      [navigationList]=\"model.navigationList\"\n      (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n    ></symphony-settings-detail-navigation-list>\n    <section sfx-content>\n        <p>Reports page</p>\n    </section>\n</symphony-setting-details-template>\n  \n", styles: [""], components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-settings-report-management', template: "<symphony-setting-details-template *ngIf=\"model\">\n    <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n    </symphony-breadcrumb>\n    <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n    <symphony-settings-detail-navigation-list\n      sfx-nav\n      [navigationList]=\"model.navigationList\"\n      (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n    ></symphony-settings-detail-navigation-list>\n    <section sfx-content>\n        <p>Reports page</p>\n    </section>\n</symphony-setting-details-template>\n  \n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], detailNavigationClicked: [{
+                type: Output
+            }] } });
+
+class SettingsReportManagementModule {
+}
+SettingsReportManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SettingsReportManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementModule, declarations: [SettingsReportManagementComponent], imports: [CommonModule,
+        SettingsDetailNavigationListModule,
+        SettingDetailsTemplateModule,
+        BreadcrumbModule,
+        H3Module], exports: [SettingsReportManagementComponent] });
+SettingsReportManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementModule, imports: [[CommonModule,
+            SettingsDetailNavigationListModule,
+            SettingDetailsTemplateModule,
+            BreadcrumbModule,
+            H3Module]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsReportManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SettingsReportManagementComponent
+                    ],
+                    imports: [CommonModule,
+                        SettingsDetailNavigationListModule,
+                        SettingDetailsTemplateModule,
+                        BreadcrumbModule,
+                        H3Module],
+                    exports: [SettingsReportManagementComponent],
+                }]
+        }] });
+
 /*
  * ATOMS
  */
@@ -9089,5 +9138,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { 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, 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, FilterTabsComponent, FilterTabsModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, 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, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { 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, 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, FilterTabsComponent, FilterTabsModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, 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, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map