@symphony-talent/component-library 3.21.2 → 3.22.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 (92) hide show
  1. package/esm2020/lib/molecules/button-with-icon/button-with-icon.component.mjs +3 -3
  2. package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs +33 -0
  3. package/esm2020/lib/molecules/document-management-item/document-management-item.model.mjs +2 -0
  4. package/esm2020/lib/molecules/document-management-item/document-management-item.module.mjs +42 -0
  5. package/esm2020/lib/molecules/feedback-card/feedback-card.component.mjs +6 -8
  6. package/esm2020/lib/molecules/molecules.module.mjs +8 -4
  7. package/esm2020/lib/organisms/action-bar/action-bar.component.mjs +3 -3
  8. package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.component.mjs +33 -0
  9. package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.model.mjs +2 -0
  10. package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.module.mjs +22 -0
  11. package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs +43 -0
  12. package/esm2020/lib/organisms/document-management-list/document-management-list.module.mjs +23 -0
  13. package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs +2 -2
  14. package/esm2020/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +2 -2
  15. package/esm2020/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +2 -2
  16. package/esm2020/lib/organisms/grid-controls-job-list/grid-controls-job-list.component.mjs +3 -3
  17. package/esm2020/lib/organisms/organisms.module.mjs +12 -8
  18. package/esm2020/lib/pages/feedback-list-page/feedback-list-page.component.mjs +2 -2
  19. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +4 -4
  20. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +5 -5
  21. package/esm2020/lib/templates/feeback-list-template/feedback-list-template.component.mjs +3 -3
  22. package/esm2020/lib/templates/feedback-detail-template/feedback-detail-template.component.mjs +3 -3
  23. package/esm2020/projects/component-library/lib/molecules/button-with-icon/button-with-icon.component.mjs +3 -3
  24. package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs +33 -0
  25. package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.model.mjs +2 -0
  26. package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.module.mjs +42 -0
  27. package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs +6 -8
  28. package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +8 -4
  29. package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs +3 -3
  30. package/esm2020/projects/component-library/lib/organisms/confirmation-modal/confirmation-modal.component.mjs +33 -0
  31. package/esm2020/projects/component-library/lib/organisms/confirmation-modal/confirmation-modal.model.mjs +2 -0
  32. package/esm2020/projects/component-library/lib/organisms/confirmation-modal/confirmation-modal.module.mjs +22 -0
  33. package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs +43 -0
  34. package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.module.mjs +23 -0
  35. package/esm2020/projects/component-library/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs +2 -2
  36. package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +2 -2
  37. package/esm2020/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +2 -2
  38. package/esm2020/projects/component-library/lib/organisms/grid-controls-job-list/grid-controls-job-list.component.mjs +3 -3
  39. package/esm2020/projects/component-library/lib/organisms/organisms.module.mjs +12 -8
  40. package/esm2020/projects/component-library/lib/pages/feedback-list-page/feedback-list-page.component.mjs +2 -2
  41. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +4 -4
  42. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +5 -5
  43. package/esm2020/projects/component-library/lib/templates/feeback-list-template/feedback-list-template.component.mjs +3 -3
  44. package/esm2020/projects/component-library/lib/templates/feedback-detail-template/feedback-detail-template.component.mjs +3 -3
  45. package/esm2020/projects/component-library/public-api.mjs +9 -1
  46. package/esm2020/public-api.mjs +9 -1
  47. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +188 -75
  48. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  49. package/fesm2015/symphony-talent-component-library.mjs +188 -75
  50. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  51. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +188 -75
  52. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  53. package/fesm2020/symphony-talent-component-library.mjs +188 -75
  54. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  55. package/lib/molecules/document-management-item/document-management-item.component.d.ts +13 -0
  56. package/lib/molecules/document-management-item/document-management-item.model.d.ts +14 -0
  57. package/lib/molecules/document-management-item/document-management-item.module.d.ts +13 -0
  58. package/lib/molecules/molecules.module.d.ts +2 -1
  59. package/lib/organisms/confirmation-modal/confirmation-modal.component.d.ts +13 -0
  60. package/lib/organisms/{cancel-modal/cancel-modal.model.d.ts → confirmation-modal/confirmation-modal.model.d.ts} +3 -1
  61. package/lib/organisms/confirmation-modal/confirmation-modal.module.d.ts +12 -0
  62. package/lib/organisms/document-management-list/document-management-list.component.d.ts +17 -0
  63. package/lib/organisms/document-management-list/document-management-list.module.d.ts +13 -0
  64. package/lib/organisms/organisms.module.d.ts +3 -2
  65. package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -2
  66. package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +2 -2
  67. package/package.json +1 -1
  68. package/projects/component-library/global.scss +5 -0
  69. package/projects/component-library/lib/molecules/document-management-item/document-management-item.component.d.ts +13 -0
  70. package/projects/component-library/lib/molecules/document-management-item/document-management-item.model.d.ts +14 -0
  71. package/projects/component-library/lib/molecules/document-management-item/document-management-item.module.d.ts +13 -0
  72. package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
  73. package/projects/component-library/lib/organisms/confirmation-modal/confirmation-modal.component.d.ts +13 -0
  74. package/projects/component-library/lib/organisms/{cancel-modal/cancel-modal.model.d.ts → confirmation-modal/confirmation-modal.model.d.ts} +3 -1
  75. package/projects/component-library/lib/organisms/confirmation-modal/confirmation-modal.module.d.ts +12 -0
  76. package/projects/component-library/lib/organisms/document-management-list/document-management-list.component.d.ts +17 -0
  77. package/projects/component-library/lib/organisms/document-management-list/document-management-list.module.d.ts +13 -0
  78. package/projects/component-library/lib/organisms/organisms.module.d.ts +3 -2
  79. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -2
  80. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +2 -2
  81. package/projects/component-library/public-api.d.ts +8 -0
  82. package/public-api.d.ts +8 -0
  83. package/esm2020/lib/organisms/cancel-modal/cancel-modal.component.mjs +0 -32
  84. package/esm2020/lib/organisms/cancel-modal/cancel-modal.model.mjs +0 -2
  85. package/esm2020/lib/organisms/cancel-modal/cancel-modal.module.mjs +0 -22
  86. package/esm2020/projects/component-library/lib/organisms/cancel-modal/cancel-modal.component.mjs +0 -32
  87. package/esm2020/projects/component-library/lib/organisms/cancel-modal/cancel-modal.model.mjs +0 -2
  88. package/esm2020/projects/component-library/lib/organisms/cancel-modal/cancel-modal.module.mjs +0 -22
  89. package/lib/organisms/cancel-modal/cancel-modal.component.d.ts +0 -13
  90. package/lib/organisms/cancel-modal/cancel-modal.module.d.ts +0 -12
  91. package/projects/component-library/lib/organisms/cancel-modal/cancel-modal.component.d.ts +0 -13
  92. package/projects/component-library/lib/organisms/cancel-modal/cancel-modal.module.d.ts +0 -12
