@symphony-talent/component-library 3.49.0 → 3.51.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 (89) hide show
  1. package/esm2020/lib/atoms/contextual-menu/contextual-menu.component.mjs +4 -3
  2. package/esm2020/lib/atoms/contextual-menu/contextual-menu.model.mjs +1 -1
  3. package/esm2020/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  4. package/esm2020/lib/atoms/grid/framework/framework.module.mjs +8 -4
  5. package/esm2020/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.mjs +26 -0
  6. package/esm2020/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.model.mjs +2 -0
  7. package/esm2020/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.module.mjs +24 -0
  8. package/esm2020/lib/atoms/grid/grid.component.mjs +9 -4
  9. package/esm2020/lib/atoms/input-editable-text/input-editable-text.component.mjs +3 -3
  10. package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs +3 -3
  11. package/esm2020/lib/organisms/grid-controls/grid-controls.model.mjs +1 -1
  12. package/esm2020/lib/pages/advertised-job-postings-list-page/advertised-job-postings-list-page.component.mjs +1 -1
  13. package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
  14. package/esm2020/lib/pages/feedback-list-page/feedback-list-page.component.mjs +5 -4
  15. package/esm2020/lib/pages/feedback-list-page/feedback-list-page.model.mjs +1 -1
  16. package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +78 -0
  17. package/esm2020/lib/pages/job-list-page/job-list-page.model.mjs +2 -0
  18. package/esm2020/lib/pages/job-list-page/job-list-page.module.mjs +66 -0
  19. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +29 -25
  20. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +4 -3
  21. package/esm2020/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.mjs +3 -3
  22. package/esm2020/lib/templates/contact-list/contact-list-template.component.mjs +12 -0
  23. package/esm2020/lib/templates/contact-list/contact-list-template.module.mjs +18 -0
  24. package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.component.mjs +4 -3
  25. package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.model.mjs +1 -1
  26. package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +3 -3
  27. package/esm2020/projects/component-library/lib/atoms/grid/framework/framework.module.mjs +8 -4
  28. package/esm2020/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.mjs +26 -0
  29. package/esm2020/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.model.mjs +2 -0
  30. package/esm2020/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.module.mjs +24 -0
  31. package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +9 -4
  32. package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.component.mjs +3 -3
  33. package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs +3 -3
  34. package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.model.mjs +1 -1
  35. package/esm2020/projects/component-library/lib/pages/advertised-job-postings-list-page/advertised-job-postings-list-page.component.mjs +1 -1
  36. package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +3 -3
  37. package/esm2020/projects/component-library/lib/pages/feedback-list-page/feedback-list-page.component.mjs +5 -4
  38. package/esm2020/projects/component-library/lib/pages/feedback-list-page/feedback-list-page.model.mjs +1 -1
  39. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +78 -0
  40. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.model.mjs +2 -0
  41. package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.module.mjs +66 -0
  42. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +29 -25
  43. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +4 -3
  44. package/esm2020/projects/component-library/lib/pages/modals/advertised-job-postings-modal/advertised-job-postings-modal.component.mjs +3 -3
  45. package/esm2020/projects/component-library/lib/templates/contact-list/contact-list-template.component.mjs +12 -0
  46. package/esm2020/projects/component-library/lib/templates/contact-list/contact-list-template.module.mjs +18 -0
  47. package/esm2020/projects/component-library/public-api.mjs +7 -1
  48. package/esm2020/public-api.mjs +7 -1
  49. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +254 -61
  50. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  51. package/fesm2015/symphony-talent-component-library.mjs +254 -61
  52. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  53. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +254 -61
  54. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  55. package/fesm2020/symphony-talent-component-library.mjs +254 -61
  56. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  57. package/lib/atoms/contextual-menu/contextual-menu.model.d.ts +1 -0
  58. package/lib/atoms/filter-area/filter-area.component.d.ts +1 -1
  59. package/lib/atoms/grid/framework/framework.module.d.ts +2 -1
  60. package/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.d.ts +13 -0
  61. package/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.model.d.ts +4 -0
  62. package/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.module.d.ts +9 -0
  63. package/lib/atoms/grid/grid.component.d.ts +2 -1
  64. package/lib/organisms/grid-controls/grid-controls.model.d.ts +1 -0
  65. package/lib/pages/feedback-list-page/feedback-list-page.model.d.ts +1 -0
  66. package/lib/pages/job-list-page/job-list-page.component.d.ts +27 -0
  67. package/lib/pages/job-list-page/job-list-page.model.d.ts +18 -0
  68. package/lib/pages/job-list-page/job-list-page.module.d.ts +19 -0
  69. package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +3 -1
  70. package/lib/templates/contact-list/contact-list-template.component.d.ts +6 -0
  71. package/lib/templates/contact-list/contact-list-template.module.d.ts +8 -0
  72. package/package.json +1 -1
  73. package/projects/component-library/lib/atoms/contextual-menu/contextual-menu.model.d.ts +1 -0
  74. package/projects/component-library/lib/atoms/filter-area/filter-area.component.d.ts +1 -1
  75. package/projects/component-library/lib/atoms/grid/framework/framework.module.d.ts +2 -1
  76. package/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.d.ts +13 -0
  77. package/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.model.d.ts +4 -0
  78. package/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.module.d.ts +9 -0
  79. package/projects/component-library/lib/atoms/grid/grid.component.d.ts +2 -1
  80. package/projects/component-library/lib/organisms/grid-controls/grid-controls.model.d.ts +1 -0
  81. package/projects/component-library/lib/pages/feedback-list-page/feedback-list-page.model.d.ts +1 -0
  82. package/projects/component-library/lib/pages/job-list-page/job-list-page.component.d.ts +27 -0
  83. package/projects/component-library/lib/pages/job-list-page/job-list-page.model.d.ts +18 -0
  84. package/projects/component-library/lib/pages/job-list-page/job-list-page.module.d.ts +19 -0
  85. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +3 -1
  86. package/projects/component-library/lib/templates/contact-list/contact-list-template.component.d.ts +6 -0
  87. package/projects/component-library/lib/templates/contact-list/contact-list-template.module.d.ts +8 -0
  88. package/projects/component-library/public-api.d.ts +6 -0
  89. package/public-api.d.ts +6 -0
