@symphony-talent/component-library 4.32.0 → 4.33.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 (26) hide show
  1. package/esm2020/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  2. package/esm2020/lib/organisms/action-bar/action-bar.component.mjs +2 -2
  3. package/esm2020/lib/pages/feedback-request-page/feedback-request-page.component.mjs +7 -6
  4. package/esm2020/lib/pages/feedback-request-page/feedback-request-page.module.mjs +6 -2
  5. package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +12 -11
  6. package/esm2020/lib/pages/job-list-page/job-list-page.module.mjs +6 -2
  7. package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  8. package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs +2 -2
  9. package/esm2020/projects/component-library/lib/pages/feedback-request-page/feedback-request-page.component.mjs +7 -6
  10. package/esm2020/projects/component-library/lib/pages/feedback-request-page/feedback-request-page.module.mjs +6 -2
  11. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +12 -11
  12. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.module.mjs +6 -2
  13. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +16 -10
  14. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  15. package/fesm2015/symphony-talent-component-library.mjs +16 -10
  16. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  17. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +16 -10
  18. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  19. package/fesm2020/symphony-talent-component-library.mjs +16 -10
  20. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  21. package/lib/pages/feedback-request-page/feedback-request-page.module.d.ts +2 -1
  22. package/lib/pages/job-list-page/job-list-page.module.d.ts +2 -1
  23. package/package.json +1 -1
  24. package/projects/component-library/global.scss +3 -0
  25. package/projects/component-library/lib/pages/feedback-request-page/feedback-request-page.module.d.ts +2 -1
  26. package/projects/component-library/lib/pages/job-list-page/job-list-page.module.d.ts +2 -1
@@ -342,10 +342,10 @@ class FilterAreaComponent {
342
342
  constructor() { }
343
343
  }
344
344
  FilterAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
345
- 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 sfx-txt-white\">\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:#D2D8E5;padding:1.875rem 2.5rem;border-radius:0px 0px 1.25rem 1.25rem}\n"] });
345
+ 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-slate-4 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 sfx-txt-white\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\n <ng-content select=\"[filter7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem}\n"] });
346
346
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, decorators: [{
347
347
  type: Component,
348
- 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 sfx-txt-white\">\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:#D2D8E5;padding:1.875rem 2.5rem;border-radius:0px 0px 1.25rem 1.25rem}\n"] }]
348
+ args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-slate-4 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 sfx-txt-white\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\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-20\">\n <ng-content select=\"[filter7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem}\n"] }]
349
349
  }], ctorParameters: function () { return []; } });
350
350
 
351
351
  class FilterAreaModule {
@@ -3835,10 +3835,10 @@ class ActionBarComponent {
3835
3835
  }
3836
3836
  }
3837
3837
  ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3838
- ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
3838
+ ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
3839
3839
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
3840
3840
  type: Component,
3841
- args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
3841
+ args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
3842
3842
  }], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
3843
3843
  type: Input
3844
3844
  }], hasActionToggle: [{
@@ -7290,10 +7290,10 @@ class JobListPageComponent {
7290
7290
  }
7291
7291
  }
7292
7292
  JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7293
- JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: 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: AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { 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", "size"], 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", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7293
+ JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: 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: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { 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", "size"], 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", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7294
7294
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
7295
7295
  type: Component,
7296
- 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 class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
7296
+ args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n class=\"sfx-position-relative\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n <symphony-advance-filter-selected-counter\n *ngIf=\"jobListModel.advancedSearchFilterCount\"\n [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n ></symphony-advance-filter-selected-counter>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
7297
7297
  }], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
7298
7298
  type: Input
7299
7299
  }], addButtonClicked: [{
@@ -7349,7 +7349,8 @@ JobListPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
7349
7349
  InputTextModule,
7350
7350
  ActionBarJobListModule,
7351
7351
  PlaceholderModule,
7352
- AdvanceFilterSelectedCounterModule], exports: [JobListPageComponent] });
7352
+ AdvanceFilterSelectedCounterModule,
7353
+ H4Module], exports: [JobListPageComponent] });
7353
7354
  JobListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, imports: [[
7354
7355
  CommonModule,
7355
7356
  ContactListTemplateModule,
@@ -7365,6 +7366,7 @@ JobListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
7365
7366
  ActionBarJobListModule,
7366
7367
  PlaceholderModule,
7367
7368
  AdvanceFilterSelectedCounterModule,
7369
+ H4Module
7368
7370
  ]] });
7369
7371
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, decorators: [{
7370
7372
  type: NgModule,
@@ -7385,6 +7387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
7385
7387
  ActionBarJobListModule,
7386
7388
  PlaceholderModule,
7387
7389
  AdvanceFilterSelectedCounterModule,
7390
+ H4Module
7388
7391
  ],
7389
7392
  exports: [JobListPageComponent],
7390
7393
  }]
@@ -7412,10 +7415,10 @@ class FeedbackRequestListPageComponent {
7412
7415
  }
7413
7416
  }
7414
7417
  FeedbackRequestListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7415
- FeedbackRequestListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackRequestListPageComponent, selector: "symphony-feedback-request-list-page", inputs: { model: "model" }, outputs: { itemClicked: "itemClicked", folderSearchChange: "folderSearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\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 </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"model.gridActionModel\"\n [gridControlsModel]=\"model.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"model.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\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: FilterAreaComponent, selector: "symphony-filter-area" }, { 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", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7418
+ FeedbackRequestListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackRequestListPageComponent, selector: "symphony-feedback-request-list-page", inputs: { model: "model" }, outputs: { itemClicked: "itemClicked", folderSearchChange: "folderSearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\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 </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"model.gridActionModel\"\n [gridControlsModel]=\"model.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"model.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\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: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { 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", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7416
7419
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageComponent, decorators: [{
7417
7420
  type: Component,
7418
- args: [{ selector: 'symphony-feedback-request-list-page', template: "<symphony-contact-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\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 </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"model.gridActionModel\"\n [gridControlsModel]=\"model.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"model.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
7421
+ args: [{ selector: 'symphony-feedback-request-list-page', template: "<symphony-contact-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n <symphony-filter-area sfx-filter-area>\n <symphony-h4 title>Search</symphony-h4>\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 </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"model.gridActionModel\"\n [gridControlsModel]=\"model.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"model.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n (cellClick)=\"onCellClick($event)\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
7419
7422
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
7420
7423
  type: Input
7421
7424
  }], itemClicked: [{
@@ -7446,7 +7449,8 @@ FeedbackRequestListPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12
7446
7449
  FilterAreaModule,
7447
7450
  IconModule,
7448
7451
  IconWrapperModule,
7449
- ActionBarJobListModule], exports: [FeedbackRequestListPageComponent] });
7452
+ ActionBarJobListModule,
7453
+ H4Module], exports: [FeedbackRequestListPageComponent] });
7450
7454
  FeedbackRequestListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageModule, imports: [[
7451
7455
  CommonModule,
7452
7456
  ContactListTemplateModule,
@@ -7459,6 +7463,7 @@ FeedbackRequestListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12
7459
7463
  IconModule,
7460
7464
  IconWrapperModule,
7461
7465
  ActionBarJobListModule,
7466
+ H4Module
7462
7467
  ]] });
7463
7468
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageModule, decorators: [{
7464
7469
  type: NgModule,
@@ -7476,6 +7481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
7476
7481
  IconModule,
7477
7482
  IconWrapperModule,
7478
7483
  ActionBarJobListModule,
7484
+ H4Module
7479
7485
  ],
7480
7486
  exports: [FeedbackRequestListPageComponent],
7481
7487
  }]