@@ -1560,10 +1560,10 @@ class FeedbackCardComponent {
1560
1560
  }
1561
1561
  }
1562
1562
  FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1563
- FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon-wrapper\n *ngIf=\"model.showEditIcon\"\n [isInverse]=\"true\"\n class=\"feedback-edit\"\n ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n ></symphony-icon-wrapper>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div\n class=\"card-footer sfx-mb-5 sfx-d-flex\"\n [ngSwitch]=\"model.feedbackState\"\n >\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-h5>Yes</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-h5>No</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-h5>Not Now</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-h5>Provide Feedback</symphony-h5>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
1563
+ FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
1564
1564
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
1565
1565
  type: Component,
1566
- args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon-wrapper\n *ngIf=\"model.showEditIcon\"\n [isInverse]=\"true\"\n class=\"feedback-edit\"\n ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n ></symphony-icon-wrapper>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div\n class=\"card-footer sfx-mb-5 sfx-d-flex\"\n [ngSwitch]=\"model.feedbackState\"\n >\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-h5>Yes</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-h5>No</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-h5>Not Now</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-h5>Provide Feedback</symphony-h5>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
1566
+ args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
1567
1567
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1568
1568
  type: Input
1569
1569
  }], cardClick: [{
@@ -1791,6 +1791,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1791
1791
  }]