@@ -1,7 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Component, Input, NgModule, EventEmitter, Output, Pipe, Injectable, ViewEncapsulation, ViewChild } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
- import { SlicePipe, CommonModule } from '@angular/common';
4
+ import { SlicePipe, CommonModule, DecimalPipe } from '@angular/common';
5
5
  import * as i1$1 from 'ngx-bootstrap/dropdown';
6
6
  import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
7
7
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -192,6 +192,7 @@ class ContextualMenuComponent {
192
192
  constructor() {
193
193
  this.model = {
194
194
  hasBorder: false,
195
+ isInverse: false
195
196
  };
196
197
  this.itemClick = new EventEmitter();
197
198
  }
@@ -200,10 +201,10 @@ class ContextualMenuComponent {
200
201
  }
201
202
  }
202
203
  ContextualMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
203
- ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": TrimIdPipe } });
204
+ ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" [ngClass]=\"{ 'is-inverse': model.isInverse }\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": TrimIdPipe } });
204
205
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, decorators: [{
205
206
  type: Component,
206
- args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
207
+ args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" [ngClass]=\"{ 'is-inverse': model.isInverse }\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
207
208
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
208
209
  type: Input
209
210
  }], itemClick: [{
@@ -246,10 +247,10 @@ class FilterAreaComponent {
246
247
  constructor() { }
247
248
  }
248
249
  FilterAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
249
- 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 <ng-content select=\"[title]\"></ng-content>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[actions]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n <ng-content select=\"[filter-7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
250
+ FilterAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterAreaComponent, selector: "symphony-filter-area", ngImport: i0, template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n <ng-content select=\"[filter-3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-7]\"></ng-content>\n </div>\n\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
250
251
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, decorators: [{
251
252
  type: Component,
252
- 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 <ng-content select=\"[title]\"></ng-content>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[actions]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n <ng-content select=\"[filter-7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
253
+ args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-25\">\n <ng-content select=\"[filter-3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter-7]\"></ng-content>\n </div>\n\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
253
254
  }], ctorParameters: function () { return []; } });
254
255
 
255
256
  class FilterAreaModule {
@@ -513,6 +514,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
513
514
  args: [{ selector: 'symphony-overflow-text', template: "<div class=\"cell-wrap-text\">{{ params.value }}</div>\n", styles: [""] }]
514
515
  }], ctorParameters: function () { return []; } });
