@symphony-talent/component-library 4.182.0 → 4.183.0

package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs

@@ -29,7 +29,7 @@ export class GridControlsComponent {
     }
 }
 GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", gridRefreshClicked: "gridRefreshClicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <div\n  class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n  *ngIf=\"model.showRefreshAction\"\n>\n  <symphony-tooltip-wrapper\n    [tooltipHtml]=\"'Refresh'\"\n    [placement]=\"'top'\"\n    class=\"toolTipV2\"\n  >\n    <symphony-icon-wrapper (click)=\"onGridRefreshClick()\" id=\"btn-refresh\"\n      ><symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n    </symphony-icon-wrapper>\n  </symphony-tooltip-wrapper>\n</div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", gridRefreshClicked: "gridRefreshClicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <div\n  class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n  *ngIf=\"model.showRefreshAction\"\n>\n  <symphony-tooltip-wrapper\n    [tooltipHtml]=\"'Refresh'\"\n    [placement]=\"'top'\"\n    class=\"toolTipV2\"\n  >\n    <symphony-icon-wrapper (click)=\"onGridRefreshClick()\" id=\"btn-refresh\"\n      ><symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n    </symphony-icon-wrapper>\n  </symphony-tooltip-wrapper>\n</div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n  <div\n  class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n  *ngIf=\"model.showRefreshAction\"\n>\n  <symphony-tooltip-wrapper\n    [tooltipHtml]=\"'Refresh'\"\n    [placement]=\"'top'\"\n    class=\"toolTipV2\"\n  >\n    <symphony-icon-wrapper (click)=\"onGridRefreshClick()\" id=\"btn-refresh\"\n      ><symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n    </symphony-icon-wrapper>\n  </symphony-tooltip-wrapper>\n</div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]

package/esm2020/lib/organisms/grid-download/grid-download.component.mjs

@@ -13,7 +13,7 @@ export class GridDownloadComponent {
     }
 }
 GridDownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-download', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-pb-30\">\n  <div class=\"pull-right\">\n    <div\n      class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n      *ngIf=\"model.gridRowCount\"\n    >\n      <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n    </div>\n\n    <div class=\"sfx-d-inline-block pull-left\">\n      <symphony-tooltip-wrapper\n        *ngIf=\"model.showGridDownloadButton\"\n        [placement]=\"'bottom'\"\n        [tooltipHtml]=\"'Download Advertise Jobs'\"\n      >\n        <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n          <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </symphony-tooltip-wrapper>\n    </div>\n  </div>\n</div>\n", styles: [""] }]

package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs

@@ -44,7 +44,7 @@ export class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]

package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs

@@ -29,7 +29,7 @@ export class FeedbackDetailPageComponent {
     }
 }
 FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback", formUpdated: "formUpdated" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n  <symphony-icon-wrapper\n  (click)=\"onBackClick()\"\n  class=\"sfx-d-inline-block\"\n  sfx-back-button\n  >\n  <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n  </symphony-icon-wrapper>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n    (formUpdated)=\"onFormUpdated()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n  <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange", "formUpdated"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback", formUpdated: "formUpdated" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n  <symphony-icon-wrapper\n  (click)=\"onBackClick()\"\n  class=\"sfx-d-inline-block\"\n  sfx-back-button\n  >\n  <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n  </symphony-icon-wrapper>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n    (formUpdated)=\"onFormUpdated()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n  <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange", "formUpdated"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n  <symphony-icon-wrapper\n  (click)=\"onBackClick()\"\n  class=\"sfx-d-inline-block\"\n  sfx-back-button\n  >\n  <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n  </symphony-icon-wrapper>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n    (formUpdated)=\"onFormUpdated()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n  <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]

package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs

@@ -55,7 +55,7 @@ export class JobListPageComponent {
     }
 }
 JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]

package/esm2020/projects/component-library/lib/atoms/icon-wrapper/icon-wrapper.component.mjs