1792
1792
  }] });
1793
1793
 
1794
+ class DocumentManagementItemComponent {
1795
+ constructor() {
1796
+ this.previewClicked = new EventEmitter();
1797
+ this.moreOptionClicked = new EventEmitter();
1798
+ }
1799
+ onPreviewClicked() {
1800
+ this.previewClicked.emit();
1801
+ }
1802
+ onMoreOptionClicked(DocumentManagementMoreOptionEvent) {
1803
+ this.moreOptionClicked.emit(DocumentManagementMoreOptionEvent);
1804
+ }
1805
+ }
1806
+ DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1807
+ DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }} [{{\n documentManagementItemModel.fileType\n }}]\"\n >{{ documentManagementItemModel.fileName }}&nbsp;<span\n *ngIf=\"documentManagementItemModel.fileType\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"\n documentManagementItemModel.addedDate\n \"\n ><span class=\"sfx-txt-gray\"\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span *ngIf=\"documentManagementItemModel.uploadedBy\" class=\"sfx-txt-gray\">by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left sfx-ml-10\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n (itemClick)=\"onMoreOptionClicked($event)\"\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], 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 });
1808
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
1809
+ type: Component,
1810
+ args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }} [{{\n documentManagementItemModel.fileType\n }}]\"\n >{{ documentManagementItemModel.fileName }}&nbsp;<span\n *ngIf=\"documentManagementItemModel.fileType\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"\n documentManagementItemModel.addedDate\n \"\n ><span class=\"sfx-txt-gray\"\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span *ngIf=\"documentManagementItemModel.uploadedBy\" class=\"sfx-txt-gray\">by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left sfx-ml-10\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n (itemClick)=\"onMoreOptionClicked($event)\"\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
1811
+ }], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
1812
+ type: Input
1813
+ }], previewClicked: [{
1814
+ type: Output
1815
+ }], moreOptionClicked: [{
1816
+ type: Output
1817
+ }] } });
1818
+
1819
+ class DocumentManagementItemModule {
1820
+ }
1821
+ DocumentManagementItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1822
+ DocumentManagementItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, declarations: [DocumentManagementItemComponent], imports: [CommonModule,
1823
+ ContextualMenuModule,
1824
+ H5Module,
1825
+ IconModule,
1826
+ IconWrapperModule,
1827
+ ParagraphModule], exports: [DocumentManagementItemComponent] });
1828
+ DocumentManagementItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, imports: [[
1829
+ CommonModule,
1830
+ ContextualMenuModule,
1831
+ H5Module,
1832
+ IconModule,
1833
+ IconWrapperModule,
1834
+ ParagraphModule
1835
+ ]] });
1836
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, decorators: [{
1837
+ type: NgModule,
1838
+ args: [{
1839
+ declarations: [DocumentManagementItemComponent],
1840
+ imports: [
1841
+ CommonModule,
1842
+ ContextualMenuModule,
1843
+ H5Module,
1844
+ IconModule,
1845
+ IconWrapperModule,
1846
+ ParagraphModule
1847
+ ],
1848
+ exports: [DocumentManagementItemComponent],
1849
+ }]
1850
+ }] });
1851
+
1794
1852
  class ColorSampleComponent {
1795
1853
  constructor() { }
1796
1854
  ngOnInit() {
@@ -1986,10 +2044,10 @@ class ButtonWithIconComponent {
1986
2044
  }
1987
2045
  }
1988
2046
  ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1989
- ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list sfx-mr-30\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>\n", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2047
+ ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>\n", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
1990
2048
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
1991
2049
  type: Component,
1992
- args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list sfx-mr-30\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>\n", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}\n"] }]
2050
+ args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>\n", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}\n"] }]
1993
2051
  }], ctorParameters: function () { return []; }, propDecorators: { text: [{
1994
2052
  type: Input
1995
2053
  }], icon: [{
@@ -2031,7 +2089,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
2031
2089
  FileUploadModule,
2032
2090
  FileUploadStatusModule,
2033
2091
  FeedbackCardModule,
2034
- ButtonWithIconModule], exports: [PillsModule, BreadcrumbModule, FeedbackCardModule] });
2092
+ ButtonWithIconModule,
2093
+ DocumentManagementItemModule], exports: [PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule] });
2035
2094
  MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