515
516
 
517
+ class ParagraphComponent {
518
+ constructor() { }
519
+ }
520
+ ParagraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
521
+ ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ParagraphComponent, selector: "symphony-paragraph", inputs: { text: "text", isSecondary: "isSecondary" }, ngImport: i0, template: "<p\n [ngClass]=\"{\n 'body-copy-secondary': isSecondary,\n 'body-copy-primary': !isSecondary\n }\"\n>\n {{ text }}\n <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
522
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, decorators: [{
523
+ type: Component,
524
+ args: [{ selector: 'symphony-paragraph', template: "<p\n [ngClass]=\"{\n 'body-copy-secondary': isSecondary,\n 'body-copy-primary': !isSecondary\n }\"\n>\n {{ text }}\n <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"] }]
525
+ }], ctorParameters: function () { return []; }, propDecorators: { text: [{
526
+ type: Input
527
+ }], isSecondary: [{
528
+ type: Input
529
+ }] } });
530
+
531
+ class GridCellClickableComponent {
532
+ constructor() { }
533
+ refresh(params) {
534
+ return true;
535
+ }
536
+ agInit(params) {
537
+ this.params = params;
538
+ this.value = this.params.value;
539
+ }
540
+ onCellClick(params) {
541
+ const model = {
542
+ row: this.params,
543
+ };
544
+ this.params.clicked(model);
545
+ }
546
+ }
547
+ GridCellClickableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
548
+ GridCellClickableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickableComponent, selector: "symphony-grid-cell-clickable", ngImport: i0, template: "<symphony-paragraph\n class=\"sfx-font-bold sfx-cursor-pointer\"\n (click)=\"onCellClick($event)\"\n [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], encapsulation: i0.ViewEncapsulation.None });
549
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, decorators: [{
550
+ type: Component,
551
+ args: [{ selector: 'symphony-grid-cell-clickable', encapsulation: ViewEncapsulation.None, template: "<symphony-paragraph\n class=\"sfx-font-bold sfx-cursor-pointer\"\n (click)=\"onCellClick($event)\"\n [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"] }]
552
+ }], ctorParameters: function () { return []; } });
553
+
516
554
  class GridComponent {
517
555
  constructor() {
518
556
  this.pageSize = 20;
@@ -540,7 +578,8 @@ class GridComponent {
540
578
  moreActions: EventSettingsMoreOptionsComponent,
541
579
  loadingCellRenderer: GridLoadingCellComponent,
542
580
  advertisedJobsCost: AdvertisedJobsCostComponent,
543
- overflowText: OverflowTextComponent
581
+ overflowText: OverflowTextComponent,
582
+ gridCellClickable: GridCellClickableComponent
544
583
  };
545
584
  }
546
585
  onGridReady(gridReadyEvent) {
@@ -549,10 +588,10 @@ class GridComponent {
549
588
  }
550
589
  }
551
590
  GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
552
- GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode" }, ngImport: i0, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine .ag-header-cell:first-child,.ag-theme-alpine .ag-header-group-cell:first-child,.ag-theme-alpine .ag-center-cols-container .ag-cell:first-child{padding-left:0}\n"], components: [{ type: i1$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], encapsulation: i0.ViewEncapsulation.None });
591
+ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode", hasNoPaddingleft: "hasNoPaddingleft" }, ngImport: i0, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-header-cell:first-child,.ag-theme-alpine.noPaddingLeft .ag-header-group-cell:first-child,.ag-theme-alpine.noPaddingLeft .ag-center-cols-container .ag-cell:first-child{padding-left:0}\n"], components: [{ type: i1$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
553
592
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
554
593
  type: Component,
555
- args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine .ag-header-cell:first-child,.ag-theme-alpine .ag-header-group-cell:first-child,.ag-theme-alpine .ag-center-cols-container .ag-cell:first-child{padding-left:0}\n"] }]
594
+ args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-header-cell:first-child,.ag-theme-alpine.noPaddingLeft .ag-header-group-cell:first-child,.ag-theme-alpine.noPaddingLeft .ag-center-cols-container .ag-cell:first-child{padding-left:0}\n"] }]
556
595
  }], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
557
596
  type: Input