@@ -5,6 +5,7 @@ import * as i1 from "@angular/common";
 export class IconWrapperComponent {
     constructor() {
         this.Icons = Icons;
+        this.isDisabled = false;
         this.clicked = new EventEmitter();
     }
     onClick() {
@@ -12,17 +13,19 @@ export class IconWrapperComponent {
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
+            args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { backgroundColor: [{
                 type: Input
             }], isInverse: [{
                 type: Input
             }], hasHoverWithoutBorder: [{
                 type: Input
+            }], isDisabled: [{
+                type: Input
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBTkEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlKLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRWhDLENBQUM7SUFFaEIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHNOQ1JqQyxxUEFHTTsyRkRLTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQU14QixlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9pY29uL2ljb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWljb24td3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbldyYXBwZXJDb21wb25lbnQge1xuICBJY29ucyA9IEljb25zO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBoYXNIb3ZlcldpdGhvdXRCb3JkZXI6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoJ2NsaWNrZWQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UsICdob3ZlcldpdGhvdXRCb3JkZXInOiBoYXNIb3ZlcldpdGhvdXRCb3JkZXIgfVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAnbnVsbCdcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBUEEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlMLGVBQVUsR0FBYSxLQUFLLENBQUM7UUFDNUIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFaEMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ1BDUmpDLDZRQUdNOzJGREtPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTXhCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vaWNvbi9pY29uLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pY29uLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEljb25XcmFwcGVyQ29tcG9uZW50IHtcbiAgSWNvbnMgPSBJY29ucztcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgaGFzSG92ZXJXaXRob3V0Qm9yZGVyOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCdjbGlja2VkJyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlLCAnaG92ZXJXaXRob3V0Qm9yZGVyJzogaGFzSG92ZXJXaXRob3V0Qm9yZGVyLCAnZGlzYWJsZWQnOiBpc0Rpc2FibGVkIH1cIlxuICAoY2xpY2spPVwib25DbGljaygpXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ251bGwnXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs

@@ -44,7 +44,7 @@ export class AdditionalInformationCardComponent {
     }
 }
 AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n  *ngIf=\"additionalInformationModel\"\n  class=\"additional-information-card-item-wrapper\"\n>\n  <div class=\"additional-information-card-icon\">\n    <symphony-icon-wrapper\n      [isInverse]=\"true\"\n      [hasHoverWithoutBorder]=\"true\"\n      [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n    >\n      <symphony-icon\n        [icon]=\"additionalInformationModel.icon\"\n        [iconColor]=\"additionalInformationModel.iconInnerColor\"\n      ></symphony-icon>\n    </symphony-icon-wrapper>\n  </div>\n\n  <div>\n    <div\n      class=\"sfx-pb-10 sfx-font-bold\"\n      *ngIf=\"\n        additionalInformationModel.header &&\n        additionalInformationModel.headerText\"\n    >\n      <symphony-paragraph\n        >{{ additionalInformationModel.header }}:\n        {{ additionalInformationModel.headerText }}</symphony-paragraph\n      >\n    </div>\n    <div\n      *ngFor=\"\n        let information of additionalInformationModel.additionalInformation\n      \"\n      class=\"additional-information-card-description\"\n    >\n      <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span>{{ information.text }}</span>\n      </symphony-paragraph>\n      <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span #contentHeight class=\"sfx-d-block\"\n          >{{ information.text }}\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"hasMore\"\n            class=\"sfx-btn-link\"\n            (click)=\"onMoreClick()\"\n            >more</a\n          >\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"!hasMore\"\n            class=\"sfx-btn-link hasLess\"\n            (click)=\"onLessClick()\"\n            >less</a\n          >\n        </span>\n      </symphony-paragraph>\n    </div>\n    <a \n      href=\"javascript:;\" \n      *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n      (click)=\"onCancelInterviewLinkClicked()\"\n      >{{additionalInformationModel.cancelInterviewLink}}\n    </a>\n  </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n  *ngIf=\"additionalInformationModel\"\n  class=\"additional-information-card-item-wrapper\"\n>\n  <div class=\"additional-information-card-icon\">\n    <symphony-icon-wrapper\n      [isInverse]=\"true\"\n      [hasHoverWithoutBorder]=\"true\"\n      [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n    >\n      <symphony-icon\n        [icon]=\"additionalInformationModel.icon\"\n        [iconColor]=\"additionalInformationModel.iconInnerColor\"\n      ></symphony-icon>\n    </symphony-icon-wrapper>\n  </div>\n\n  <div>\n    <div\n      class=\"sfx-pb-10 sfx-font-bold\"\n      *ngIf=\"\n        additionalInformationModel.header &&\n        additionalInformationModel.headerText\"\n    >\n      <symphony-paragraph\n        >{{ additionalInformationModel.header }}:\n        {{ additionalInformationModel.headerText }}</symphony-paragraph\n      >\n    </div>\n    <div\n      *ngFor=\"\n        let information of additionalInformationModel.additionalInformation\n      \"\n      class=\"additional-information-card-description\"\n    >\n      <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span>{{ information.text }}</span>\n      </symphony-paragraph>\n      <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span #contentHeight class=\"sfx-d-block\"\n          >{{ information.text }}\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"hasMore\"\n            class=\"sfx-btn-link\"\n            (click)=\"onMoreClick()\"\n            >more</a\n          >\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"!hasMore\"\n            class=\"sfx-btn-link hasLess\"\n            (click)=\"onLessClick()\"\n            >less</a\n          >\n        </span>\n      </symphony-paragraph>\n    </div>\n    <a \n      href=\"javascript:;\" \n      *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n      (click)=\"onCancelInterviewLinkClicked()\"\n      >{{additionalInformationModel.cancelInterviewLink}}\n    </a>\n  </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n  *ngIf=\"additionalInformationModel\"\n  class=\"additional-information-card-item-wrapper\"\n>\n  <div class=\"additional-information-card-icon\">\n    <symphony-icon-wrapper\n      [isInverse]=\"true\"\n      [hasHoverWithoutBorder]=\"true\"\n      [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n    >\n      <symphony-icon\n        [icon]=\"additionalInformationModel.icon\"\n        [iconColor]=\"additionalInformationModel.iconInnerColor\"\n      ></symphony-icon>\n    </symphony-icon-wrapper>\n  </div>\n\n  <div>\n    <div\n      class=\"sfx-pb-10 sfx-font-bold\"\n      *ngIf=\"\n        additionalInformationModel.header &&\n        additionalInformationModel.headerText\"\n    >\n      <symphony-paragraph\n        >{{ additionalInformationModel.header }}:\n        {{ additionalInformationModel.headerText }}</symphony-paragraph\n      >\n    </div>\n    <div\n      *ngFor=\"\n        let information of additionalInformationModel.additionalInformation\n      \"\n      class=\"additional-information-card-description\"\n    >\n      <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span>{{ information.text }}</span>\n      </symphony-paragraph>\n      <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n        <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n          >{{ information.label }}:</span\n        >\n        <span #contentHeight class=\"sfx-d-block\"\n          >{{ information.text }}\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"hasMore\"\n            class=\"sfx-btn-link\"\n            (click)=\"onMoreClick()\"\n            >more</a\n          >\n          <a\n            href=\"javascript:;\"\n            *ngIf=\"!hasMore\"\n            class=\"sfx-btn-link hasLess\"\n            (click)=\"onLessClick()\"\n            >less</a\n          >\n        </span>\n      </symphony-paragraph>\n    </div>\n    <a \n      href=\"javascript:;\" \n      *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n      (click)=\"onCancelInterviewLinkClicked()\"\n      >{{additionalInformationModel.cancelInterviewLink}}\n    </a>\n  </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]

package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs

@@ -19,7 +19,7 @@ export class DocumentManagementItemComponent {
     }
 }
 DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]

package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs

@@ -15,6 +15,7 @@ export class FilterTabsComponent {
         this.buttonClicked = new EventEmitter();
         this.tabSetClicked = new EventEmitter();
         this.tabSelectedClicked = new EventEmitter();
+        this.savedSearchClick = new EventEmitter();
     }
     onItemClick(item) {
         this.moreOptionClick.emit(item);
@@ -22,6 +23,9 @@ export class FilterTabsComponent {
     onLoadSearchClick() {
         this.loadSearchClick.emit();
     }
+    onSavedSearchClick() {
+        this.savedSearchClick.emit();
+    }
     onClearSearchClick() {
         this.clearSearchClick.emit();
     }
@@ -38,10 +42,10 @@ export 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" }, 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>\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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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)=\"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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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($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)=\"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: [{
@@ -56,8 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Output
             }], tabSelectedClicked: [{
                 type: Output
+            }], savedSearchClick: [{
+                type: Output
             }], advancedSearchTabs: [{
                 type: ViewChild,
                 args: ['advanceSearchTabs']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWE5QjtRQVZVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFLeEMsQ0FBQztJQUVoQixXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQ3ZELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQztZQUMzRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsRUFBRSxxQkFBcUIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQyxDQUFDLENBQUE7U0FDOUo7SUFDSCxDQUFDOztnSEF2Q1UsbUJBQW1CO29HQUFuQixtQkFBbUIsZ2NDakJoQyw0bkdBdUZBOzJGRHRFYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0Usc0JBQXNCLGlCQUdqQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZCgnYWR2YW5jZVNlYXJjaFRhYnMnKVxuYWR2YW5jZWRTZWFyY2hUYWJzPzogVGFic2V0Q29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkl0ZW1DbGljayhpdGVtOiBzdHJpbmcpIHtcbiAgICB0aGlzLm1vcmVPcHRpb25DbGljay5lbWl0KGl0ZW0pO1xuICB9XG5cbiAgb25Mb2FkU2VhcmNoQ2xpY2soKSB7XG4gICAgdGhpcy5sb2FkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQgKGNsaWNrKT1cIm9uVGFiU2V0Q2xpY2soJGV2ZW50KVwiICNhZHZhbmNlU2VhcmNoVGFicz5cbiAgICA8dGFiIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLmJhc2ljU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidCYXNpYyBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dCYXNpY1NlYXJjaFwiXG4gICAgICA+PGRpdj48bmctY29udGVudCBzZWxlY3Q9XCJbYmFzaWMtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYmFzaWMtYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5hZHZhbmNlU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWM5QjtRQVhVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDN0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUt2QyxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDdkQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDO1lBQzNGLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxFQUFFLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDLENBQUMsQ0FBQTtTQUM5SjtJQUNILENBQUM7O2dIQTVDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzZUNqQmhDLHUzSEE0R0E7MkZEM0ZhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBzYXZlZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2FkdmFuY2VTZWFyY2hUYWJzJylcbmFkdmFuY2VkU2VhcmNoVGFicz86IFRhYnNldENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uU2F2ZWRTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLnNhdmVkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NhdmVkLXNlYXJjaC1kcm9wZG93bi16b25lXVwiPjwvbmctY29udGVudD5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInU2F2ZSBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTYXZlZFNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cInNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICBbaXNEaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNhdmVkU2VhcmNoRGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25TYXZlZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1zYXZlJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+ICAgIFxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidMYXN0IFNlYXJjaCdcIlxuICAgICAgW3Rvb2xUaXBDbGFzc109XCIndG9vbFRpcFYyJ1wiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0xvYWRMYXN0U2VhcmNoXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIGNsYXNzPVwicm90YXRlWSBzZngtZC1mbGV4IGZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uTG9hZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1yZWZyZXNoJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInQ2xlYXIgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgICBbaGFzSG92ZXJXaXRob3V0Qm9yZGVyXT1cInRydWVcIlxuICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkNsZWFyU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXNlYXJjaC1jbGVhcidcIlxuICAgICAgICAgIFtpY29uQ29sb3JdPVwiJyMzMzQ4NjAnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgW21vZGVsXT1cImZpbHRlclRhYnMubW9yZUFjdGlvbnNNZW51XCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd01vcmVPcHRpb25zXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuICA8dGFic2V0IChjbGljayk9XCJvblRhYlNldENsaWNrKCRldmVudClcIiAjYWR2YW5jZVNlYXJjaFRhYnM+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5iYXNpY1NlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQmFzaWMgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QmFzaWNTZWFyY2hcIlxuICAgICAgPjxkaXY+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Jhc2ljLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICAgICBcbiAgICAgICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJhc2ljLWJ1dHRvbi1jbGVhci1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJDbGVhclwiXG4gICAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2XG4gICAgPjwvdGFiPlxuICAgIDx0YWIgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuYWR2YW5jZVNlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQWR2YW5jZWQgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QWR2YW5jZVNlYXJjaFwiXG4gICAgICA+PGRpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FkdmFuY2VkLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICBcbiAgICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTZWVSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJ1dHRvbi1zZWUtcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiU0VFIFJFU1VMVFNcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNlZVJlc3VsdHNCdG5EaXNhYmxlZFwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gIDwvdGFic2V0PlxuPC9zZWN0aW9uPlxuIl19

package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaG93Q2xlYXJSZXN1bHRzQnRuPzogYm9vbGVhbjtcbiAgc2hvd0FJU2VhcmNoPzogYm9vbGVhbjtcbiAgYmFzaWNTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFkdmFuY2VTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFpU2VhcmNoVGFiRW5hYmxlZD86IGJvb2xlYW47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaG93Q2xlYXJSZXN1bHRzQnRuPzogYm9vbGVhbjtcbiAgc2hvd0FJU2VhcmNoPzogYm9vbGVhbjtcbiAgYmFzaWNTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFkdmFuY2VTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFpU2VhcmNoVGFiRW5hYmxlZD86IGJvb2xlYW47XG4gIHNob3dTYXZlZFNlYXJjaD86IGJvb2xlYW47XG4gIHNhdmVkU2VhcmNoRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19

package/esm2020/projects/component-library/lib/molecules/filter-tabs-v2/filter-tabs.component.mjs

@@ -45,7 +45,7 @@ export class FilterTabsV2Component {
     }
 }
 FilterTabsV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", 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\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
+FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", 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\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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: FilterTabsV2Component, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-filter-tabs-v2', 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\n      [disabled]=\"filterTabs.basicSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Basic Search'\"\n      [active]=\"filterTabs.showBasicSearch\"\n      ><div>\n        <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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.advanceSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'Advanced Search'\"\n      [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></div\n    ></tab>\n    <tab\n      [disabled]=\"filterTabs.aiSearchDisabled\"\n      (selectTab)=\"onTabSelected()\"\n      [heading]=\"'AI Search'\"\n      [active]=\"filterTabs.showAISearch\"\n      ><div>\n        <ng-content select=\"[ai-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></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"] }]

package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs

@@ -14,7 +14,7 @@ export class IconSwatchComponent {
     }
 }
 IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-icon-swatch', template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]