2036
2095
  CommonModule,
2037
2096
  AvatarModule,
@@ -2048,7 +2107,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
2048
2107
  FileUploadStatusModule,
2049
2108
  FeedbackCardModule,
2050
2109
  ButtonWithIconModule,
2051
- ], PillsModule, BreadcrumbModule, FeedbackCardModule] });
2110
+ DocumentManagementItemModule
2111
+ ], PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule] });
2052
2112
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
2053
2113
  type: NgModule,
2054
2114
  args: [{
@@ -2069,8 +2129,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2069
2129
  FileUploadStatusModule,
2070
2130
  FeedbackCardModule,
2071
2131
  ButtonWithIconModule,
2132
+ DocumentManagementItemModule
2072
2133
  ],
2073
- exports: [PillsModule, BreadcrumbModule, FeedbackCardModule]
2134
+ exports: [PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule]
2074
2135
  }]
2075
2136
  }] });
2076
2137
 
@@ -2156,10 +2217,10 @@ class FeedbackLoginModalComponent {
2156
2217
  }
2157
2218
  }
2158
2219
  FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2159
- FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2220
+ FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2160
2221
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
2161
2222
  type: Component,
2162
- args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]
2223
+ args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]
2163
2224
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2164
2225
  type: Input
2165
2226
  }], verifyClicked: [{
@@ -2325,10 +2386,10 @@ class ActionBarComponent {
2325
2386
  }
2326
2387
  }
2327
2388
  ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2328
- ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-mt-30 sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block sfx-actions\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items sfx-pt-40 sfx-pb-40\"\n >\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2389
+ ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n >\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2329
2390
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
2330
2391
  type: Component,
2331
- args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-mt-30 sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block sfx-actions\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items sfx-pt-40 sfx-pb-40\"\n >\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}\n"] }]
2392
+ args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n <div\n class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n >\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
2332
2393
  }], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
2333
2394
  type: Input
2334
2395
  }], toggleClick: [{
@@ -2355,10 +2416,10 @@ class GridControlsJobListComponent {
2355
2416
  }
2356
2417
  }
2357
2418
  GridControlsJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2358
- GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-actions\">\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()\"\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"], 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 });
2419
+ GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", 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()\"\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"], 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 });
2359
2420
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, decorators: [{
2360
2421
  type: Component,
2361
- args: [{ selector: 'symphony-grid-controls-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions\">\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()\"\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"] }]
2422
+ args: [{ selector: 'symphony-grid-controls-job-list', 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()\"\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"] }]
2362
2423
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2363
2424
  type: Input
2364
2425
  }], Clicked: [{
@@ -2500,6 +2561,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2500
2561
  }]
2501
2562
  }] });
2502
2563
 