558
597
  }], defaultColDef: [{
@@ -569,6 +608,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
569
608
  type: Input
570
609
  }], rowSelectionMode: [{
571
610
  type: Input
611
+ }], hasNoPaddingleft: [{
612
+ type: Input
572
613
  }] } });
573
614
 
574
615
  class ContactActivityScoreModule {
@@ -708,6 +749,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
708
749
  }]
709
750
  }] });
710
751
 
752
+ class ParagraphModule {
753
+ }
754
+ ParagraphModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
755
+ ParagraphModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, declarations: [ParagraphComponent], imports: [CommonModule], exports: [ParagraphComponent] });
756
+ ParagraphModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, imports: [[CommonModule]] });
757
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, decorators: [{
758
+ type: NgModule,
759
+ args: [{
760
+ declarations: [ParagraphComponent],
761
+ imports: [CommonModule],
762
+ exports: [ParagraphComponent],
763
+ }]
764
+ }] });
765
+
766
+ class GridCellClickableModule {
767
+ }
768
+ GridCellClickableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
769
+ GridCellClickableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableModule, declarations: [GridCellClickableComponent], imports: [CommonModule, ParagraphModule] });
770
+ GridCellClickableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableModule, imports: [[
771
+ CommonModule, ParagraphModule
772
+ ]] });
773
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableModule, decorators: [{
774
+ type: NgModule,
775
+ args: [{
776
+ declarations: [
777
+ GridCellClickableComponent
778
+ ],
779
+ imports: [
780
+ CommonModule, ParagraphModule
781
+ ]
782
+ }]
783
+ }] });
784
+
711
785
  class FrameworkModule {
712
786
  }
713
787
  FrameworkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -717,14 +791,16 @@ FrameworkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
717
791
  GridCellLoaderModule,
718
792
  EventSettingsMoreOptionsModule,
719
793
  AdvertisedJobsCostModule,
720
- OverflowTextModule] });
794
+ OverflowTextModule,
795
+ GridCellClickableModule] });
721
796
  FrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, imports: [[], ContactActivityScoreModule,
722
797
  RelevanceScoreModule,
723
798
  GridToggleCellRendererModule,
724
799
  GridCellLoaderModule,
725
800
  EventSettingsMoreOptionsModule,
726
801
  AdvertisedJobsCostModule,
727
- OverflowTextModule] });
802
+ OverflowTextModule,
803
+ GridCellClickableModule] });
728
804
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, decorators: [{
729
805
  type: NgModule,
730
806
  args: [{
@@ -737,7 +813,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
737
813
  GridCellLoaderModule,
738
814
  EventSettingsMoreOptionsModule,
739
815
  AdvertisedJobsCostModule,
740
- OverflowTextModule
816
+ OverflowTextModule,
817
+ GridCellClickableModule
741
818
  ]
742
819
  }]
743
820
  }] });
@@ -913,34 +990,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
913
990
  }]
914
991
  }] });
915
992
 
916
- class ParagraphComponent {
917
- constructor() { }
918
- }
919
- ParagraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
920
- ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ParagraphComponent, selector: "symphony-paragraph", inputs: { text: "text", isSecondary: "isSecondary" }, ngImport: i0, template: "<p\n [ngClass]=\"{\n 'body-copy-secondary': isSecondary,\n 'body-copy-primary': !isSecondary\n }\"\n>\n {{ text }}\n <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
921
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, decorators: [{
922
- type: Component,
923
- args: [{ selector: 'symphony-paragraph', template: "<p\n [ngClass]=\"{\n 'body-copy-secondary': isSecondary,\n 'body-copy-primary': !isSecondary\n }\"\n>\n {{ text }}\n <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"] }]
924
- }], ctorParameters: function () { return []; }, propDecorators: { text: [{
925
- type: Input
926
- }], isSecondary: [{
927
- type: Input
928
- }] } });
929
-
930
- class ParagraphModule {
931
- }
932
- ParagraphModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
933
- ParagraphModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, declarations: [ParagraphComponent], imports: [CommonModule], exports: [ParagraphComponent] });
934
- ParagraphModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, imports: [[CommonModule]] });
935
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphModule, decorators: [{
936
- type: NgModule,
937
- args: [{
938
- declarations: [ParagraphComponent],
939
- imports: [CommonModule],
940
- exports: [ParagraphComponent],
941
- }]
942
- }] });
943
-
944
993
  var Icons;
