@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
@@ -2585,10 +2585,10 @@ class ActionBarComponent {
2585
2585
  }
2586
2586
  }
2587
2587
  ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2588
- 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 });
2588
+ 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 });
2589
2589
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
2590
2590
  type: Component,
2591
- 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"] }]
2591
+ 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"] }]
2592
2592
  }], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
2593
2593
  type: Input
2594
2594
  }], toggleClick: [{
@@ -2692,14 +2692,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2692
2692
  class ActionBarModule {
2693
2693
  }
2694
2694
  ActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2695
- 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] });
2696
- ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, imports: [[CommonModule, IconModule, IconWrapperModule, H5Module]] });
2695
+ 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] });
2696
+ ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, imports: [[CommonModule, IconModule, IconWrapperModule, ParagraphModule]] });
2697
2697
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarModule, decorators: [{
2698
2698
  type: NgModule,
2699
2699
  args: [{
2700
2700
  declarations: [ActionBarComponent],
2701
- imports: [CommonModule, IconModule, IconWrapperModule, H5Module],
2702
- exports: [ActionBarComponent],
2701
+ imports: [CommonModule, IconModule, IconWrapperModule, ParagraphModule],
2702
+ exports: [ActionBarComponent]
2703
2703
  }]
2704
2704
  }] });
2705
2705
 
@@ -2769,10 +2769,10 @@ class GridDownloadComponent {
2769
2769
  }
2770
2770
  }
2771
2771
  GridDownloadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2772
- 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 });
2772
+ 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 });
2773
2773
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridDownloadComponent, decorators: [{
2774
2774
  type: Component,
2775
- 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"] }]
2775
+ 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: [""] }]
2776
2776
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2777
2777
  type: Input
2778
2778
  }], clicked: [{
@@ -5346,25 +5346,21 @@ class OneColumnWithFilterModalTemplateComponent {
5346
5346
  constructor() { }
5347
5347
  }
5348
5348
  OneColumnWithFilterModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OneColumnWithFilterModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5349
- 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: [""] });
5349
+ 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: [""] });
5350
5350
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OneColumnWithFilterModalTemplateComponent, decorators: [{
5351
5351
  type: Component,
5352
- 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: [""] }]
5352
+ 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: [""] }]
5353
5353
  }], ctorParameters: function () { return []; } });
5354
5354
 
5355
5355
  class AdvertisedJobPostingsModalComponent {
5356
5356
  constructor() {
5357
5357
  this.keywordSearchChange = new EventEmitter();
5358
- this.filterChange = new EventEmitter();
5359
5358
  this.downloadClicked = new EventEmitter();
5360
5359
  this.closeButtonClicked = new EventEmitter();
5361
5360
  }
5362
5361
  onKeywordSearch(keyword) {
5363
5362
  this.keywordSearchChange.emit(keyword);
5364
5363
  }
5365
- onFilterChange(selectedModel) {
5366
- this.filterChange.emit(selectedModel.value);
5367
- }
5368
5364
  onDownloadClick() {
5369
5365
  this.downloadClicked.emit();
5370
5366
  }
@@ -5376,7 +5372,7 @@ class AdvertisedJobPostingsModalComponent {
5376
5372
  }
5377
5373
  }
5378
5374
  AdvertisedJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5379
- 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 });
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", 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 });
5380
5376
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, decorators: [{
5381
5377
  type: Component,
5382
5378
  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"] }]
@@ -5386,8 +5382,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
5386
5382
  type: Input
5387
5383
  }], keywordSearchChange: [{
5388
5384
  type: Output
5389
- }], filterChange: [{
5390
- type: Output
5391
5385
  }], downloadClicked: [{
5392
5386
  type: Output
5393
5387
  }], closeButtonClicked: [{