2564
+ class ConfirmationModalComponent {
2565
+ constructor() {
2566
+ this.model = {};
2567
+ this.buttonClicked = new EventEmitter();
2568
+ this.closeButtonClicked = new EventEmitter();
2569
+ }
2570
+ onButtonClick(text) {
2571
+ this.buttonClicked.emit(text);
2572
+ }
2573
+ onCloseButtonClick() {
2574
+ this.closeButtonClicked.emit();
2575
+ }
2576
+ }
2577
+ ConfirmationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2578
+ ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div> \n <div *ngIf=\"model.subTitle\" class=\"col-xs-12\">\n <symphony-paragraph class=\"sfx-mt-15 sfx-d-block\" [text]=\"model.subTitle\"\n ></symphony-paragraph\n >\n </div> \n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{model.content}} <span *ngIf=\"model.selectedItem\">'{{model.selectedItem}}'?</span></symphony-paragraph>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [""], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2579
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalComponent, decorators: [{
2580
+ type: Component,
2581
+ args: [{ selector: 'symphony-confirmation-modal', template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div> \n <div *ngIf=\"model.subTitle\" class=\"col-xs-12\">\n <symphony-paragraph class=\"sfx-mt-15 sfx-d-block\" [text]=\"model.subTitle\"\n ></symphony-paragraph\n >\n </div> \n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{model.content}} <span *ngIf=\"model.selectedItem\">'{{model.selectedItem}}'?</span></symphony-paragraph>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [""] }]
2582
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2583
+ type: Input
2584
+ }], buttonClicked: [{
2585
+ type: Output
2586
+ }], closeButtonClicked: [{
2587
+ type: Output
2588
+ }] } });
2589
+
2590
+ class ConfirmationModalModule {
2591
+ }
2592
+ ConfirmationModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2593
+ ConfirmationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, declarations: [ConfirmationModalComponent], imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule], exports: [ConfirmationModalComponent] });
2594
+ ConfirmationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, imports: [[CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule]] });
2595
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, decorators: [{
2596
+ type: NgModule,
2597
+ args: [{
2598
+ declarations: [ConfirmationModalComponent],
2599
+ imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule],
2600
+ exports: [ConfirmationModalComponent],
2601
+ }]
2602
+ }] });
2603
+
2604
+ class DocumentManagementListComponent {
2605
+ constructor() {
2606
+ this.isLoading = true;
2607
+ this.moreOptionClick = new EventEmitter();
2608
+ this.previewClick = new EventEmitter();
2609
+ this.uploadClick = new EventEmitter();
2610
+ }
2611
+ ngOnInit() {
2612
+ this.isLoading = false;
2613
+ }
2614
+ onMoreClick(documentManagementItemModel) {
2615
+ this.moreOptionClick.emit(documentManagementItemModel);
2616
+ }
2617
+ onPreviewClick(documentManagementItemModel) {
2618
+ this.previewClick.emit(documentManagementItemModel);
2619
+ }
2620
+ onUploadClick() {
2621
+ this.uploadClick.emit();
2622
+ }
2623
+ }
2624
+ DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2625
+ DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
2626
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
2627
+ type: Component,
2628
+ args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n <div class=\"dml-title-wrap\">\n <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n <symphony-icon-wrapper (click)=\"onUploadClick()\"\n class=\"dml-title-icon-right\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n <li *ngFor=\"let dmItem of documentManagementList\">\n <symphony-document-management-item\n [documentManagementItemModel]=\"dmItem\"\n (moreOptionClicked)=\"onMoreClick($event)\"\n (previewClicked)=\"onPreviewClick($event)\"\n ></symphony-document-management-item>\n </li>\n </ul>\n <div *ngIf=\"isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
2629
+ }], ctorParameters: function () { return []; }, propDecorators: { documentManagementList: [{
2630
+ type: Input
2631
+ }], moreOptionClick: [{
2632
+ type: Output
2633
+ }], previewClick: [{
2634
+ type: Output
2635
+ }], uploadClick: [{
2636
+ type: Output
2637
+ }] } });
2638
+
2639
+ class DocumentManagementListModule {
2640
+ }
2641
+ DocumentManagementListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2642
+ DocumentManagementListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, declarations: [DocumentManagementListComponent], imports: [CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule], exports: [DocumentManagementListComponent] });
2643
+ DocumentManagementListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, imports: [[CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule]] });
2644
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, decorators: [{
2645
+ type: NgModule,
2646
+ args: [{
2647
+ declarations: [DocumentManagementListComponent],
2648
+ imports: [CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule],
2649
+ exports: [DocumentManagementListComponent],
2650
+ }]
2651
+ }] });
2652
+
2503
2653
  class NoteComponent {
2504
2654
  constructor() {
2505
2655
  this.noteModel = {
@@ -3405,46 +3555,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3405
3555
  }]
3406
3556
  }] });
3407
3557
 