945
994
  (function (Icons) {
946
995
  Icons["ACCESS"] = "si-access";
@@ -3231,10 +3280,10 @@ class GridControlsComponent {
3231
3280
  }
3232
3281
  }
3233
3282
  GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3234
- GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\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 <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".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"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3283
+ GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".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"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3235
3284
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
3236
3285
  type: Component,
3237
- args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\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 <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".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"] }]
3286
+ args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pl-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left sfx-pl-20\" *ngIf=\"model.showControlMoreOption\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".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"] }]
3238
3287
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3239
3288
  type: Input
3240
3289
  }], Clicked: [{
@@ -4771,10 +4820,10 @@ class EventsSettingsPageComponent {
4771
4820
  }
4772
4821
  }
4773
4822
  EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4774
- EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
4823
+ EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
4775
4824
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
4776
4825
  type: Component,
4777
- args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
4826
+ args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
4778
4827
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
4779
4828
  type: Input
4780
4829
  }], keywordSearchChange: [{
@@ -5096,10 +5145,10 @@ class InputEditableTextComponent {
5096
5145
  }
5097
5146
  }
5098
5147
  InputEditableTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5099
- InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask }}{{ model.value }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
5148
+ InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "number": i1.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
5100
5149
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, decorators: [{
5101
5150
  type: Component,
5102
- args: [{ selector: 'symphony-input-editable-text', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask }}{{ model.value }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"] }]
5151
+ args: [{ selector: 'symphony-input-editable-text', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex sfx-pt-10\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask\n }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div\n *ngIf=\"model.isInEditMode\"\n class=\"editMode\"\n [ngClass]=\"{\n invalid: model.isInvalid\n }\"\n >\n <span class=\"sfx-pr-10\"\n ><input\n type=\"{{ type }}\"\n *ngIf=\"maxMinPlaceholder\"\n [placeholder]=\"maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n <input\n type=\"{{ type }}\"\n *ngIf=\"!maxMinPlaceholder\"\n [(ngModel)]=\"model.value\"\n [ngClass]=\"{\n 'min-max-placeholder': model.minValue && model.maxValue\n }\"\n (keyup)=\"onValidate($event)\"\n />\n </span>\n <span class=\"edit-i-postion\"\n ><symphony-icon\n [ngClass]=\"{\n 'invalid-confirm': model.isInvalid\n }\"\n [icon]=\"'si-confirmation'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span class=\"sfx-ml-10 edit-i-postion\"\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"] }]
5103
5152
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
5104
5153
  type: Input
5105
5154
  }], type: [{
@@ -5235,7 +5284,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
5235
5284
  }] } });
5236
5285
 
