@symphony-talent/component-library 3.55.0 → 3.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/esm2020/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  2. package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +3 -3
  3. package/esm2020/lib/pages/job-list-page/job-list-page.model.mjs +1 -1
  4. package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  5. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +3 -3
  6. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.model.mjs +1 -1
  7. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
  8. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2015/symphony-talent-component-library.mjs +4 -4
  10. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  11. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
  12. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library.mjs +4 -4
  14. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  15. package/lib/atoms/filter-area/filter-area.component.d.ts +1 -1
  16. package/lib/pages/job-list-page/job-list-page.component.d.ts +1 -1
  17. package/lib/pages/job-list-page/job-list-page.model.d.ts +1 -1
  18. package/package.json +1 -1
  19. package/projects/component-library/lib/atoms/filter-area/filter-area.component.d.ts +1 -1
  20. package/projects/component-library/lib/pages/job-list-page/job-list-page.component.d.ts +1 -1
  21. package/projects/component-library/lib/pages/job-list-page/job-list-page.model.d.ts +1 -1
@@ -247,10 +247,10 @@ class FilterAreaComponent {
247
247
  constructor() { }
248
248
  }
249
249
  FilterAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
250
- 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=\"[filter-1]\"></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=\"[filter-2]\"></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=\"[filter-3]\"></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=\"[filter-4]\"></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=\"[filter-5]\"></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=\"[filter-6]\"></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=\"[filter-7]\"></ng-content>\n </div>\n\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
250
+ 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"] });
251
251
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, decorators: [{
252
252
  type: Component,
253
- 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=\"[filter-1]\"></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=\"[filter-2]\"></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=\"[filter-3]\"></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=\"[filter-4]\"></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=\"[filter-5]\"></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=\"[filter-6]\"></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=\"[filter-7]\"></ng-content>\n </div>\n\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
253
+ 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"] }]
254
254
  }], ctorParameters: function () { return []; } });
255
255
 
256
256
  class FilterAreaModule {
@@ -6329,10 +6329,10 @@ class JobListPageComponent {
6329
6329
  }
6330
6330
  }
6331
6331
  JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6332
- 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 [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 <ng-content *ngIf=\"jobListModel.overrideFilterOne\" select=\"[filter-1]\"></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"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
6332
+ 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"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
6333
6333
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
6334
6334
  type: Component,
6335
- 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 [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 <ng-content *ngIf=\"jobListModel.overrideFilterOne\" select=\"[filter-1]\"></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: [""] }]
6335
+ 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: [""] }]
6336
6336
  }], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
6337
6337
  type: Input
6338
6338
  }], addButtonClicked: [{