3408
- class CancelModalComponent {
3409
- constructor() {
3410
- this.model = {};
3411
- this.buttonClicked = new EventEmitter();
3412
- this.closeButtonClicked = new EventEmitter();
3413
- }
3414
- onButtonClick(text) {
3415
- this.buttonClicked.emit(text);
3416
- }
3417
- onCloseButtonClick() {
3418
- this.closeButtonClicked.emit();
3419
- }
3420
- }
3421
- CancelModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3422
- CancelModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CancelModalComponent, selector: "symphony-cancel-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div> \n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph [text]=\"model.content\"></symphony-paragraph>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [""], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }] });
3423
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalComponent, decorators: [{
3424
- type: Component,
3425
- args: [{ selector: 'symphony-cancel-modal', template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div> \n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph [text]=\"model.content\"></symphony-paragraph>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [""] }]
3426
- }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3427
- type: Input
3428
- }], buttonClicked: [{
3429
- type: Output
3430
- }], closeButtonClicked: [{
3431
- type: Output
3432
- }] } });
3433
-
3434
- class CancelModalModule {
3435
- }
3436
- CancelModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3437
- CancelModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalModule, declarations: [CancelModalComponent], imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule], exports: [CancelModalComponent] });
3438
- CancelModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalModule, imports: [[CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule]] });
3439
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CancelModalModule, decorators: [{
3440
- type: NgModule,
3441
- args: [{
3442
- declarations: [CancelModalComponent],
3443
- imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule],
3444
- exports: [CancelModalComponent],
3445
- }]
3446
- }] });
3447
-
3448
3558
  class FeedbackDetailHeaderComponent {
3449
3559
  constructor() {
3450
3560
  this.previewClicked = new EventEmitter();
@@ -3534,10 +3644,10 @@ class FeedbackDetailCandidateInfoComponent {
3534
3644
  constructor() { }
3535
3645
  }
3536
3646
  FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3537
- FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { historyList: "historyList", educationList: "educationList", certificationList: "certificationList" }, ngImport: i0, template: "<accordion>\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Work History'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"historyList\"\n ></symphony-feedback-candidate-workhistory>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Education'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-education\n [educationHistories]=\"educationList\"\n ></symphony-feedback-candidate-education>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Certifications'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"certificationList\"\n ></symphony-feedback-candidate-certifications>\n </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg)}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$4.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$4.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }], encapsulation: i0.ViewEncapsulation.None });
3647
+ FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { historyList: "historyList", educationList: "educationList", certificationList: "certificationList" }, ngImport: i0, template: "<accordion>\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Work History'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"historyList\"\n ></symphony-feedback-candidate-workhistory>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Education'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-education\n [educationHistories]=\"educationList\"\n ></symphony-feedback-candidate-education>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Certifications'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"certificationList\"\n ></symphony-feedback-candidate-certifications>\n </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$4.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$4.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }], encapsulation: i0.ViewEncapsulation.None });
3538
3648
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
3539
3649
  type: Component,
3540
- args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Work History'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"historyList\"\n ></symphony-feedback-candidate-workhistory>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Education'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-education\n [educationHistories]=\"educationList\"\n ></symphony-feedback-candidate-education>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Certifications'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"certificationList\"\n ></symphony-feedback-candidate-certifications>\n </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg)}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
3650
+ args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Work History'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"historyList\"\n ></symphony-feedback-candidate-workhistory>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Education'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-education\n [educationHistories]=\"educationList\"\n ></symphony-feedback-candidate-education>\n </accordion-group>\n\n <accordion-group [isOpen]=\"true\">\n <symphony-sfx-accordion-header\n accordion-heading\n [heading]=\"'Certifications'\"\n ></symphony-sfx-accordion-header>\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"certificationList\"\n ></symphony-feedback-candidate-certifications>\n </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
3541
3651
  }], ctorParameters: function () { return []; }, propDecorators: { historyList: [{
3542
3652
  type: Input
3543
3653
  }], educationList: [{
@@ -3637,7 +3747,7 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
3637
3747
  TypographyModule,
3638
3748
  IconExplorerModule,
3639
3749
  CardListModule,
3640
- CancelModalModule,
3750
+ ConfirmationModalModule,
3641
3751
  UploadResumeModalModule,
3642
3752
  FeedbackCardListModule,
3643
3753
  FeedbackDetailHeaderModule,
@@ -3646,7 +3756,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
3646
3756
  GridActionsJobListModule,
3647
3757
  GridControlsJobListModule,
3648
3758
  ActionBarModule,
3649
- ActionBarJobListModule] });
3759
+ ActionBarJobListModule,
3760
+ DocumentManagementListModule] });
3650
3761
  OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
3651
3762
  CommonModule,
3652
3763
  NoteListModule,