5237
5286
  class AdvertiseModalComponent {
5238
- constructor() {
5287
+ constructor(decimalPipe) {
5288
+ this.decimalPipe = decimalPipe;
5239
5289
  this.buttonClicked = new EventEmitter();
5240
5290
  this.closeButtonClicked = new EventEmitter();
5241
5291
  this.postingBoardChange = new EventEmitter();
@@ -5340,19 +5390,21 @@ class AdvertiseModalComponent {
5340
5390
  }
5341
5391
  }
5342
5392
  addLineItem(invoiceAreaIndex, selectedBoard) {
5393
+ let formattedBoardPrice = this.decimalPipe.transform(selectedBoard.boardPrice, '1.0', 'en-US');
5343
5394
  this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.push({
5344
5395
  textLeft: selectedBoard.boardName,
5345
- textRight: `$${selectedBoard.boardPrice}`
5396
+ textRight: `$${formattedBoardPrice}`
5346
5397
  });
5347
5398
  }
5348
5399
  calculateInvoiceAreaTotal(invoiceAreaIndex) {
5349
5400
  let invoiceAreaTotal = 0;
5350
5401
  this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.forEach(li => {
5351
- invoiceAreaTotal = invoiceAreaTotal + +li.textRight.replace('$', '');
5402
+ invoiceAreaTotal =
5403
+ invoiceAreaTotal + +li.textRight.replace('$', '').replace(',', '');
5352
5404
  });
5353
- this.orderSummary.invoiceAreas[invoiceAreaIndex].subTotal.textRight = `$${invoiceAreaTotal *
5354
- this.model.jobsToAdvertise.length}`;
5355
- this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `$${invoiceAreaTotal}`;
5405
+ let subTotal = invoiceAreaTotal * this.model.jobsToAdvertise.length;
5406
+ this.orderSummary.invoiceAreas[invoiceAreaIndex].subTotal.textRight = `$${this.decimalPipe.transform(subTotal, '1.0', 'en-US')}`;
5407
+ this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `$${this.decimalPipe.transform(invoiceAreaTotal.toString().replace(',', ''), '1.0', 'en-US')}`;
5356
5408
  return invoiceAreaTotal * this.model.jobsToAdvertise.length;
5357
5409
  }
5358
5410
  calculateOrderTotal(payPerClickAreaTotal, jobBoardAreaTotal) {
@@ -5360,10 +5412,11 @@ class AdvertiseModalComponent {
5360
5412
  .length;
5361
5413
  const jobToAdvertiseCount = this.model.jobsToAdvertise.length;
5362
5414
  const orderSummaryText = `(${selectedJobBoards}) Boards x ${this.model.jobsToAdvertise.length} Jobs = (${selectedJobBoards * jobToAdvertiseCount}) Ads`;
5415
+ let currentTotal = payPerClickAreaTotal + jobBoardAreaTotal;
5363
5416
  this.orderSummary.total = {
5364
5417
  label: 'Current Total',
5365
5418
  textLeft: '',
5366
- textRight: `$${payPerClickAreaTotal + jobBoardAreaTotal}`
5419
+ textRight: `$${this.decimalPipe.transform(currentTotal.toString().replace(',', ''), '1.0', 'en-US')}`
5367
5420
  };
5368
5421
  }
5369
5422
  updateOrderSummary() {
@@ -5423,12 +5476,12 @@ class AdvertiseModalComponent {
5423
5476
  this.postingBoardChange.emit(this.model);
5424
5477
  }
5425
5478
  }
5426
- AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5479
+ AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [{ token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
5427
5480
  AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5428
5481
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
5429
5482
  type: Component,
5430
5483
  args: [{ selector: 'symphony-advertise-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]
5431
- }], ctorParameters: function () { return []; }, propDecorators: { model: [{
5484
+ }], ctorParameters: function () { return [{ type: i1.DecimalPipe }]; }, propDecorators: { model: [{
5432
5485
  type: Input
5433
5486
  }], buttonClicked: [{
5434
5487
  type: Output
@@ -5584,7 +5637,7 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
5584
5637
  OrderSummaryModule,
5585
5638
  ConfirmationModalModule,
5586
5639
  PhaserCardModule], exports: [AdvertiseModalComponent] });
5587
- ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
5640
+ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, providers: [DecimalPipe], imports: [[
5588
5641
  CommonModule,
5589
5642
  TwoColumnModalModule,
5590
5643
  TwoColumnBodyTemplateModule,
@@ -5630,6 +5683,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
5630
5683
  ConfirmationModalModule,
5631
5684
  PhaserCardModule
5632
5685
  ],
5686
+ providers: [DecimalPipe],
5633
5687
  exports: [AdvertiseModalComponent]
5634
5688
  }]
5635
5689
  }] });
@@ -5711,10 +5765,10 @@ class FeedbackListPageComponent {
5711
5765
  }
5712
5766
  }
5713
5767
  FeedbackListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5714
- FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n <symphony-feedback-card-list\n *ngIf=\"!model.isLoading\"\n feedback-card-list\n [feedbackCardList]=\"model.feedbackCardList\"\n (cardClick)=\"onCardClick($event)\"\n ></symphony-feedback-card-list>\n\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5768
+ FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n <symphony-feedback-card-list\n *ngIf=\"!model.isLoading\"\n feedback-card-list\n [feedbackCardList]=\"model.feedbackCardList\"\n (cardClick)=\"onCardClick($event)\"\n ></symphony-feedback-card-list>\n\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n </div>\n <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5715
5769
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, decorators: [{
5716
5770
  type: Component,
5717
- args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n <symphony-feedback-card-list\n *ngIf=\"!model.isLoading\"\n feedback-card-list\n [feedbackCardList]=\"model.feedbackCardList\"\n (cardClick)=\"onCardClick($event)\"\n ></symphony-feedback-card-list>\n\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
5771
+ args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n <symphony-feedback-card-list\n *ngIf=\"!model.isLoading\"\n feedback-card-list\n [feedbackCardList]=\"model.feedbackCardList\"\n (cardClick)=\"onCardClick($event)\"\n ></symphony-feedback-card-list>\n\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n </div>\n <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
5718
5772
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
5719
5773
  type: Input
5720
5774
  }], cardClicked: [{
@@ -5990,7 +6044,7 @@ class AdvertisedJobPostingsListPageComponent {
5990
6044
  }
5991
6045
  }
5992
6046
  AdvertisedJobPostingsListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5993
- AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-text\n filter-one\n [label]=\"'Search by Job Site'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n </symphony-two-column-filter-area>\n <symphony-action-bar-advertise-job-list\n sfx-grid-action\n [gridActionModel]=\"model.gridActions\"\n [gridControlsModel]=\"model.gridControls\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n ></symphony-action-bar-advertise-job-list>\n\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
6047
+ AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-text\n filter-one\n [label]=\"'Search by Job Site'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n </symphony-two-column-filter-area>\n <symphony-action-bar-advertise-job-list\n sfx-grid-action\n [gridActionModel]=\"model.gridActions\"\n [gridControlsModel]=\"model.gridControls\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n ></symphony-action-bar-advertise-job-list>\n\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
5994
6048
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, decorators: [{
5995
6049
  type: Component,
5996
6050
  args: [{ selector: 'symphony-advertised-job-postings-list-page', template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-text\n filter-one\n [label]=\"'Search by Job Site'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n </symphony-two-column-filter-area>\n <symphony-action-bar-advertise-job-list\n sfx-grid-action\n [gridActionModel]=\"model.gridActions\"\n [gridControlsModel]=\"model.gridControls\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n ></symphony-action-bar-advertise-job-list>\n\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\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 ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""] }]
@@ -6138,10 +6192,10 @@ class AdvertisedJobPostingsModalComponent {
6138
6192
  }
6139
6193
  }
6140
6194
  AdvertisedJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6141
- 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-center-cols-clipper .ag-cell{line-height:20px;display:block}.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 });
6195
+ 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 [hasNoPaddingleft]=\"true\"\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-center-cols-clipper .ag-cell{line-height:20px;display:block}.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", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
6142
6196
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, decorators: [{
6143
6197
  type: Component,
6144
- 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-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"] }]
6198
+ 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 [hasNoPaddingleft]=\"true\"\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-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"] }]
6145
6199
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
6146
6200
  type: Input
6147
6201
  }], gridDownloadModel: [{
@@ -6231,6 +6285,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
6231
6285
  }]
6232
6286
  }] });
6233
6287
 
