@symphony-talent/component-library 3.62.0 → 3.64.0

package/esm2020/projects/component-library/lib/atoms/input-search-checkbox-dropdown/input-search-checkbox-dropdown.module.mjs

@@ -7,6 +7,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { PopoverModule } from 'ngx-bootstrap/popover';
 import { CapitalizeFirstCharacterPipe } from './capitalize-first-character.pipe';
 import { SfxLoaderModule } from '../sfx-loader/sfx-loader.module';
+import { InputToggleModule } from '../input-toggle/input-toggle.module';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-bootstrap/dropdown";
 import * as i2 from "ngx-bootstrap/popover";
@@ -16,14 +17,16 @@ InputSearchCheckboxDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion:
 InputSearchCheckboxDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, declarations: [InputSearchCheckboxDropdownComponent,
         CapitalizeFirstCharacterPipe], imports: [i1.BsDropdownModule, BrowserAnimationsModule,
         CommonModule,
-        FormsModule, i2.PopoverModule, SfxLoaderModule], exports: [InputSearchCheckboxDropdownComponent] });
+        FormsModule, i2.PopoverModule, SfxLoaderModule,
+        InputToggleModule], exports: [InputSearchCheckboxDropdownComponent] });
 InputSearchCheckboxDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, imports: [[
             BsDropdownModule.forRoot(),
             BrowserAnimationsModule,
             CommonModule,
             FormsModule,
             PopoverModule.forRoot(),
-            SfxLoaderModule
+            SfxLoaderModule,
+            InputToggleModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, decorators: [{
             type: NgModule,
@@ -38,9 +41,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         CommonModule,
                         FormsModule,
                         PopoverModule.forRoot(),
-                        SfxLoaderModule
+                        SfxLoaderModule,
+                        InputToggleModule
                     ],
                     exports: [InputSearchCheckboxDropdownComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duL2lucHV0LXNlYXJjaC1jaGVja2JveC1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7Ozs7QUFvQmxFLE1BQU0sT0FBTyxpQ0FBaUM7OzhIQUFqQyxpQ0FBaUM7K0hBQWpDLGlDQUFpQyxpQkFiMUMsb0NBQW9DO1FBQ3BDLDRCQUE0QixrQ0FJNUIsdUJBQXVCO1FBQ3ZCLFlBQVk7UUFDWixXQUFXLG9CQUVYLGVBQWUsYUFFUCxvQ0FBb0M7K0hBRW5DLGlDQUFpQyxZQVZuQztZQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRTtZQUMxQix1QkFBdUI7WUFDdkIsWUFBWTtZQUNaLFdBQVc7WUFDWCxhQUFhLENBQUMsT0FBTyxFQUFFO1lBQ3ZCLGVBQWU7U0FDaEI7MkZBR1UsaUNBQWlDO2tCQWY3QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQ0FBb0M7d0JBQ3BDLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRTt3QkFDMUIsdUJBQXVCO3dCQUN2QixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYSxDQUFDLE9BQU8sRUFBRTt3QkFDdkIsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0U2VhcmNoQ2hlY2tib3hEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBQb3BvdmVyTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9wb3BvdmVyJztcbmltcG9ydCB7IENhcGl0YWxpemVGaXJzdENoYXJhY3RlclBpcGUgfSBmcm9tICcuL2NhcGl0YWxpemUtZmlyc3QtY2hhcmFjdGVyLnBpcGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vc2Z4LWxvYWRlci9zZngtbG9hZGVyLm1vZHVsZSc7XG5cblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIElucHV0U2VhcmNoQ2hlY2tib3hEcm9wZG93bkNvbXBvbmVudCxcbiAgICBDYXBpdGFsaXplRmlyc3RDaGFyYWN0ZXJQaXBlXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBCc0Ryb3Bkb3duTW9kdWxlLmZvclJvb3QoKSxcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUG9wb3Zlck1vZHVsZS5mb3JSb290KCksXG4gICAgU2Z4TG9hZGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtc2VhcmNoLWNoZWNrYm94LWRyb3Bkb3duL2lucHV0LXNlYXJjaC1jaGVja2JveC1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7QUFxQnhFLE1BQU0sT0FBTyxpQ0FBaUM7OzhIQUFqQyxpQ0FBaUM7K0hBQWpDLGlDQUFpQyxpQkFkMUMsb0NBQW9DO1FBQ3BDLDRCQUE0QixrQ0FJNUIsdUJBQXVCO1FBQ3ZCLFlBQVk7UUFDWixXQUFXLG9CQUVYLGVBQWU7UUFDZixpQkFBaUIsYUFFVCxvQ0FBb0M7K0hBRW5DLGlDQUFpQyxZQVhuQztZQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRTtZQUMxQix1QkFBdUI7WUFDdkIsWUFBWTtZQUNaLFdBQVc7WUFDWCxhQUFhLENBQUMsT0FBTyxFQUFFO1lBQ3ZCLGVBQWU7WUFDZixpQkFBaUI7U0FDbEI7MkZBR1UsaUNBQWlDO2tCQWhCN0MsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0NBQW9DO3dCQUNwQyw0QkFBNEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUU7d0JBQzFCLHVCQUF1Qjt3QkFDdkIsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGFBQWEsQ0FBQyxPQUFPLEVBQUU7d0JBQ3ZCLGVBQWU7d0JBQ2YsaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQztpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW5wdXRTZWFyY2hDaGVja2JveERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1zZWFyY2gtY2hlY2tib3gtZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7IEJzRHJvcGRvd25Nb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL2Ryb3Bkb3duJztcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3BvcG92ZXInO1xuaW1wb3J0IHsgQ2FwaXRhbGl6ZUZpcnN0Q2hhcmFjdGVyUGlwZSB9IGZyb20gJy4vY2FwaXRhbGl6ZS1maXJzdC1jaGFyYWN0ZXIucGlwZSc7XG5pbXBvcnQgeyBTZnhMb2FkZXJNb2R1bGUgfSBmcm9tICcuLi9zZngtbG9hZGVyL3NmeC1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IElucHV0VG9nZ2xlTW9kdWxlIH0gZnJvbSAnLi4vaW5wdXQtdG9nZ2xlL2lucHV0LXRvZ2dsZS5tb2R1bGUnO1xuXG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Db21wb25lbnQsXG4gICAgQ2FwaXRhbGl6ZUZpcnN0Q2hhcmFjdGVyUGlwZVxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQnNEcm9wZG93bk1vZHVsZS5mb3JSb290KCksXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFBvcG92ZXJNb2R1bGUuZm9yUm9vdCgpLFxuICAgIFNmeExvYWRlck1vZHVsZSxcbiAgICBJbnB1dFRvZ2dsZU1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbSW5wdXRTZWFyY2hDaGVja2JveERyb3Bkb3duQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRTZWFyY2hDaGVja2JveERyb3Bkb3duTW9kdWxlIHt9XG4iXX0=

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

@@ -50,10 +50,10 @@ 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", jobTitleclicked: "jobTitleclicked" }, 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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  </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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["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.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i8.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i9.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i10.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i11.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i12.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", jobTitleclicked: "jobTitleclicked" }, 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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["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.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i8.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i9.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i10.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i11.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i12.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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  </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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
+            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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
                 type: Input
             }], addButtonClicked: [{
@@ -78,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: ViewChild,
                 args: ['sfxgrid']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9iLWxpc3QtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2pvYi1saXN0LXBhZ2Uvam9iLWxpc3QtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2pvYi1saXN0LXBhZ2Uvam9iLWxpc3QtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLG9CQUFvQjtJQWUvQjtRQVpVLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEMseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNuRCw0QkFBdUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3JELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzFELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQ3pELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNsRCxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJaEMsQ0FBQztJQUVoQixnQkFBZ0I7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUNELGVBQWU7UUFDYixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxPQUFlO1FBQ2pDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUNELGtCQUFrQixDQUFDLGlCQUFpQjtRQUNsQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUNELGlCQUFpQixDQUFDLGVBQWU7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QsV0FBVyxDQUFDLGdCQUFnQjtRQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQy9CLENBQUM7O2lIQXhDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4aUJDZmpDLHVuR0F1RkE7MkZEeEVhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx3QkFBd0I7MEVBS3pCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csdUJBQXVCO3NCQUFoQyxNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUVlLElBQUk7c0JBQXpCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSm9iTGlzdFBhZ2VNb2RlbCB9IGZyb20gJy4vam9iLWxpc3QtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWpvYi1saXN0LXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vam9iLWxpc3QtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2pvYi1saXN0LXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSm9iTGlzdFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBqb2JMaXN0TW9kZWw6IEpvYkxpc3RQYWdlTW9kZWw7XG5cbiAgQE91dHB1dCgpIGFkZEJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBhZHZhbmNlU2VhcmNoQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGxhc3RMb2FkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGl0ZW1DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxKb2JMaXN0UGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgam9iQ2F0ZWdvcnlTZWFyY2hDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGdyaWRDb250cm9sQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Sm9iTGlzdFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIGdyaWRBY3Rpb25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxKb2JMaXN0UGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgcm93Q2hlY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Sm9iTGlzdFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIGpvYlRpdGxlY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAVmlld0NoaWxkKCdzZnhncmlkJykgZ3JpZDogR3JpZENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG4gIG9uQWR2YW5jZVNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuYWR2YW5jZVNlYXJjaENsaWNrZWQuZW1pdCgpO1xuICB9XG4gIG9uTG9hZExhc3RDbGljaygpIHtcbiAgICB0aGlzLmxhc3RMb2FkQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgb25Kb2JDYXRlZ29yeVNlYXJjaChrZXl3b3JkOiBzdHJpbmcpIHtcbiAgICB0aGlzLmpvYkNhdGVnb3J5U2VhcmNoQ2hhbmdlLmVtaXQoa2V5d29yZCk7XG4gIH1cbiAgb25HcmlkQ29udHJvbENsaWNrKGdyaWRDb250cm9sc01vZGVsKSB7XG4gICAgdGhpcy5ncmlkQ29udHJvbENsaWNrZWQuZW1pdChncmlkQ29udHJvbHNNb2RlbCk7XG4gIH1cbiAgb25HcmlkQWN0aW9uQ2xpY2soZ3JpZEFjdGlvbk1vZGVsKSB7XG4gICAgdGhpcy5ncmlkQWN0aW9uQ2xpY2tlZC5lbWl0KGdyaWRBY3Rpb25Nb2RlbCk7XG4gIH1cbiAgb25JdGVtQ2xpY2soSm9iTGlzdFBhZ2VNb2RlbCkge1xuICAgIHRoaXMuaXRlbUNsaWNrZWQuZW1pdChKb2JMaXN0UGFnZU1vZGVsKTtcbiAgfVxuICByZWZyZXNoR3JpZCgpIHtcbiAgICB0aGlzLmdyaWQudXBkYXRlR3JpZEZpbHRlcigpO1xuICB9XG59XG4iLCI8c3ltcGhvbnktY29udGFjdC1saXN0LXRlbXBsYXRlICpuZ0lmPVwiam9iTGlzdE1vZGVsXCI+XG4gIDxzeW1waG9ueS1oMyBzZngtaGVhZGVyPkpvYnM8L3N5bXBob255LWgzPlxuICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgKm5nSWY9XCJqb2JMaXN0TW9kZWwuaGFzQ3JlYXRlSm9iXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIHNmeC1wYWdlLWFjdGlvblxuICA+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLWFkZCdcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICA8c3ltcGhvbnktZmlsdGVyLWFyZWEgc2Z4LWZpbHRlci1hcmVhPlxuICAgIDxzeW1waG9ueS1oMyB0aXRsZT5TZWFyY2g8L3N5bXBob255LWgzPlxuICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0FkdmFuY2VTZWFyY2hcIlxuICAgICAgKGNsaWNrZWQpPVwib25BZHZhbmNlU2VhcmNoQ2xpY2soKVwiXG4gICAgICBhZHZhbmNlLXNlYXJjaC1pY29uXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1zZWFyY2gtYWR2YW5jZWQnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgKm5nSWY9XCJqb2JMaXN0TW9kZWwuaGFzQWR2YW5jZVNlYXJjaFwiXG4gICAgICBjbGFzcz1cInNmeC1tdC0xMCBzZngtZC1mbGV4XCJcbiAgICAgIGFkdmFuY2Utc2VhcmNoXG4gICAgICA+QWR2YW5jZWQgU2VhcmNoPC9zeW1waG9ueS1oNVxuICAgID5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBsb2FkLWxhc3RcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0xvYWRMYXN0XCJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cImpvYkxpc3RNb2RlbC5sb2FkTGFzdFNlYXJjaFRvb2x0aXBcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXIgW2lzSW52ZXJzZV09XCJ0cnVlXCIgKGNsaWNrZWQpPVwib25Mb2FkTGFzdENsaWNrKClcIj5cbiAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgbG9hZC1sYXN0XG4gICAgICAqbmdJZj1cImpvYkxpc3RNb2RlbC5oYXNDbGVhclNlYXJjaFwiXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCJqb2JMaXN0TW9kZWwuY2xlYXJTZWFyY2hUb29sdGlwXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIFtpc0ludmVyc2VdPVwidHJ1ZVwiPlxuICAgICAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0ZpbHRlck1vcmVPcHRpb25cIlxuICAgICAgbW9yZS1vcHRpb25zXG4gICAgICBbbW9kZWxdPVwiam9iTGlzdE1vZGVsLm1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICAgIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgICAqbmdJZj1cIiFqb2JMaXN0TW9kZWwub3ZlcnJpZGVGaWx0ZXJPbmVcIlxuICAgICAgZmlsdGVyMVxuICAgICAgW2xhYmVsXT1cIidKb2IgQ2F0ZWdvcnknXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgSm9iIENhdGVnb3J5J1wiXG4gICAgICBbaWNvbl09XCInc2ktc2VhcmNoLW5ldydcIlxuICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICh0ZXh0Q2hhbmdlKT1cIm9uSm9iQ2F0ZWdvcnlTZWFyY2goJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktaW5wdXQtdGV4dD5cblxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjFdXCIgc2VsZWN0PVwiW2ZpbHRlcjFdXCI+PC9uZy1jb250ZW50PlxuICA8L3N5bXBob255LWZpbHRlci1hcmVhPlxuICA8c3ltcGhvbnktYWN0aW9uLWJhci1qb2ItbGlzdFxuICAgIHNmeC1hY3Rpb25zXG4gICAgW2dyaWRBY3Rpb25Nb2RlbF09XCJqb2JMaXN0TW9kZWwuZ3JpZEFjdGlvbk1vZGVsXCJcbiAgICBbZ3JpZENvbnRyb2xzTW9kZWxdPVwiam9iTGlzdE1vZGVsLmdyaWRDb250cm9sc01vZGVsXCJcbiAgICAoZ3JpZENvbnRyb2xDbGljayk9XCJvbkdyaWRDb250cm9sQ2xpY2soJGV2ZW50KVwiXG4gICAgKGdyaWRBY3Rpb25DbGljayk9XCJvbkdyaWRBY3Rpb25DbGljaygkZXZlbnQpXCJcbiAgICBbaGFzQWN0aW9uVG9nZ2xlXT1cImpvYkxpc3RNb2RlbC5oYXNBY3Rpb25Ub2dnbGVcIlxuICA+PC9zeW1waG9ueS1hY3Rpb24tYmFyLWpvYi1saXN0PlxuICA8c3ltcGhvbnktZ3JpZFxuICAgICNzZnhncmlkXG4gICAgc2Z4LWdyaWRcbiAgICBbY29sdW1uRGVmc109XCJqb2JMaXN0TW9kZWwuZ3JpZC5jb2x1bW5EZWZzXCJcbiAgICBbZGVmYXVsdENvbERlZl09XCJqb2JMaXN0TW9kZWwuZ3JpZC5kZWZhdWx0Q29sdW1uRGVmXCJcbiAgICBbcm93RGF0YV09XCJqb2JMaXN0TW9kZWwuZ3JpZC5yb3dEYXRhXCJcbiAgICBbcGFnZVNpemVdPVwiam9iTGlzdE1vZGVsLmdyaWQucGFnZVNpemVcIlxuICAgIFtvbkdyaWRSZWFkeUZ1bmN0aW9uXT1cImpvYkxpc3RNb2RlbC5ncmlkLm9uR3JpZFJlYWR5RnVuY3Rpb25cIlxuICAgIFtyb3dNb2RlbFR5cGVdPVwiam9iTGlzdE1vZGVsLmdyaWQucm93TW9kZWxUeXBlXCJcbiAgICByb3dTZWxlY3Rpb25Nb2RlPVwibXVsdGlwbGVcIlxuICAgIFtoYXNOb1BhZGRpbmdsZWZ0XT1cInRydWVcIlxuICAgIFtzdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uXT1cInRydWVcIlxuICA+PC9zeW1waG9ueS1ncmlkPlxuPC9zeW1waG9ueS1jb250YWN0LWxpc3QtdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9iLWxpc3QtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2pvYi1saXN0LXBhZ2Uvam9iLWxpc3QtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2pvYi1saXN0LXBhZ2Uvam9iLWxpc3QtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLG9CQUFvQjtJQWUvQjtRQVpVLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEMseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNuRCw0QkFBdUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3JELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzFELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQ3pELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNsRCxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJaEMsQ0FBQztJQUVoQixnQkFBZ0I7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUNELGVBQWU7UUFDYixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxPQUFlO1FBQ2pDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUNELGtCQUFrQixDQUFDLGlCQUFpQjtRQUNsQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUNELGlCQUFpQixDQUFDLGVBQWU7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QsV0FBVyxDQUFDLGdCQUFnQjtRQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQy9CLENBQUM7O2lIQXhDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4aUJDZmpDLDJrSEE2RkE7MkZEOUVhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx3QkFBd0I7MEVBS3pCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csdUJBQXVCO3NCQUFoQyxNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUVlLElBQUk7c0JBQXpCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2dyaWQvZ3JpZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSm9iTGlzdFBhZ2VNb2RlbCB9IGZyb20gJy4vam9iLWxpc3QtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWpvYi1saXN0LXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vam9iLWxpc3QtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2pvYi1saXN0LXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSm9iTGlzdFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBqb2JMaXN0TW9kZWw6IEpvYkxpc3RQYWdlTW9kZWw7XG5cbiAgQE91dHB1dCgpIGFkZEJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBhZHZhbmNlU2VhcmNoQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGxhc3RMb2FkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGl0ZW1DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxKb2JMaXN0UGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgam9iQ2F0ZWdvcnlTZWFyY2hDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGdyaWRDb250cm9sQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Sm9iTGlzdFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIGdyaWRBY3Rpb25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxKb2JMaXN0UGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgcm93Q2hlY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Sm9iTGlzdFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIGpvYlRpdGxlY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAVmlld0NoaWxkKCdzZnhncmlkJykgZ3JpZDogR3JpZENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG4gIG9uQWR2YW5jZVNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuYWR2YW5jZVNlYXJjaENsaWNrZWQuZW1pdCgpO1xuICB9XG4gIG9uTG9hZExhc3RDbGljaygpIHtcbiAgICB0aGlzLmxhc3RMb2FkQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgb25Kb2JDYXRlZ29yeVNlYXJjaChrZXl3b3JkOiBzdHJpbmcpIHtcbiAgICB0aGlzLmpvYkNhdGVnb3J5U2VhcmNoQ2hhbmdlLmVtaXQoa2V5d29yZCk7XG4gIH1cbiAgb25HcmlkQ29udHJvbENsaWNrKGdyaWRDb250cm9sc01vZGVsKSB7XG4gICAgdGhpcy5ncmlkQ29udHJvbENsaWNrZWQuZW1pdChncmlkQ29udHJvbHNNb2RlbCk7XG4gIH1cbiAgb25HcmlkQWN0aW9uQ2xpY2soZ3JpZEFjdGlvbk1vZGVsKSB7XG4gICAgdGhpcy5ncmlkQWN0aW9uQ2xpY2tlZC5lbWl0KGdyaWRBY3Rpb25Nb2RlbCk7XG4gIH1cbiAgb25JdGVtQ2xpY2soSm9iTGlzdFBhZ2VNb2RlbCkge1xuICAgIHRoaXMuaXRlbUNsaWNrZWQuZW1pdChKb2JMaXN0UGFnZU1vZGVsKTtcbiAgfVxuICByZWZyZXNoR3JpZCgpIHtcbiAgICB0aGlzLmdyaWQudXBkYXRlR3JpZEZpbHRlcigpO1xuICB9XG59XG4iLCI8c3ltcGhvbnktY29udGFjdC1saXN0LXRlbXBsYXRlICpuZ0lmPVwiam9iTGlzdE1vZGVsXCI+XG4gIDxzeW1waG9ueS1oMyBzZngtaGVhZGVyPkpvYnM8L3N5bXBob255LWgzPlxuICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgKm5nSWY9XCJqb2JMaXN0TW9kZWwuaGFzQ3JlYXRlSm9iXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIHNmeC1wYWdlLWFjdGlvblxuICA+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLWFkZCdcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICA8c3ltcGhvbnktZmlsdGVyLWFyZWEgc2Z4LWZpbHRlci1hcmVhPlxuICAgIDxzeW1waG9ueS1oMyB0aXRsZT5TZWFyY2g8L3N5bXBob255LWgzPlxuICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0FkdmFuY2VTZWFyY2hcIlxuICAgICAgKGNsaWNrZWQpPVwib25BZHZhbmNlU2VhcmNoQ2xpY2soKVwiXG4gICAgICBhZHZhbmNlLXNlYXJjaC1pY29uXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1zZWFyY2gtYWR2YW5jZWQnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgKm5nSWY9XCJqb2JMaXN0TW9kZWwuaGFzQWR2YW5jZVNlYXJjaFwiXG4gICAgICBjbGFzcz1cInNmeC1tdC0xMCBzZngtZC1mbGV4XCJcbiAgICAgIGFkdmFuY2Utc2VhcmNoXG4gICAgICA+QWR2YW5jZWQgU2VhcmNoPC9zeW1waG9ueS1oNVxuICAgID5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBsb2FkLWxhc3RcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0xvYWRMYXN0XCJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cImpvYkxpc3RNb2RlbC5sb2FkTGFzdFNlYXJjaFRvb2x0aXBcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXIgW2lzSW52ZXJzZV09XCJ0cnVlXCIgKGNsaWNrZWQpPVwib25Mb2FkTGFzdENsaWNrKClcIj5cbiAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgbG9hZC1sYXN0XG4gICAgICAqbmdJZj1cImpvYkxpc3RNb2RlbC5oYXNDbGVhclNlYXJjaFwiXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCJqb2JMaXN0TW9kZWwuY2xlYXJTZWFyY2hUb29sdGlwXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIFtpc0ludmVyc2VdPVwidHJ1ZVwiPlxuICAgICAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgICpuZ0lmPVwiam9iTGlzdE1vZGVsLmhhc0ZpbHRlck1vcmVPcHRpb25cIlxuICAgICAgbW9yZS1vcHRpb25zXG4gICAgICBbbW9kZWxdPVwiam9iTGlzdE1vZGVsLm1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICAgIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgICAqbmdJZj1cIiFqb2JMaXN0TW9kZWwub3ZlcnJpZGVGaWx0ZXJPbmVcIlxuICAgICAgZmlsdGVyMVxuICAgICAgW2xhYmVsXT1cIidKb2IgQ2F0ZWdvcnknXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgSm9iIENhdGVnb3J5J1wiXG4gICAgICBbaWNvbl09XCInc2ktc2VhcmNoLW5ldydcIlxuICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICh0ZXh0Q2hhbmdlKT1cIm9uSm9iQ2F0ZWdvcnlTZWFyY2goJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktaW5wdXQtdGV4dD5cblxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjFdXCIgc2VsZWN0PVwiW2ZpbHRlcjFdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjJdXCIgc2VsZWN0PVwiW2ZpbHRlcjJdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjNdXCIgc2VsZWN0PVwiW2ZpbHRlcjNdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjRdXCIgc2VsZWN0PVwiW2ZpbHRlcjRdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjVdXCIgc2VsZWN0PVwiW2ZpbHRlcjVdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjZdXCIgc2VsZWN0PVwiW2ZpbHRlcjZdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2ZpbHRlcjddXCIgc2VsZWN0PVwiW2ZpbHRlcjddXCI+PC9uZy1jb250ZW50PlxuICA8L3N5bXBob255LWZpbHRlci1hcmVhPlxuICA8c3ltcGhvbnktYWN0aW9uLWJhci1qb2ItbGlzdFxuICAgIHNmeC1hY3Rpb25zXG4gICAgW2dyaWRBY3Rpb25Nb2RlbF09XCJqb2JMaXN0TW9kZWwuZ3JpZEFjdGlvbk1vZGVsXCJcbiAgICBbZ3JpZENvbnRyb2xzTW9kZWxdPVwiam9iTGlzdE1vZGVsLmdyaWRDb250cm9sc01vZGVsXCJcbiAgICAoZ3JpZENvbnRyb2xDbGljayk9XCJvbkdyaWRDb250cm9sQ2xpY2soJGV2ZW50KVwiXG4gICAgKGdyaWRBY3Rpb25DbGljayk9XCJvbkdyaWRBY3Rpb25DbGljaygkZXZlbnQpXCJcbiAgICBbaGFzQWN0aW9uVG9nZ2xlXT1cImpvYkxpc3RNb2RlbC5oYXNBY3Rpb25Ub2dnbGVcIlxuICA+PC9zeW1waG9ueS1hY3Rpb24tYmFyLWpvYi1saXN0PlxuICA8c3ltcGhvbnktZ3JpZFxuICAgICNzZnhncmlkXG4gICAgc2Z4LWdyaWRcbiAgICBbY29sdW1uRGVmc109XCJqb2JMaXN0TW9kZWwuZ3JpZC5jb2x1bW5EZWZzXCJcbiAgICBbZGVmYXVsdENvbERlZl09XCJqb2JMaXN0TW9kZWwuZ3JpZC5kZWZhdWx0Q29sdW1uRGVmXCJcbiAgICBbcm93RGF0YV09XCJqb2JMaXN0TW9kZWwuZ3JpZC5yb3dEYXRhXCJcbiAgICBbcGFnZVNpemVdPVwiam9iTGlzdE1vZGVsLmdyaWQucGFnZVNpemVcIlxuICAgIFtvbkdyaWRSZWFkeUZ1bmN0aW9uXT1cImpvYkxpc3RNb2RlbC5ncmlkLm9uR3JpZFJlYWR5RnVuY3Rpb25cIlxuICAgIFtyb3dNb2RlbFR5cGVdPVwiam9iTGlzdE1vZGVsLmdyaWQucm93TW9kZWxUeXBlXCJcbiAgICByb3dTZWxlY3Rpb25Nb2RlPVwibXVsdGlwbGVcIlxuICAgIFtoYXNOb1BhZGRpbmdsZWZ0XT1cInRydWVcIlxuICAgIFtzdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uXT1cInRydWVcIlxuICA+PC9zeW1waG9ueS1ncmlkPlxuPC9zeW1waG9ueS1jb250YWN0LWxpc3QtdGVtcGxhdGU+XG4iXX0=

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

@@ -17,7 +17,7 @@ import { Subject, timer } from 'rxjs';
 import { debounceTime, distinctUntilChanged, delay } from 'rxjs/operators';
 import * as i1$4 from 'ngx-chips';
 import { TagInputModule } from 'ngx-chips';
-import * as i6 from 'ngx-bootstrap/popover';
+import * as i7 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
 import * as i1$5 from 'ngx-bootstrap/accordion';
 import { AccordionModule } from 'ngx-bootstrap/accordion';
@@ -247,10 +247,10 @@ class FilterAreaComponent {
     constructor() { }
 }
 FilterAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterAreaComponent, selector: "symphony-filter-area", ngImport: i0, template: "<div class=\"sfx-filter-section\">\n    <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n        <div class=\"sfx-d-inline-block\">\n            <ng-content select=\"[title]\"></ng-content>\n        </div>     \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[more-options]\"></ng-content>\n        </div>   \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[load-last]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search-icon]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search]\"></ng-content>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter2]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n            <ng-content select=\"[filter3]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter4]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter5]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter6]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter7]\"></ng-content>\n        </div>\n\n    </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
+FilterAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterAreaComponent, selector: "symphony-filter-area", ngImport: i0, template: "<div class=\"sfx-filter-section\">\n    <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n        <div class=\"sfx-d-inline-block\">\n            <ng-content select=\"[title]\"></ng-content>\n        </div>     \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[more-options]\"></ng-content>\n        </div>   \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[load-last]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search-icon]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search]\"></ng-content>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter2]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter3]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter4]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter5]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter6]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter7]\"></ng-content>\n        </div>\n    </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n    <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n        <div class=\"sfx-d-inline-block\">\n            <ng-content select=\"[title]\"></ng-content>\n        </div>     \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[more-options]\"></ng-content>\n        </div>   \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[load-last]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search-icon]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search]\"></ng-content>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter2]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n            <ng-content select=\"[filter3]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter4]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter5]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter6]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter7]\"></ng-content>\n        </div>\n\n    </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
+            args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n    <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n        <div class=\"sfx-d-inline-block\">\n            <ng-content select=\"[title]\"></ng-content>\n        </div>     \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[more-options]\"></ng-content>\n        </div>   \n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[load-last]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search-icon]\"></ng-content>\n        </div>\n        <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n            <ng-content select=\"[advance-search]\"></ng-content>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter2]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter3]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter4]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter5]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter6]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n            <ng-content select=\"[filter7]\"></ng-content>\n        </div>\n    </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class FilterAreaModule {
@@ -1867,6 +1867,20 @@ class InputSearchCheckboxDropdownComponent {
         this.deselectItem.emit(deselectedItem);
     }
     onSelectItem(selectedItem) {
+        if (this.multiSelectSearch.isSelectAllEnabled == true) {
+            selectedItem.isChecked = !selectedItem.isChecked;
+            this.multiSelectSearch.selectedDropdownList =
+                this.multiSelectSearch.searchedDropdownList.filter((selectedAllItem) => {
+                    return selectedAllItem.isChecked == true;
+                });
+            if (this.multiSelectSearch.selectedDropdownList.length ==
+                this.multiSelectSearch.searchedDropdownList.length) {
+                this.isAllToggled = true;
+            }
+            else {
+                this.isAllToggled = false;
+            }
+        }
         this.focusOnSearchInput();
         this.selectItem.emit(selectedItem);
     }
@@ -1940,12 +1954,24 @@ class InputSearchCheckboxDropdownComponent {
     onFocusClick(isInFocus) {
         this.isInFocus = isInFocus;
     }
+    onToggleClick(event) {
+        if (event == true) {
+            this.multiSelectSearch.searchedDropdownList.forEach((dropdownlist) => (dropdownlist.isChecked = true));
+            this.isAllToggled = true;
+            this.multiSelectSearch.selectedDropdownList =
+                this.multiSelectSearch.searchedDropdownList;
+        }
+        else {
+            this.isAllToggled = false;
+            this.multiSelectSearch.searchedDropdownList.forEach((dropdownlist) => (dropdownlist.isChecked = false));
+        }
+    }
 }
 InputSearchCheckboxDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownComponent, deps: [{ token: CapitalizeFirstCharacterPipe }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-InputSearchCheckboxDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputSearchCheckboxDropdownComponent, selector: "symphony-input-search-checkbox-dropdown", inputs: { isDisabled: "isDisabled", multiSelectSearch: "multiSelectSearch", enablePlaceHolder: "enablePlaceHolder", scrollHeightPercentage: "scrollHeightPercentage", isLoadingData: "isLoadingData", isLoadingInitialData: "isLoadingInitialData", isInverse: "isInverse" }, outputs: { deselectItem: "deselectItem", selectItem: "selectItem", searchInputChange: "searchInputChange", selectionRetain: "selectionRetain", clearAll: "clearAll", conditionCheck: "conditionCheck", createNewItem: "createNewItem", scrollEnd: "scrollEnd", initializeDropdown: "initializeDropdown" }, viewQueries: [{ propertyName: "pop", first: true, predicate: ["pop"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div [ngClass]=\"{ 'isInverse': isInverse }\">\n  <div\n    *ngIf=\"multiSelectSearch.componentHeading\"\n    class=\"sfx-filter-label sfx-d-inline-block\"\n  >\n    <b\n      >{{ enablePlaceHolder ? \"\" : multiSelectSearch.componentHeading }}\n      <span *ngIf=\"multiSelectSearch.required\" class=\"requiredField\">*</span>\n    </b>\n  </div>\n  <div *ngIf=\"multiSelectSearch.condition\" class=\"sfx-switch-field pull-right\">\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_one\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' AND ')\"\n      [checked]=\"multiSelectSearch.condition === ' AND '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_one\"\n      >and</label\n    >\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_two\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' OR ')\"\n      [checked]=\"multiSelectSearch.condition === ' OR '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_two\">or</label>\n  </div>\n  <div\n    class=\"sfx-custom-dropdown-wrap\"\n    [ngClass]=\"{ open: openDropdown }\"\n    dropdown\n    #dropdown=\"bs-dropdown\"\n    (onShown)=\"toggleDropdown()\"\n    [insideClick]=\"true\"\n    (onHidden)=\"onOkClick(true)\"\n  >\n    <input\n      [ngClass]=\"{ 'invalid-control': isInvalid }\"\n      (click)=\"dropdown.isOpen = true\"\n      type=\"text\"\n      id=\"{{ conditionSelectionId }}\"\n      [(ngModel)]=\"multiSelectSearch.searchInput\"\n      (ngModelChange)=\"onSearchInputChange()\"\n      dropdownToggle\n      popover=\"{{ popOverText() }}\"\n      containerClass=\"sfx-input-popover\"\n      triggers=\"\"\n      placement=\"top\"\n      #pop=\"bs-popover\"\n      (mouseenter)=\"showPop()\"\n      (mouseleave)=\"onPopMouseLeave()\"\n      (focus)=\"onFocusClick(true)\"\n      (blur)=\"onFocusClick(false)\"\n      class=\"sfx-placeholder\"\n      placeholder=\"{{\n        enablePlaceHolder ? multiSelectSearch.componentHeading : ''\n      }}\"\n      autocomplete=\"off\"\n      [disabled]=\"isDisabled\"\n    />\n    <div *dropdownMenu>\n      <div class=\"sfx-custom-dropdown\" *ngIf=\"openDropdown\">\n        <!-- Create And Add Tags -->\n        <div\n          class=\"sfx-create-new-items\"\n          *ngIf=\"\n            multiSelectSearch.labelCreateNewItems &&\n            multiSelectSearch.showCreateNewItems\n          \"\n          (click)=\"onCreateNewItem()\"\n          [ngClass]=\"{\n            'sfx-font-bold': multiSelectSearch.showCreateNewModal\n          }\"\n        >\n          {{ multiSelectSearch.labelCreateNewItems }}\n          <span\n            class=\"sfx-font-bold\"\n            *ngIf=\"!multiSelectSearch.showCreateNewModal\"\n            >&nbsp;&apos;\n            {{ multiSelectSearch.searchInput | capitalizeFirstCharacter }}&apos;\n          </span>\n          <i class=\"sfx-icon-Plus sfx-create-new-items-icon\"></i>\n        </div>\n        <!-- Create And Add Tags ends here -->\n        <!-- selected list div -->\n        <div\n          class=\"sfx-dropdown-selected sfx-custom-scroll\"\n          *ngIf=\"multiSelectSearch.selectedDropdownList.length > 0\"\n        >\n          <div\n            class=\"sfx-d-inline-block\"\n            *ngFor=\"let selectedItem of multiSelectSearch.selectedDropdownList\"\n          >\n            <div\n              (click)=\"onDeselectItem(selectedItem); $event.stopPropagation()\"\n              class=\"sfx-checkbox sfx-d-inline-block\"\n            >\n              <input\n                type=\"checkbox\"\n                checked\n                class=\"sfx-checkbox-input\"\n                id=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n                >{{ selectedItem.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"selectedItem.additionalInfo\"\n                  class=\"selected-additional-info\"\n                >\n                  {{ selectedItem.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n        </div>\n        <!-- selected list div ends here -->\n        <!-- Search list  -->\n        <div\n          class=\"sfx-dropdown-unselected sfx-custom-scroll\"\n          (scroll)=\"scrollHandler($event)\"\n          *ngIf=\"multiSelectSearch.searchedDropdownList.length > 0\"\n        >\n          <div\n            id=\"dropdown-triggers-manually\"\n            *ngFor=\"\n              let filterDropdownOption of multiSelectSearch.searchedDropdownList\n            \"\n          >\n            <div class=\"sfx-checkbox\">\n              <input\n                type=\"checkbox\"\n                id=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                class=\"sfx-checkbox-input\"\n                [disabled]=\"multiSelectSearch.hasMaxSelections\"\n                (click)=\"\n                  onSelectItem(filterDropdownOption); $event.stopPropagation()\n                \"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                >{{ filterDropdownOption.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"filterDropdownOption.additionalInfo\"\n                  class=\"additional-info\"\n                >\n                  {{ filterDropdownOption.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n          <div>\n            <symphony-sfx-loader\n              [hidden]=\"!isLoadingData\"\n            ></symphony-sfx-loader>\n          </div>\n        </div>\n        <symphony-sfx-loader\n          [hidden]=\"!isLoadingInitialData\"\n        ></symphony-sfx-loader>\n        <!-- search list ends here -->\n        <!-- Footer -->\n        <div *ngIf=\"openDropdown\" class=\"sfx-filter-item-footer\">\n          <button\n            type=\"button\"\n            class=\"pull-left\"\n            [disabled]=\"\n              !(\n                multiSelectSearch.selectedDropdownList &&\n                multiSelectSearch.selectedDropdownList.length > 0\n              )\n            \"\n            (click)=\"onClearAllClick()\"\n          >\n            Clear All\n          </button>\n          <a href=\"javascript:;\" (click)=\"onOkClick()\" class=\"pull-right\">OK</a>\n        </div>\n        <!-- End Footer -->\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"isInvalid\" class=\"error-message\">\n    Please select a valid option\n  </div>\n</div>", styles: [".sfx-input-popover{word-wrap:break-word;max-width:100%}.sfx-placeholder::placeholder{color:#000}.requiredField,.error-message{color:#d60000}.invalid-control{border:1px solid #d60000!important}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #000;border-right:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000}.sfx-custom-dropdown-wrap{position:relative;padding:.3rem;width:100%}.sfx-custom-dropdown-wrap input{width:100%;border:1px solid #d0d0d0;height:40px;border-radius:4px;background:#fff;color:#000;outline:none;padding-left:.9375rem;padding-right:1.25rem}.sfx-custom-dropdown-wrap:before{top:14px;right:15px;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown{background:#fff;position:absolute;width:100%;z-index:4;left:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox{margin:0;padding:.625rem 1.25rem}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover{background:#000;color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked{position:relative}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input~label{color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#fff;border-right-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#000;border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected{border-bottom:1px solid #d9d9d9;padding-bottom:.625rem;padding-top:.625rem;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover{background:#fff;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked{position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#000;border-right-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#fff;border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected{padding-bottom:.625rem;padding-top:.625rem;border-bottom:1px solid #d9d9d9;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap.open{background:#fff}.sfx-custom-dropdown-wrap.open .tree-node-checkbox{height:auto;width:auto}.sfx-custom-dropdown-wrap.open .sfx-create-new-items{padding:.625rem 1.5625rem .625rem 1.25rem;position:relative;border-bottom:1px solid #d0d0d0;cursor:pointer}.sfx-custom-dropdown-wrap.open .sfx-create-new-items .sfx-create-new-items-icon{font-size:.625rem;position:absolute;right:.9375rem;top:.9375rem}.sfx-custom-dropdown-wrap.open input{z-index:2;position:relative;background:#000;color:#fff}.sfx-custom-dropdown-wrap.open:before{z-index:3;color:#fff}.sfx-custom-dropdown-wrap.open:after{content:\" \";position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;z-index:1;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap:before{content:\"\\e93f\";font-family:library-icons!important;font-size:14px;display:inline-block;position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar{width:12px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-track,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb:hover,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb:hover{cursor:pointer}.sfx-filter-item-footer{display:inline-block;width:100%;padding:1.875rem 1.25rem 1.5625rem;font-family:neuzeit_groteskbold,sans-serif}.sfx-filter-item-footer a{cursor:pointer}.sfx-filter-item-footer button{color:#eb0d8b;background:transparent;border:none;padding:0}.sfx-filter-item-footer button:disabled{opacity:.5;cursor:not-allowed}.sfx-checkbox .sfx-checkbox-input~label{color:#fff}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #fff;border-right:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#212121;border:2px solid #fff}.sfx-checkbox{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sfx-checkbox .sfx-checkbox-input:not(:checked),.sfx-checkbox .sfx-checkbox-input:checked{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.sfx-checkbox .sfx-checkbox-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;padding-left:36px;font-family:neuzeit_groteskbold,sans-serif;margin:0;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{transform:translateZ(0);transition:all .2s ease-in;position:absolute;content:\"\";left:0;border-radius:2px}.sfx-checkbox .sfx-checkbox-input~label:after{position:absolute;content:\"\";left:0;border-radius:2px;top:0}.sfx-checkbox .sfx-checkbox-input~label .additional-info,.sfx-checkbox .sfx-checkbox-input~label .selected-additional-info{font-size:12px;color:#565656}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{width:9px;height:15px;border:none;top:1px;left:0;transform:rotate(37deg) scale(.1);transform-origin:100% 100%}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{width:20px;height:20px;border:2px solid #000;z-index:0;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:checked~label:before{top:3px;left:3px;width:6px;height:12px;border-top:0px solid transparent;border-left:0px solid transparent;border-bottom:2px solid #000;border-right:2px solid #000;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(37deg) scale(1);transform-origin:100% 100%;border-radius:0}.sfx-checkbox .sfx-checkbox-input:checked~label:after{width:20px;height:20px;background-color:#fff;border:2px solid #000;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}.sfx-checkbox:hover .sfx-checkbox-input~label .additional-info{color:#fff}.sfx-filter-label{font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.9375rem;padding-left:.3rem}.isInverse .sfx-filter-label{color:#fff}.isInverse .sfx-custom-dropdown-wrap input{background:#000;border-color:#565656;color:#fff}.isInverse .sfx-custom-dropdown-wrap:before{color:#fff}\n"], components: [{ type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "capitalizeFirstCharacter": CapitalizeFirstCharacterPipe } });
+InputSearchCheckboxDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputSearchCheckboxDropdownComponent, selector: "symphony-input-search-checkbox-dropdown", inputs: { isDisabled: "isDisabled", multiSelectSearch: "multiSelectSearch", enablePlaceHolder: "enablePlaceHolder", scrollHeightPercentage: "scrollHeightPercentage", isLoadingData: "isLoadingData", isLoadingInitialData: "isLoadingInitialData", isInverse: "isInverse" }, outputs: { deselectItem: "deselectItem", selectItem: "selectItem", searchInputChange: "searchInputChange", selectionRetain: "selectionRetain", clearAll: "clearAll", conditionCheck: "conditionCheck", createNewItem: "createNewItem", scrollEnd: "scrollEnd", initializeDropdown: "initializeDropdown" }, viewQueries: [{ propertyName: "pop", first: true, predicate: ["pop"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div [ngClass]=\"{ 'isInverse': isInverse }\">\n  <div\n    *ngIf=\"multiSelectSearch.componentHeading\"\n    class=\"sfx-filter-label sfx-d-inline-block\"\n  >\n    <b\n      >{{ enablePlaceHolder ? \"\" : multiSelectSearch.componentHeading }}\n      <span *ngIf=\"multiSelectSearch.required\" class=\"requiredField\">*</span>\n    </b>\n  </div>\n  <div *ngIf=\"multiSelectSearch.condition\" class=\"sfx-switch-field pull-right\">\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_one\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' AND ')\"\n      [checked]=\"multiSelectSearch.condition === ' AND '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_one\"\n      >and</label\n    >\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_two\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' OR ')\"\n      [checked]=\"multiSelectSearch.condition === ' OR '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_two\">or</label>\n  </div>\n  <div\n    class=\"sfx-custom-dropdown-wrap\"\n    [ngClass]=\"{ open: openDropdown }\"\n    dropdown\n    #dropdown=\"bs-dropdown\"\n    (onShown)=\"toggleDropdown()\"\n    [insideClick]=\"true\"\n    (onHidden)=\"onOkClick(true)\"\n  >\n    <input\n      [ngClass]=\"{ 'invalid-control': isInvalid }\"\n      (click)=\"dropdown.isOpen = true\"\n      type=\"text\"\n      id=\"{{ conditionSelectionId }}\"\n      [(ngModel)]=\"multiSelectSearch.searchInput\"\n      (ngModelChange)=\"onSearchInputChange()\"\n      dropdownToggle\n      popover=\"{{ popOverText() }}\"\n      containerClass=\"sfx-input-popover\"\n      triggers=\"\"\n      placement=\"top\"\n      #pop=\"bs-popover\"\n      (mouseenter)=\"showPop()\"\n      (mouseleave)=\"onPopMouseLeave()\"\n      (focus)=\"onFocusClick(true)\"\n      (blur)=\"onFocusClick(false)\"\n      class=\"sfx-placeholder\"\n      placeholder=\"{{\n        enablePlaceHolder ? multiSelectSearch.componentHeading : ''\n      }}\"\n      autocomplete=\"off\"\n      [disabled]=\"isDisabled\"\n    />\n    <div *dropdownMenu>\n      <div class=\"sfx-custom-dropdown\" *ngIf=\"openDropdown\">\n        <div *ngIf=\"multiSelectSearch.isSelectAllEnabled\" class=\"sfx-select-all-toggle\">\n          <span class=\"sfx-font-bold sfx-mr-10\">Select All</span>\n          <symphony-input-toggle\n          [isToggled]=\"isAllToggled\"\n          [isInverse]=\"false\"\n          (toggleClick)=\"onToggleClick($event)\"\n          ></symphony-input-toggle>\n        </div>\n        <!-- Create And Add Tags -->\n        <div\n          class=\"sfx-create-new-items\"\n          *ngIf=\"\n            multiSelectSearch.labelCreateNewItems &&\n            multiSelectSearch.showCreateNewItems\n          \"\n          (click)=\"onCreateNewItem()\"\n          [ngClass]=\"{\n            'sfx-font-bold': multiSelectSearch.showCreateNewModal\n          }\"\n        >\n          {{ multiSelectSearch.labelCreateNewItems }}\n          <span\n            class=\"sfx-font-bold\"\n            *ngIf=\"!multiSelectSearch.showCreateNewModal\"\n            >&nbsp;&apos;\n            {{ multiSelectSearch.searchInput | capitalizeFirstCharacter }}&apos;\n          </span>\n          <i class=\"sfx-icon-Plus sfx-create-new-items-icon\"></i>\n        </div>\n        <!-- Create And Add Tags ends here -->\n        <!-- selected list div -->\n        <div\n          class=\"sfx-dropdown-selected sfx-custom-scroll\"\n          *ngIf=\"multiSelectSearch.selectedDropdownList.length > 0 && !multiSelectSearch.isSelectAllEnabled\"\n        >\n          <div\n            class=\"sfx-d-inline-block\"\n            *ngFor=\"let selectedItem of multiSelectSearch.selectedDropdownList\"\n          >\n            <div\n              (click)=\"onDeselectItem(selectedItem); $event.stopPropagation()\"\n              class=\"sfx-checkbox sfx-d-inline-block\"\n            >\n              <input\n                type=\"checkbox\"\n                checked\n                class=\"sfx-checkbox-input\"\n                id=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n                >{{ selectedItem.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"selectedItem.additionalInfo\"\n                  class=\"selected-additional-info\"\n                >\n                  {{ selectedItem.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n        </div>\n        <!-- selected list div ends here -->\n        <!-- Search list  -->\n        <div\n          class=\"sfx-dropdown-unselected sfx-custom-scroll\"\n          (scroll)=\"scrollHandler($event)\"\n          *ngIf=\"multiSelectSearch.searchedDropdownList.length > 0\"\n        >\n          <div\n            id=\"dropdown-triggers-manually\"\n            *ngFor=\"\n              let filterDropdownOption of multiSelectSearch.searchedDropdownList\n            \"\n          >\n            <div class=\"sfx-checkbox\">\n              <input\n                type=\"checkbox\"\n                id=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                class=\"sfx-checkbox-input\"\n                [disabled]=\"multiSelectSearch.hasMaxSelections\"\n                (click)=\"\n                onSelectItem(filterDropdownOption); $event.stopPropagation()\n                \"\n                [(ngModel)]=\"filterDropdownOption.isChecked\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                >{{ filterDropdownOption.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"filterDropdownOption.additionalInfo\"\n                  class=\"additional-info\"\n                >\n                  {{ filterDropdownOption.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n          <div>\n            <symphony-sfx-loader\n              [hidden]=\"!isLoadingData\"\n            ></symphony-sfx-loader>\n          </div>\n        </div>\n        <symphony-sfx-loader\n          [hidden]=\"!isLoadingInitialData\"\n        ></symphony-sfx-loader>\n        <!-- search list ends here -->\n        <!-- Footer -->\n        <div *ngIf=\"openDropdown\" class=\"sfx-filter-item-footer\">\n          <button\n            type=\"button\"\n            class=\"pull-left\"\n            [disabled]=\"\n              !(\n                multiSelectSearch.selectedDropdownList &&\n                multiSelectSearch.selectedDropdownList.length > 0\n              )\n            \"\n            (click)=\"onClearAllClick()\"\n          >\n            Clear All\n          </button>\n          <a href=\"javascript:;\" (click)=\"onOkClick()\" class=\"pull-right\">OK</a>\n        </div>\n        <!-- End Footer -->\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"isInvalid\" class=\"error-message\">\n    Please select a valid option\n  </div>\n</div>", styles: [".sfx-input-popover{word-wrap:break-word;max-width:100%}.sfx-placeholder::placeholder{color:#000}.requiredField,.error-message{color:#d60000}.invalid-control{border:1px solid #d60000!important}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #000;border-right:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000}.sfx-custom-dropdown-wrap{position:relative;padding:.3rem;width:100%}.sfx-custom-dropdown-wrap input{width:100%;border:1px solid #d0d0d0;height:40px;border-radius:4px;background:#fff;color:#000;outline:none;padding-left:.9375rem;padding-right:1.25rem}.sfx-custom-dropdown-wrap:before{top:14px;right:15px;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown{background:#fff;position:absolute;width:100%;z-index:4;left:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox{margin:0;padding:.625rem 1.25rem}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover{background:#000;color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked{position:relative}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input~label{color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#fff;border-right-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#000;border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected{border-bottom:1px solid #d9d9d9;padding-bottom:.625rem;padding-top:.625rem;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover{background:#fff;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked{position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#000;border-right-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#fff;border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected{padding-bottom:.625rem;padding-top:.625rem;border-bottom:1px solid #d9d9d9;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-select-all-toggle{padding:15px 20px;border-bottom:1px solid #d9d9d9}.sfx-custom-dropdown-wrap.open{background:#fff}.sfx-custom-dropdown-wrap.open .tree-node-checkbox{height:auto;width:auto}.sfx-custom-dropdown-wrap.open .sfx-create-new-items{padding:.625rem 1.5625rem .625rem 1.25rem;position:relative;border-bottom:1px solid #d0d0d0;cursor:pointer}.sfx-custom-dropdown-wrap.open .sfx-create-new-items .sfx-create-new-items-icon{font-size:.625rem;position:absolute;right:.9375rem;top:.9375rem}.sfx-custom-dropdown-wrap.open input{z-index:2;position:relative;background:#000;color:#fff}.sfx-custom-dropdown-wrap.open:before{z-index:3;color:#fff}.sfx-custom-dropdown-wrap.open:after{content:\" \";position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;z-index:1;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap:before{content:\"\\e93f\";font-family:library-icons!important;font-size:14px;display:inline-block;position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar{width:12px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-track,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb:hover,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb:hover{cursor:pointer}.sfx-filter-item-footer{display:inline-block;width:100%;padding:1.875rem 1.25rem 1.5625rem;font-family:neuzeit_groteskbold,sans-serif}.sfx-filter-item-footer a{cursor:pointer}.sfx-filter-item-footer button{color:#eb0d8b;background:transparent;border:none;padding:0}.sfx-filter-item-footer button:disabled{opacity:.5;cursor:not-allowed}.sfx-checkbox .sfx-checkbox-input~label{color:#fff}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #fff;border-right:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#212121;border:2px solid #fff}.sfx-checkbox{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sfx-checkbox .sfx-checkbox-input:not(:checked),.sfx-checkbox .sfx-checkbox-input:checked{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.sfx-checkbox .sfx-checkbox-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;padding-left:36px;font-family:neuzeit_groteskbold,sans-serif;margin:0;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{transform:translateZ(0);transition:all 0s ease-in;position:absolute;content:\"\";left:0;border-radius:2px}.sfx-checkbox .sfx-checkbox-input~label:after{position:absolute;content:\"\";left:0;border-radius:2px;top:0}.sfx-checkbox .sfx-checkbox-input~label .additional-info,.sfx-checkbox .sfx-checkbox-input~label .selected-additional-info{font-size:12px;color:#565656}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{width:9px;height:15px;border:none;top:1px;left:0;transform:rotate(37deg) scale(.1);transform-origin:100% 100%}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{width:20px;height:20px;border:2px solid #000;z-index:0;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:checked~label:before{top:3px;left:3px;width:6px;height:12px;border-top:0px solid transparent;border-left:0px solid transparent;border-bottom:2px solid #000;border-right:2px solid #000;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(37deg) scale(1);transform-origin:100% 100%;border-radius:0}.sfx-checkbox .sfx-checkbox-input:checked~label:after{width:20px;height:20px;background-color:#fff;border:2px solid #000;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}.sfx-checkbox:hover .sfx-checkbox-input~label .additional-info{color:#fff}.sfx-filter-label{font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.9375rem;padding-left:.3rem}.isInverse .sfx-filter-label{color:#fff}.isInverse .sfx-custom-dropdown-wrap input{background:#000;border-color:#565656;color:#fff}.isInverse .sfx-custom-dropdown-wrap:before{color:#fff}\n"], components: [{ type: InputToggleComponent, selector: "symphony-input-toggle", inputs: ["isToggled", "isInverse"], outputs: ["toggleClick"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }], pipes: { "capitalizeFirstCharacter": CapitalizeFirstCharacterPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-search-checkbox-dropdown', template: "\n<div [ngClass]=\"{ 'isInverse': isInverse }\">\n  <div\n    *ngIf=\"multiSelectSearch.componentHeading\"\n    class=\"sfx-filter-label sfx-d-inline-block\"\n  >\n    <b\n      >{{ enablePlaceHolder ? \"\" : multiSelectSearch.componentHeading }}\n      <span *ngIf=\"multiSelectSearch.required\" class=\"requiredField\">*</span>\n    </b>\n  </div>\n  <div *ngIf=\"multiSelectSearch.condition\" class=\"sfx-switch-field pull-right\">\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_one\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' AND ')\"\n      [checked]=\"multiSelectSearch.condition === ' AND '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_one\"\n      >and</label\n    >\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_two\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' OR ')\"\n      [checked]=\"multiSelectSearch.condition === ' OR '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_two\">or</label>\n  </div>\n  <div\n    class=\"sfx-custom-dropdown-wrap\"\n    [ngClass]=\"{ open: openDropdown }\"\n    dropdown\n    #dropdown=\"bs-dropdown\"\n    (onShown)=\"toggleDropdown()\"\n    [insideClick]=\"true\"\n    (onHidden)=\"onOkClick(true)\"\n  >\n    <input\n      [ngClass]=\"{ 'invalid-control': isInvalid }\"\n      (click)=\"dropdown.isOpen = true\"\n      type=\"text\"\n      id=\"{{ conditionSelectionId }}\"\n      [(ngModel)]=\"multiSelectSearch.searchInput\"\n      (ngModelChange)=\"onSearchInputChange()\"\n      dropdownToggle\n      popover=\"{{ popOverText() }}\"\n      containerClass=\"sfx-input-popover\"\n      triggers=\"\"\n      placement=\"top\"\n      #pop=\"bs-popover\"\n      (mouseenter)=\"showPop()\"\n      (mouseleave)=\"onPopMouseLeave()\"\n      (focus)=\"onFocusClick(true)\"\n      (blur)=\"onFocusClick(false)\"\n      class=\"sfx-placeholder\"\n      placeholder=\"{{\n        enablePlaceHolder ? multiSelectSearch.componentHeading : ''\n      }}\"\n      autocomplete=\"off\"\n      [disabled]=\"isDisabled\"\n    />\n    <div *dropdownMenu>\n      <div class=\"sfx-custom-dropdown\" *ngIf=\"openDropdown\">\n        <!-- Create And Add Tags -->\n        <div\n          class=\"sfx-create-new-items\"\n          *ngIf=\"\n            multiSelectSearch.labelCreateNewItems &&\n            multiSelectSearch.showCreateNewItems\n          \"\n          (click)=\"onCreateNewItem()\"\n          [ngClass]=\"{\n            'sfx-font-bold': multiSelectSearch.showCreateNewModal\n          }\"\n        >\n          {{ multiSelectSearch.labelCreateNewItems }}\n          <span\n            class=\"sfx-font-bold\"\n            *ngIf=\"!multiSelectSearch.showCreateNewModal\"\n            >&nbsp;&apos;\n            {{ multiSelectSearch.searchInput | capitalizeFirstCharacter }}&apos;\n          </span>\n          <i class=\"sfx-icon-Plus sfx-create-new-items-icon\"></i>\n        </div>\n        <!-- Create And Add Tags ends here -->\n        <!-- selected list div -->\n        <div\n          class=\"sfx-dropdown-selected sfx-custom-scroll\"\n          *ngIf=\"multiSelectSearch.selectedDropdownList.length > 0\"\n        >\n          <div\n            class=\"sfx-d-inline-block\"\n            *ngFor=\"let selectedItem of multiSelectSearch.selectedDropdownList\"\n          >\n            <div\n              (click)=\"onDeselectItem(selectedItem); $event.stopPropagation()\"\n              class=\"sfx-checkbox sfx-d-inline-block\"\n            >\n              <input\n                type=\"checkbox\"\n                checked\n                class=\"sfx-checkbox-input\"\n                id=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n                >{{ selectedItem.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"selectedItem.additionalInfo\"\n                  class=\"selected-additional-info\"\n                >\n                  {{ selectedItem.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n        </div>\n        <!-- selected list div ends here -->\n        <!-- Search list  -->\n        <div\n          class=\"sfx-dropdown-unselected sfx-custom-scroll\"\n          (scroll)=\"scrollHandler($event)\"\n          *ngIf=\"multiSelectSearch.searchedDropdownList.length > 0\"\n        >\n          <div\n            id=\"dropdown-triggers-manually\"\n            *ngFor=\"\n              let filterDropdownOption of multiSelectSearch.searchedDropdownList\n            \"\n          >\n            <div class=\"sfx-checkbox\">\n              <input\n                type=\"checkbox\"\n                id=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                class=\"sfx-checkbox-input\"\n                [disabled]=\"multiSelectSearch.hasMaxSelections\"\n                (click)=\"\n                  onSelectItem(filterDropdownOption); $event.stopPropagation()\n                \"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                >{{ filterDropdownOption.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"filterDropdownOption.additionalInfo\"\n                  class=\"additional-info\"\n                >\n                  {{ filterDropdownOption.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n          <div>\n            <symphony-sfx-loader\n              [hidden]=\"!isLoadingData\"\n            ></symphony-sfx-loader>\n          </div>\n        </div>\n        <symphony-sfx-loader\n          [hidden]=\"!isLoadingInitialData\"\n        ></symphony-sfx-loader>\n        <!-- search list ends here -->\n        <!-- Footer -->\n        <div *ngIf=\"openDropdown\" class=\"sfx-filter-item-footer\">\n          <button\n            type=\"button\"\n            class=\"pull-left\"\n            [disabled]=\"\n              !(\n                multiSelectSearch.selectedDropdownList &&\n                multiSelectSearch.selectedDropdownList.length > 0\n              )\n            \"\n            (click)=\"onClearAllClick()\"\n          >\n            Clear All\n          </button>\n          <a href=\"javascript:;\" (click)=\"onOkClick()\" class=\"pull-right\">OK</a>\n        </div>\n        <!-- End Footer -->\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"isInvalid\" class=\"error-message\">\n    Please select a valid option\n  </div>\n</div>", styles: [".sfx-input-popover{word-wrap:break-word;max-width:100%}.sfx-placeholder::placeholder{color:#000}.requiredField,.error-message{color:#d60000}.invalid-control{border:1px solid #d60000!important}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #000;border-right:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000}.sfx-custom-dropdown-wrap{position:relative;padding:.3rem;width:100%}.sfx-custom-dropdown-wrap input{width:100%;border:1px solid #d0d0d0;height:40px;border-radius:4px;background:#fff;color:#000;outline:none;padding-left:.9375rem;padding-right:1.25rem}.sfx-custom-dropdown-wrap:before{top:14px;right:15px;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown{background:#fff;position:absolute;width:100%;z-index:4;left:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox{margin:0;padding:.625rem 1.25rem}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover{background:#000;color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked{position:relative}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input~label{color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#fff;border-right-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#000;border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected{border-bottom:1px solid #d9d9d9;padding-bottom:.625rem;padding-top:.625rem;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover{background:#fff;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked{position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#000;border-right-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#fff;border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected{padding-bottom:.625rem;padding-top:.625rem;border-bottom:1px solid #d9d9d9;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap.open{background:#fff}.sfx-custom-dropdown-wrap.open .tree-node-checkbox{height:auto;width:auto}.sfx-custom-dropdown-wrap.open .sfx-create-new-items{padding:.625rem 1.5625rem .625rem 1.25rem;position:relative;border-bottom:1px solid #d0d0d0;cursor:pointer}.sfx-custom-dropdown-wrap.open .sfx-create-new-items .sfx-create-new-items-icon{font-size:.625rem;position:absolute;right:.9375rem;top:.9375rem}.sfx-custom-dropdown-wrap.open input{z-index:2;position:relative;background:#000;color:#fff}.sfx-custom-dropdown-wrap.open:before{z-index:3;color:#fff}.sfx-custom-dropdown-wrap.open:after{content:\" \";position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;z-index:1;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap:before{content:\"\\e93f\";font-family:library-icons!important;font-size:14px;display:inline-block;position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar{width:12px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-track,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb:hover,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb:hover{cursor:pointer}.sfx-filter-item-footer{display:inline-block;width:100%;padding:1.875rem 1.25rem 1.5625rem;font-family:neuzeit_groteskbold,sans-serif}.sfx-filter-item-footer a{cursor:pointer}.sfx-filter-item-footer button{color:#eb0d8b;background:transparent;border:none;padding:0}.sfx-filter-item-footer button:disabled{opacity:.5;cursor:not-allowed}.sfx-checkbox .sfx-checkbox-input~label{color:#fff}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #fff;border-right:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#212121;border:2px solid #fff}.sfx-checkbox{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sfx-checkbox .sfx-checkbox-input:not(:checked),.sfx-checkbox .sfx-checkbox-input:checked{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.sfx-checkbox .sfx-checkbox-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;padding-left:36px;font-family:neuzeit_groteskbold,sans-serif;margin:0;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{transform:translateZ(0);transition:all .2s ease-in;position:absolute;content:\"\";left:0;border-radius:2px}.sfx-checkbox .sfx-checkbox-input~label:after{position:absolute;content:\"\";left:0;border-radius:2px;top:0}.sfx-checkbox .sfx-checkbox-input~label .additional-info,.sfx-checkbox .sfx-checkbox-input~label .selected-additional-info{font-size:12px;color:#565656}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{width:9px;height:15px;border:none;top:1px;left:0;transform:rotate(37deg) scale(.1);transform-origin:100% 100%}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{width:20px;height:20px;border:2px solid #000;z-index:0;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:checked~label:before{top:3px;left:3px;width:6px;height:12px;border-top:0px solid transparent;border-left:0px solid transparent;border-bottom:2px solid #000;border-right:2px solid #000;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(37deg) scale(1);transform-origin:100% 100%;border-radius:0}.sfx-checkbox .sfx-checkbox-input:checked~label:after{width:20px;height:20px;background-color:#fff;border:2px solid #000;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}.sfx-checkbox:hover .sfx-checkbox-input~label .additional-info{color:#fff}.sfx-filter-label{font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.9375rem;padding-left:.3rem}.isInverse .sfx-filter-label{color:#fff}.isInverse .sfx-custom-dropdown-wrap input{background:#000;border-color:#565656;color:#fff}.isInverse .sfx-custom-dropdown-wrap:before{color:#fff}\n"] }]
+            args: [{ selector: 'symphony-input-search-checkbox-dropdown', template: "\n<div [ngClass]=\"{ 'isInverse': isInverse }\">\n  <div\n    *ngIf=\"multiSelectSearch.componentHeading\"\n    class=\"sfx-filter-label sfx-d-inline-block\"\n  >\n    <b\n      >{{ enablePlaceHolder ? \"\" : multiSelectSearch.componentHeading }}\n      <span *ngIf=\"multiSelectSearch.required\" class=\"requiredField\">*</span>\n    </b>\n  </div>\n  <div *ngIf=\"multiSelectSearch.condition\" class=\"sfx-switch-field pull-right\">\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_one\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' AND ')\"\n      [checked]=\"multiSelectSearch.condition === ' AND '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_one\"\n      >and</label\n    >\n    <input\n      type=\"radio\"\n      id=\"radio_{{ conditionSelectionId }}_two\"\n      name=\"radio_{{ conditionSelectionId }}\"\n      value=\"yes\"\n      (click)=\"onConditionClick(' OR ')\"\n      [checked]=\"multiSelectSearch.condition === ' OR '\"\n    />\n    <label class=\"Font400\" for=\"radio_{{ conditionSelectionId }}_two\">or</label>\n  </div>\n  <div\n    class=\"sfx-custom-dropdown-wrap\"\n    [ngClass]=\"{ open: openDropdown }\"\n    dropdown\n    #dropdown=\"bs-dropdown\"\n    (onShown)=\"toggleDropdown()\"\n    [insideClick]=\"true\"\n    (onHidden)=\"onOkClick(true)\"\n  >\n    <input\n      [ngClass]=\"{ 'invalid-control': isInvalid }\"\n      (click)=\"dropdown.isOpen = true\"\n      type=\"text\"\n      id=\"{{ conditionSelectionId }}\"\n      [(ngModel)]=\"multiSelectSearch.searchInput\"\n      (ngModelChange)=\"onSearchInputChange()\"\n      dropdownToggle\n      popover=\"{{ popOverText() }}\"\n      containerClass=\"sfx-input-popover\"\n      triggers=\"\"\n      placement=\"top\"\n      #pop=\"bs-popover\"\n      (mouseenter)=\"showPop()\"\n      (mouseleave)=\"onPopMouseLeave()\"\n      (focus)=\"onFocusClick(true)\"\n      (blur)=\"onFocusClick(false)\"\n      class=\"sfx-placeholder\"\n      placeholder=\"{{\n        enablePlaceHolder ? multiSelectSearch.componentHeading : ''\n      }}\"\n      autocomplete=\"off\"\n      [disabled]=\"isDisabled\"\n    />\n    <div *dropdownMenu>\n      <div class=\"sfx-custom-dropdown\" *ngIf=\"openDropdown\">\n        <div *ngIf=\"multiSelectSearch.isSelectAllEnabled\" class=\"sfx-select-all-toggle\">\n          <span class=\"sfx-font-bold sfx-mr-10\">Select All</span>\n          <symphony-input-toggle\n          [isToggled]=\"isAllToggled\"\n          [isInverse]=\"false\"\n          (toggleClick)=\"onToggleClick($event)\"\n          ></symphony-input-toggle>\n        </div>\n        <!-- Create And Add Tags -->\n        <div\n          class=\"sfx-create-new-items\"\n          *ngIf=\"\n            multiSelectSearch.labelCreateNewItems &&\n            multiSelectSearch.showCreateNewItems\n          \"\n          (click)=\"onCreateNewItem()\"\n          [ngClass]=\"{\n            'sfx-font-bold': multiSelectSearch.showCreateNewModal\n          }\"\n        >\n          {{ multiSelectSearch.labelCreateNewItems }}\n          <span\n            class=\"sfx-font-bold\"\n            *ngIf=\"!multiSelectSearch.showCreateNewModal\"\n            >&nbsp;&apos;\n            {{ multiSelectSearch.searchInput | capitalizeFirstCharacter }}&apos;\n          </span>\n          <i class=\"sfx-icon-Plus sfx-create-new-items-icon\"></i>\n        </div>\n        <!-- Create And Add Tags ends here -->\n        <!-- selected list div -->\n        <div\n          class=\"sfx-dropdown-selected sfx-custom-scroll\"\n          *ngIf=\"multiSelectSearch.selectedDropdownList.length > 0 && !multiSelectSearch.isSelectAllEnabled\"\n        >\n          <div\n            class=\"sfx-d-inline-block\"\n            *ngFor=\"let selectedItem of multiSelectSearch.selectedDropdownList\"\n          >\n            <div\n              (click)=\"onDeselectItem(selectedItem); $event.stopPropagation()\"\n              class=\"sfx-checkbox sfx-d-inline-block\"\n            >\n              <input\n                type=\"checkbox\"\n                checked\n                class=\"sfx-checkbox-input\"\n                id=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ selectedItem.id }}_{{ selectedItem.name }}\"\n                >{{ selectedItem.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"selectedItem.additionalInfo\"\n                  class=\"selected-additional-info\"\n                >\n                  {{ selectedItem.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n        </div>\n        <!-- selected list div ends here -->\n        <!-- Search list  -->\n        <div\n          class=\"sfx-dropdown-unselected sfx-custom-scroll\"\n          (scroll)=\"scrollHandler($event)\"\n          *ngIf=\"multiSelectSearch.searchedDropdownList.length > 0\"\n        >\n          <div\n            id=\"dropdown-triggers-manually\"\n            *ngFor=\"\n              let filterDropdownOption of multiSelectSearch.searchedDropdownList\n            \"\n          >\n            <div class=\"sfx-checkbox\">\n              <input\n                type=\"checkbox\"\n                id=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                class=\"sfx-checkbox-input\"\n                [disabled]=\"multiSelectSearch.hasMaxSelections\"\n                (click)=\"\n                onSelectItem(filterDropdownOption); $event.stopPropagation()\n                \"\n                [(ngModel)]=\"filterDropdownOption.isChecked\"\n              />\n              <label\n                class=\"Font400\"\n                for=\"{{ filterDropdownOption.id }}_{{\n                  filterDropdownOption.name\n                }}\"\n                >{{ filterDropdownOption.name | capitalizeFirstCharacter }}\n                <br />\n                <span\n                  *ngIf=\"filterDropdownOption.additionalInfo\"\n                  class=\"additional-info\"\n                >\n                  {{ filterDropdownOption.additionalInfo }}</span\n                >\n              </label>\n            </div>\n            <div></div>\n          </div>\n          <div>\n            <symphony-sfx-loader\n              [hidden]=\"!isLoadingData\"\n            ></symphony-sfx-loader>\n          </div>\n        </div>\n        <symphony-sfx-loader\n          [hidden]=\"!isLoadingInitialData\"\n        ></symphony-sfx-loader>\n        <!-- search list ends here -->\n        <!-- Footer -->\n        <div *ngIf=\"openDropdown\" class=\"sfx-filter-item-footer\">\n          <button\n            type=\"button\"\n            class=\"pull-left\"\n            [disabled]=\"\n              !(\n                multiSelectSearch.selectedDropdownList &&\n                multiSelectSearch.selectedDropdownList.length > 0\n              )\n            \"\n            (click)=\"onClearAllClick()\"\n          >\n            Clear All\n          </button>\n          <a href=\"javascript:;\" (click)=\"onOkClick()\" class=\"pull-right\">OK</a>\n        </div>\n        <!-- End Footer -->\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"isInvalid\" class=\"error-message\">\n    Please select a valid option\n  </div>\n</div>", styles: [".sfx-input-popover{word-wrap:break-word;max-width:100%}.sfx-placeholder::placeholder{color:#000}.requiredField,.error-message{color:#d60000}.invalid-control{border:1px solid #d60000!important}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #000;border-right:2px solid #000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000}.sfx-custom-dropdown-wrap{position:relative;padding:.3rem;width:100%}.sfx-custom-dropdown-wrap input{width:100%;border:1px solid #d0d0d0;height:40px;border-radius:4px;background:#fff;color:#000;outline:none;padding-left:.9375rem;padding-right:1.25rem}.sfx-custom-dropdown-wrap:before{top:14px;right:15px;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown{background:#fff;position:absolute;width:100%;z-index:4;left:0;border-width:0px 1px 1px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox{margin:0;padding:.625rem 1.25rem}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover{background:#000;color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked{position:relative}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input~label{color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#fff;border-right-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#000;border-color:#fff}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected{border-bottom:1px solid #d9d9d9;padding-bottom:.625rem;padding-top:.625rem;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover{background:#fff;color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked),.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked{position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input~label{color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:not(:checked)~label:after{border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:before{border-bottom-color:#000;border-right-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected .sfx-checkbox:hover .sfx-checkbox-input:checked~label:after{background-color:#fff;border-color:#000}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected{padding-bottom:.625rem;padding-top:.625rem;border-bottom:1px solid #d9d9d9;max-height:220px;overflow-y:auto}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-select-all-toggle{padding:15px 20px;border-bottom:1px solid #d9d9d9}.sfx-custom-dropdown-wrap.open{background:#fff}.sfx-custom-dropdown-wrap.open .tree-node-checkbox{height:auto;width:auto}.sfx-custom-dropdown-wrap.open .sfx-create-new-items{padding:.625rem 1.5625rem .625rem 1.25rem;position:relative;border-bottom:1px solid #d0d0d0;cursor:pointer}.sfx-custom-dropdown-wrap.open .sfx-create-new-items .sfx-create-new-items-icon{font-size:.625rem;position:absolute;right:.9375rem;top:.9375rem}.sfx-custom-dropdown-wrap.open input{z-index:2;position:relative;background:#000;color:#fff}.sfx-custom-dropdown-wrap.open:before{z-index:3;color:#fff}.sfx-custom-dropdown-wrap.open:after{content:\" \";position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;z-index:1;border-width:1px 1px 0px 1px;border-style:solid;border-color:#d9d9d9}.sfx-custom-dropdown-wrap:before{content:\"\\e93f\";font-family:library-icons!important;font-size:14px;display:inline-block;position:absolute}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar{width:12px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-track,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-selected::-webkit-scrollbar-thumb:hover,.sfx-custom-dropdown-wrap .sfx-custom-dropdown .sfx-dropdown-unselected::-webkit-scrollbar-thumb:hover{cursor:pointer}.sfx-filter-item-footer{display:inline-block;width:100%;padding:1.875rem 1.25rem 1.5625rem;font-family:neuzeit_groteskbold,sans-serif}.sfx-filter-item-footer a{cursor:pointer}.sfx-filter-item-footer button{color:#eb0d8b;background:transparent;border:none;padding:0}.sfx-filter-item-footer button:disabled{opacity:.5;cursor:not-allowed}.sfx-checkbox .sfx-checkbox-input~label{color:#fff}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:before{border-bottom:2px solid #fff;border-right:2px solid #fff}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#212121;border:2px solid #fff}.sfx-checkbox{margin:10px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sfx-checkbox .sfx-checkbox-input:not(:checked),.sfx-checkbox .sfx-checkbox-input:checked{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.sfx-checkbox .sfx-checkbox-input~label{display:inline-block;position:relative;cursor:pointer;height:100%;line-height:20px;font-size:14px;color:#000;padding-left:36px;font-family:neuzeit_groteskbold,sans-serif;margin:0;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{transform:translateZ(0);transition:all 0s ease-in;position:absolute;content:\"\";left:0;border-radius:2px}.sfx-checkbox .sfx-checkbox-input~label:after{position:absolute;content:\"\";left:0;border-radius:2px;top:0}.sfx-checkbox .sfx-checkbox-input~label .additional-info,.sfx-checkbox .sfx-checkbox-input~label .selected-additional-info{font-size:12px;color:#565656}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{width:9px;height:15px;border:none;top:1px;left:0;transform:rotate(37deg) scale(.1);transform-origin:100% 100%}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{width:20px;height:20px;border:2px solid #000;z-index:0;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:checked~label:before{top:3px;left:3px;width:6px;height:12px;border-top:0px solid transparent;border-left:0px solid transparent;border-bottom:2px solid #000;border-right:2px solid #000;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(37deg) scale(1);transform-origin:100% 100%;border-radius:0}.sfx-checkbox .sfx-checkbox-input:checked~label:after{width:20px;height:20px;background-color:#fff;border:2px solid #000;border-radius:4px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}.sfx-checkbox:hover .sfx-checkbox-input~label .additional-info{color:#fff}.sfx-filter-label{font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.9375rem;padding-left:.3rem}.isInverse .sfx-filter-label{color:#fff}.isInverse .sfx-custom-dropdown-wrap input{background:#000;border-color:#565656;color:#fff}.isInverse .sfx-custom-dropdown-wrap:before{color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: CapitalizeFirstCharacterPipe }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { pop: [{
                 type: ViewChild,
                 args: ['pop', { static: false }]
@@ -1992,14 +2018,16 @@ InputSearchCheckboxDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion:
 InputSearchCheckboxDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, declarations: [InputSearchCheckboxDropdownComponent,
         CapitalizeFirstCharacterPipe], imports: [i1$1.BsDropdownModule, BrowserAnimationsModule,
         CommonModule,
-        FormsModule, i6.PopoverModule, SfxLoaderModule], exports: [InputSearchCheckboxDropdownComponent] });
+        FormsModule, i7.PopoverModule, SfxLoaderModule,
+        InputToggleModule], exports: [InputSearchCheckboxDropdownComponent] });
 InputSearchCheckboxDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, imports: [[
             BsDropdownModule.forRoot(),
             BrowserAnimationsModule,
             CommonModule,
             FormsModule,
             PopoverModule.forRoot(),
-            SfxLoaderModule
+            SfxLoaderModule,
+            InputToggleModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputSearchCheckboxDropdownModule, decorators: [{
             type: NgModule,
@@ -2014,7 +2042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         CommonModule,
                         FormsModule,
                         PopoverModule.forRoot(),
-                        SfxLoaderModule
+                        SfxLoaderModule,
+                        InputToggleModule
                     ],
                     exports: [InputSearchCheckboxDropdownComponent],
                 }]
@@ -6392,10 +6421,10 @@ 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", jobTitleclicked: "jobTitleclicked" }, 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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  </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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i1.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", jobTitleclicked: "jobTitleclicked" }, 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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i1.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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  </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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
+            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-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\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  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
                 type: Input
             }], addButtonClicked: [{