@@ -3654,7 +3765,7 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
3654
3765
  TypographyModule,
3655
3766
  IconExplorerModule,
3656
3767
  CardListModule,
3657
- CancelModalModule,
3768
+ ConfirmationModalModule,
3658
3769
  UploadResumeModalModule,
3659
3770
  FeedbackCardListModule,
3660
3771
  FeedbackDetailHeaderModule,
@@ -3663,7 +3774,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
3663
3774
  GridActionsJobListModule,
3664
3775
  GridControlsJobListModule,
3665
3776
  ActionBarModule,
3666
- ActionBarJobListModule
3777
+ ActionBarJobListModule,
3778
+ DocumentManagementListModule
3667
3779
  ]] });
3668
3780
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
3669
3781
  type: NgModule,
@@ -3676,7 +3788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3676
3788
  TypographyModule,
3677
3789
  IconExplorerModule,
3678
3790
  CardListModule,
3679
- CancelModalModule,
3791
+ ConfirmationModalModule,
3680
3792
  UploadResumeModalModule,
3681
3793
  FeedbackCardListModule,
3682
3794
  FeedbackDetailHeaderModule,
@@ -3685,7 +3797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3685
3797
  GridActionsJobListModule,
3686
3798
  GridControlsJobListModule,
3687
3799
  ActionBarModule,
3688
- ActionBarJobListModule
3800
+ ActionBarJobListModule,
3801
+ DocumentManagementListModule
3689
3802
  ]
3690
3803
  }]
3691
3804
  }] });
@@ -4250,10 +4363,10 @@ class AdvertiseModalComponent {
4250
4363
  }
4251
4364
  }
4252
4365
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4253
- 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" }, 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]=\"filteredPostingBoardList\"\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 >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\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-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-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: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { 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: CancelModalComponent, selector: "symphony-cancel-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
4366
+ 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" }, 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]=\"filteredPostingBoardList\"\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 >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\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}::-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: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { 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"] }] });
4254
4367
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
4255
4368
  type: Component,
4256
- args: [{ selector: 'symphony-advertise-modal', 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]=\"filteredPostingBoardList\"\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 >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\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-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-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"] }]
4369
+ args: [{ selector: 'symphony-advertise-modal', 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]=\"filteredPostingBoardList\"\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 >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\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}::-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"] }]
4257
4370
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
4258
4371
  type: Input
4259
4372
  }], buttonClicked: [{
@@ -4394,7 +4507,7 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
4394
4507
  SfxLoaderModule,
4395
4508
  AdvertiseOrderReviewModule,
4396
4509
  OrderSummaryModule,
4397
- CancelModalModule], exports: [AdvertiseModalComponent] });
4510
+ ConfirmationModalModule], exports: [AdvertiseModalComponent] });
4398
4511
  ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
4399
4512
  CommonModule,
4400
4513
  TwoColumnModalModule,
@@ -4413,7 +4526,7 @@ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
4413
4526
  SfxLoaderModule,
4414
4527
  AdvertiseOrderReviewModule,
4415
4528
  OrderSummaryModule,
4416
- CancelModalModule
4529
+ ConfirmationModalModule
4417
4530
  ]] });
4418
4531
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
4419
4532
  type: NgModule,
@@ -4437,7 +4550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
4437
4550
  SfxLoaderModule,
4438
4551
  AdvertiseOrderReviewModule,
4439
4552
  OrderSummaryModule,
4440
- CancelModalModule
4553
+ ConfirmationModalModule
4441
4554
  ],
4442
4555
  exports: [AdvertiseModalComponent],
4443
4556
  }]
@@ -4505,10 +4618,10 @@ class FeedbackListTemplateComponent {
4505
4618
  constructor() { }
4506
4619
  }
4507
4620
  FeedbackListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4508
- FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
4621
+ FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] });
4509
4622
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, decorators: [{
4510
4623
  type: Component,
4511
- args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
4624
+ args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] }]
4512
4625
  }], ctorParameters: function () { return []; } });
4513
4626
 
4514
4627
  class FeedbackListPageComponent {
@@ -4524,10 +4637,10 @@ class FeedbackListPageComponent {
4524
4637
  }
4525
4638
  }