6288
+ class ContactListTemplateComponent {
6289
+ constructor() { }
6290
+ }
6291
+ ContactListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6292
+ ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title sfx-mb-25\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <ng-content select=\"[sfx-actions]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n </div>\n ", styles: [""] });
6293
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, decorators: [{
6294
+ type: Component,
6295
+ args: [{ selector: 'symphony-contact-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title sfx-mb-25\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <ng-content select=\"[sfx-actions]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n </div>\n ", styles: [""] }]
6296
+ }], ctorParameters: function () { return []; } });
6297
+
6298
+ class JobListPageComponent {
6299
+ constructor() {
6300
+ this.addButtonClicked = new EventEmitter();
6301
+ this.advanceSearchClicked = new EventEmitter();
6302
+ this.lastLoadClicked = new EventEmitter();
6303
+ this.itemClicked = new EventEmitter();
6304
+ this.jobCategorySearchChange = new EventEmitter();
6305
+ this.gridControlClicked = new EventEmitter();
6306
+ this.gridActionClicked = new EventEmitter();
6307
+ this.rowChecked = new EventEmitter();
6308
+ this.jobTitleclicked = new EventEmitter();
6309
+ }
6310
+ onAddButtonClick() {
6311
+ this.addButtonClicked.emit();
6312
+ }
6313
+ onAdvanceSearchClick() {
6314
+ this.advanceSearchClicked.emit();
6315
+ }
6316
+ onLoadLastClick() {
6317
+ this.lastLoadClicked.emit();
6318
+ }
6319
+ onJobCategorySearch(keyword) {
6320
+ this.jobCategorySearchChange.emit(keyword);
6321
+ }
6322
+ onGridControlClick(gridControlsModel) {
6323
+ this.gridControlClicked.emit(gridControlsModel);
6324
+ }
6325
+ onGridActionClick(gridActionModel) {
6326
+ this.gridActionClicked.emit(gridActionModel);
6327
+ }
6328
+ onItemClick(JobListPageModel) {
6329
+ this.itemClicked.emit(JobListPageModel);
6330
+ }
6331
+ }
6332
+ JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6333
+ JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", jobTitleclicked: "jobTitleclicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n filter-1\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 </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]=\"false\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
6334
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
6335
+ type: Component,
6336
+ args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n filter-1\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 </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]=\"false\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
6337
+ }], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
6338
+ type: Input
6339
+ }], addButtonClicked: [{
6340
+ type: Output
6341
+ }], advanceSearchClicked: [{
6342
+ type: Output
6343
+ }], lastLoadClicked: [{
6344
+ type: Output
6345
+ }], itemClicked: [{
6346
+ type: Output
6347
+ }], jobCategorySearchChange: [{
6348
+ type: Output
6349
+ }], gridControlClicked: [{
6350
+ type: Output
6351
+ }], gridActionClicked: [{
6352
+ type: Output
6353
+ }], rowChecked: [{
6354
+ type: Output
6355
+ }], jobTitleclicked: [{
6356
+ type: Output
6357
+ }], grid: [{
6358
+ type: ViewChild,
6359
+ args: ['sfxgrid']
6360
+ }] } });
6361
+
6362
+ class ContactListTemplateModule {
6363
+ }
6364
+ ContactListTemplateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
6365
+ ContactListTemplateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateModule, declarations: [ContactListTemplateComponent], imports: [CommonModule], exports: [ContactListTemplateComponent] });
6366
+ ContactListTemplateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateModule, imports: [[CommonModule]] });
6367
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateModule, decorators: [{
6368
+ type: NgModule,
6369
+ args: [{
6370
+ declarations: [ContactListTemplateComponent],
6371
+ imports: [CommonModule],
6372
+ exports: [ContactListTemplateComponent],
6373
+ }]
6374
+ }] });
6375
+
6376
+ class JobListPageModule {
6377
+ }
6378
+ JobListPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
6379
+ JobListPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, declarations: [JobListPageComponent], imports: [CommonModule,
6380
+ ContactListTemplateModule,
6381
+ H3Module,
6382
+ H5Module,
6383
+ GridModule,
6384
+ ContextualMenuModule,
6385
+ TooltipWrapperModule,
6386
+ FilterAreaModule,
6387
+ IconModule,
6388
+ IconWrapperModule,
6389
+ InputTextModule,
6390
+ ActionBarJobListModule], exports: [JobListPageComponent] });
6391
+ JobListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, imports: [[
6392
+ CommonModule,
6393
+ ContactListTemplateModule,
6394
+ H3Module,
6395
+ H5Module,
6396
+ GridModule,
6397
+ ContextualMenuModule,
6398
+ TooltipWrapperModule,
6399
+ FilterAreaModule,
6400
+ IconModule,
6401
+ IconWrapperModule,
6402
+ InputTextModule,
6403
+ ActionBarJobListModule
6404
+ ]] });
6405
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, decorators: [{
6406
+ type: NgModule,
6407
+ args: [{
6408
+ declarations: [JobListPageComponent],
6409
+ imports: [
6410
+ CommonModule,
6411
+ ContactListTemplateModule,
6412
+ H3Module,
6413
+ H5Module,
6414
+ GridModule,
6415
+ ContextualMenuModule,
6416
+ TooltipWrapperModule,
6417
+ FilterAreaModule,
6418
+ IconModule,
6419
+ IconWrapperModule,
6420
+ InputTextModule,
6421
+ ActionBarJobListModule
6422
+ ],
6423
+ exports: [JobListPageComponent]
6424
+ }]
6425
+ }] });
6426
+
6234
6427
  /*
6235
6428
  * ATOMS
6236
6429
  */
@@ -6239,5 +6432,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
6239
6432
  * Generated bundle index. Do not edit.
6240
6433
  */
6241
6434
 
6242
- export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
6435
+ export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
6243
6436
  //# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map