@symphony-talent/component-library 3.26.3 → 3.27.2

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 (27) hide show
  1. package/esm2020/lib/organisms/action-bar/action-bar.component.mjs +4 -4
  2. package/esm2020/lib/organisms/action-bar/action-bar.module.mjs +6 -6
  3. package/esm2020/lib/organisms/grid-download/grid-download.component.mjs +3 -3
  4. package/esm2020/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.mjs +2 -8
  5. package/esm2020/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.model.mjs +1 -1
  6. package/esm2020/lib/templates/modal-templates/one-column-with-filter-modal-template/one-column-with-filter-modal-template.component.mjs +3 -3
  7. package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs +4 -4
  8. package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.module.mjs +6 -6
  9. package/esm2020/projects/component-library/lib/organisms/grid-download/grid-download.component.mjs +3 -3
  10. package/esm2020/projects/component-library/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.mjs +2 -8
  11. package/esm2020/projects/component-library/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.model.mjs +1 -1
  12. package/esm2020/projects/component-library/lib/templates/modal-templates/one-column-with-filter-modal-template/one-column-with-filter-modal-template.component.mjs +3 -3
  13. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +11 -17
  14. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  15. package/fesm2015/symphony-talent-component-library.mjs +11 -17
  16. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  17. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -17
  18. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  19. package/fesm2020/symphony-talent-component-library.mjs +11 -17
  20. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  21. package/lib/organisms/action-bar/action-bar.module.d.ts +2 -2
  22. package/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.d.ts +1 -4
  23. package/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.model.d.ts +0 -2
  24. package/package.json +1 -1
  25. package/projects/component-library/lib/organisms/action-bar/action-bar.module.d.ts +2 -2
  26. package/projects/component-library/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.d.ts +1 -4
  27. package/projects/component-library/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.model.d.ts +0 -2
@@ -2582,10 +2582,10 @@ class ActionBarComponent {
2582
2582
  }
2583
2583
  }
2584
2584
  ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2585
- ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, 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()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\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-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n >\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 .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.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: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2585
+ ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, 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()\">\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 </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-pr-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 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 .max-contentwidth{width:max-content}.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"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2586
2586
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
2587
2587
  type: Component,
2588
- 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()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\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-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n >\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 .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
2588
+ 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()\">\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 </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-pr-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 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 .max-contentwidth{width:max-content}.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"] }]
2589
2589
  }], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
2590
2590
  type: Input
2591
2591
  }], toggleClick: [{
@@ -2689,14 +2689,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2689
2689
  class ActionBarModule {
2690
2690
  }
2691
2691
  ActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2692
- ActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, declarations: [ActionBarComponent], imports: [CommonModule, IconModule, IconWrapperModule, H5Module], exports: [ActionBarComponent] });
2693
- ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, imports: [[CommonModule, IconModule, IconWrapperModule, H5Module]] });
2692
+ ActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, declarations: [ActionBarComponent], imports: [CommonModule, IconModule, IconWrapperModule, ParagraphModule], exports: [ActionBarComponent] });
2693
+ ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, imports: [[CommonModule, IconModule, IconWrapperModule, ParagraphModule]] });
2694
2694
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, decorators: [{
2695
2695
  type: NgModule,
2696
2696
  args: [{
2697
2697
  declarations: [ActionBarComponent],
2698
- imports: [CommonModule, IconModule, IconWrapperModule, H5Module],
2699
- exports: [ActionBarComponent],
2698
+ imports: [CommonModule, IconModule, IconWrapperModule, ParagraphModule],
2699
+ exports: [ActionBarComponent]
2700
2700
  }]
2701
2701
  }] });
2702
2702
 
@@ -2766,10 +2766,10 @@ class GridDownloadComponent {
2766
2766
  }
2767
2767
  }
2768
2768
  GridDownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2769
- GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30\">\n <div class=\"sfx-actions pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2769
+ GridDownloadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridDownloadComponent, selector: "symphony-grid-download", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-pb-30\">\n <div class=\"pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [""], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2770
2770
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, decorators: [{
2771
2771
  type: Component,
2772
- args: [{ selector: 'symphony-grid-download', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30\">\n <div class=\"sfx-actions pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
2772
+ args: [{ selector: 'symphony-grid-download', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-pb-30\">\n <div class=\"pull-right\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-tooltip-wrapper\n [placement]=\"'bottom'\"\n [tooltipHtml]=\"'Download Advertise Jobs'\"\n >\n <symphony-icon-wrapper (clicked)=\"onDownloadClick()\">\n <symphony-icon [icon]=\"'si-download'\"></symphony-icon\n ></symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n </div>\n</div>\n", styles: [""] }]
2773
2773
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2774
2774
  type: Input
2775
2775
  }], clicked: [{
@@ -5342,25 +5342,21 @@ class OneColumnWithFilterModalTemplateComponent {
5342
5342
  constructor() { }
5343
5343
  }
5344
5344
  OneColumnWithFilterModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OneColumnWithFilterModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5345
- OneColumnWithFilterModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template", ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30 sfx-pl-0\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap sfx-pl-30 sfx-pr-30 sfx-pt-30\">\n <div class=\"row sfx-border-bottom-black-5 sfx-pb-25\">\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pl-0\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pr-0 pull-right\">\n <ng-content select=\"[sfx-grid-download]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0 sfx-pl-30 sfx-pb-30 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n</div>\n", styles: [""] });
5345
+ OneColumnWithFilterModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template", ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30 sfx-pl-0\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"sfx-pl-30 sfx-pr-30 sfx-pt-30\">\n <div class=\"row sfx-border-bottom-black-5 sfx-pb-25\">\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pl-0\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pr-0 pull-right\">\n <ng-content select=\"[sfx-grid-download]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0 sfx-pl-30 sfx-pb-30 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n</div>\n", styles: [""] });
5346
5346
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OneColumnWithFilterModalTemplateComponent, decorators: [{
5347
5347
  type: Component,
5348
- args: [{ selector: 'symphony-one-column-with-filter-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30 sfx-pl-0\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap sfx-pl-30 sfx-pr-30 sfx-pt-30\">\n <div class=\"row sfx-border-bottom-black-5 sfx-pb-25\">\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pl-0\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pr-0 pull-right\">\n <ng-content select=\"[sfx-grid-download]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0 sfx-pl-30 sfx-pb-30 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n</div>\n", styles: [""] }]
5348
+ args: [{ selector: 'symphony-one-column-with-filter-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30 sfx-pl-0\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"sfx-pl-30 sfx-pr-30 sfx-pt-30\">\n <div class=\"row sfx-border-bottom-black-5 sfx-pb-25\">\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pl-0\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-md-6 col-lg-6 sfx-pr-0 pull-right\">\n <ng-content select=\"[sfx-grid-download]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0 sfx-pl-30 sfx-pb-30 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n</div>\n", styles: [""] }]
5349
5349
  }], ctorParameters: function () { return []; } });
5350
5350
 
5351
5351
  class AdvertisedJobPostingsModalComponent {
5352
5352
  constructor() {
5353
5353
  this.keywordSearchChange = new EventEmitter();
5354
- this.filterChange = new EventEmitter();
5355
5354
  this.downloadClicked = new EventEmitter();
5356
5355
  this.closeButtonClicked = new EventEmitter();
5357
5356
  }
5358
5357
  onKeywordSearch(keyword) {
5359
5358
  this.keywordSearchChange.emit(keyword);
5360
5359
  }
5361
- onFilterChange(selectedModel) {
5362
- this.filterChange.emit(selectedModel.value);
5363
- }
5364
5360
  onDownloadClick() {
5365
5361
  this.downloadClicked.emit();
5366
5362
  }
@@ -5372,7 +5368,7 @@ class AdvertisedJobPostingsModalComponent {
5372
5368
  }
5373
5369
  }
5374
5370
  AdvertisedJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5375
- AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <symphony-input-text\n sfx-filter-area\n [placeholder]=\"'Keyword'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"false\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n\n <symphony-grid-download\n sfx-grid-download\n [model]=\"model.gridDownloadModel\"\n (clicked)=\"onDownloadClick()\"\n >\n </symphony-grid-download>\n\n <symphony-grid\n #sfxgrid\n sfx-modal-body-area\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 ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-cell{line-height:20px}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5371
+ AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <symphony-input-text\n sfx-filter-area\n [placeholder]=\"'Keyword'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"false\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n\n <symphony-grid-download\n sfx-grid-download\n [model]=\"model.gridDownloadModel\"\n (clicked)=\"onDownloadClick()\"\n >\n </symphony-grid-download>\n\n <symphony-grid\n #sfxgrid\n sfx-modal-body-area\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 ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-cell{line-height:20px}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5376
5372
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, decorators: [{
5377
5373
  type: Component,
5378
5374
  args: [{ selector: 'symphony-advertised-job-postings-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <symphony-input-text\n sfx-filter-area\n [placeholder]=\"'Keyword'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"false\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n\n <symphony-grid-download\n sfx-grid-download\n [model]=\"model.gridDownloadModel\"\n (clicked)=\"onDownloadClick()\"\n >\n </symphony-grid-download>\n\n <symphony-grid\n #sfxgrid\n sfx-modal-body-area\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 ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-cell{line-height:20px}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"] }]
@@ -5382,8 +5378,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
5382
5378
  type: Input
5383
5379
  }], keywordSearchChange: [{
5384
5380
  type: Output
5385
- }], filterChange: [{
5386
- type: Output
5387
5381
  }], downloadClicked: [{
5388
5382
  type: Output
5389
5383
  }], closeButtonClicked: [{