4526
4639
  FeedbackListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4527
- 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", submitButtonClicked: "submitButtonClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n <symphony-button\n button-primary\n [text]=\"'Submit Feedback'\"\n class=\"pull-right\"\n [disabled]=\"model.isSubmitDisabled\"\n (clicked)=\"onSubmitButtonClick($event)\"\n ></symphony-button>\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}\n"], components: [{ type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { 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 });
4640
+ 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", submitButtonClicked: "submitButtonClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n <symphony-h3 page-title>Feedback Request</symphony-h3>\n <symphony-button\n button-primary\n [text]=\"'Submit Feedback'\"\n class=\"pull-right\"\n [disabled]=\"model.isSubmitDisabled\"\n (clicked)=\"onSubmitButtonClick($event)\"\n ></symphony-button>\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: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { 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 });
4528
4641
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, decorators: [{
4529
4642
  type: Component,
4530
- 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 <symphony-button\n button-primary\n [text]=\"'Submit Feedback'\"\n class=\"pull-right\"\n [disabled]=\"model.isSubmitDisabled\"\n (clicked)=\"onSubmitButtonClick($event)\"\n ></symphony-button>\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}\n"] }]
4643
+ 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 <symphony-button\n button-primary\n [text]=\"'Submit Feedback'\"\n class=\"pull-right\"\n [disabled]=\"model.isSubmitDisabled\"\n (clicked)=\"onSubmitButtonClick($event)\"\n ></symphony-button>\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"] }]
4531
4644
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
4532
4645
  type: Input
4533
4646
  }], cardClicked: [{
@@ -4593,10 +4706,10 @@ class FeedbackDetailTemplateComponent {
4593
4706
  constructor() { }
4594
4707
  }
4595
4708
  FeedbackDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4596
- FeedbackDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template", ngImport: i0, template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] });
4709
+ FeedbackDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template", ngImport: i0, template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header-mobile\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header-mobile.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] });
4597
4710
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, decorators: [{
4598
4711
  type: Component,
4599
- args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] }]
4712
+ args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header-mobile\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header-mobile.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] }]
4600
4713
  }], ctorParameters: function () { return []; } });
4601
4714
 
4602
4715
  class FeedbackDetailInterestFormComponent {
@@ -4615,10 +4728,10 @@ class FeedbackDetailInterestFormComponent {
4615
4728
  }
4616
4729
  }
4617
4730
  FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4618
- FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <textarea\n [(ngModel)]=\"model.comments\"\n class=\"form-control sfx-mb-5\"\n id=\"comments\"\n rows=\"4\"\n >{{ model.comments }}</textarea\n >\n </div>\n\n <div class=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
4731
+ FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <textarea\n [(ngModel)]=\"model.comments\"\n class=\"form-control sfx-mb-5\"\n id=\"comments\"\n rows=\"4\"\n >{{ model.comments }}</textarea\n >\n </div>\n\n <div class=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
4619
4732
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
4620
4733
  type: Component,
4621
- args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <textarea\n [(ngModel)]=\"model.comments\"\n class=\"form-control sfx-mb-5\"\n id=\"comments\"\n rows=\"4\"\n >{{ model.comments }}</textarea\n >\n </div>\n\n <div class=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
4734
+ args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <textarea\n [(ngModel)]=\"model.comments\"\n class=\"form-control sfx-mb-5\"\n id=\"comments\"\n rows=\"4\"\n >{{ model.comments }}</textarea\n >\n </div>\n\n <div class=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
4622
4735
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
4623
4736
  type: Input
4624
4737
  }], cancel: [{
@@ -4752,5 +4865,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
4752
4865
  * Generated bundle index. Do not edit.
4753
4866
  */
4754
4867
 
4755
- export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsJobListComponent, GridActionsJobListModule, GridCellLoaderModule, GridComponent, GridControlsJobListComponent, GridControlsJobListModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
4868
+ export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridActionsJobListComponent, GridActionsJobListModule, GridCellLoaderModule, GridComponent, GridControlsJobListComponent, GridControlsJobListModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, gridType };
4756
4869
  //# sourceMappingURL=symphony-talent-component-library.mjs.map