@symphony-talent/component-library 3.3.1 → 3.6.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 (95) hide show
  1. package/esm2020/lib/atoms/input-checkbox/input-checkbox.model.mjs +1 -1
  2. package/esm2020/lib/atoms/input-editable-text/input-editable-text.component.mjs +37 -0
  3. package/esm2020/lib/atoms/input-editable-text/input-editable-text.model.mjs +2 -0
  4. package/esm2020/lib/atoms/input-editable-text/input-editable-text.module.mjs +21 -0
  5. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +4 -4
  6. package/esm2020/lib/molecules/advertise-order-review/advertise-order-review.component.mjs +14 -0
  7. package/esm2020/lib/molecules/advertise-order-review/advertise-order-review.module.mjs +20 -0
  8. package/esm2020/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.component.mjs +46 -0
  9. package/esm2020/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.module.mjs +20 -0
  10. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +3 -3
  11. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +1 -1
  12. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +4 -20
  13. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.component.mjs +22 -0
  14. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.model.mjs +2 -0
  15. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.module.mjs +20 -0
  16. package/esm2020/lib/molecules/molecules.module.mjs +6 -2
  17. package/esm2020/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.component.mjs +16 -0
  18. package/esm2020/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module.mjs +19 -0
  19. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +13 -11
  20. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
  21. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +14 -2
  22. package/esm2020/lib/templates/admin-list/admin-list.component.mjs +3 -3
  23. package/esm2020/projects/component-library/lib/atoms/input-checkbox/input-checkbox.model.mjs +1 -1
  24. package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.component.mjs +37 -0
  25. package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.model.mjs +2 -0
  26. package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.module.mjs +21 -0
  27. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +4 -4
  28. package/esm2020/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.mjs +14 -0
  29. package/esm2020/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.module.mjs +20 -0
  30. package/esm2020/projects/component-library/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.component.mjs +46 -0
  31. package/esm2020/projects/component-library/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.module.mjs +20 -0
  32. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +3 -3
  33. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +1 -1
  34. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +4 -20
  35. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.component.mjs +22 -0
  36. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.model.mjs +2 -0
  37. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.module.mjs +20 -0
  38. package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +6 -2
  39. package/esm2020/projects/component-library/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.component.mjs +16 -0
  40. package/esm2020/projects/component-library/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module.mjs +19 -0
  41. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +13 -11
  42. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
  43. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +14 -2
  44. package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +3 -3
  45. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +213 -33
  46. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  47. package/fesm2015/symphony-talent-component-library.mjs +213 -33
  48. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  49. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +212 -33
  50. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  51. package/fesm2020/symphony-talent-component-library.mjs +212 -33
  52. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  53. package/lib/atoms/input-checkbox/input-checkbox.model.d.ts +1 -1
  54. package/lib/atoms/input-editable-text/input-editable-text.component.d.ts +16 -0
  55. package/lib/atoms/input-editable-text/input-editable-text.model.d.ts +7 -0
  56. package/lib/atoms/input-editable-text/input-editable-text.module.d.ts +11 -0
  57. package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -2
  58. package/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts +6 -0
  59. package/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts +10 -0
  60. package/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.component.d.ts +18 -0
  61. package/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.module.d.ts +10 -0
  62. package/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +1 -1
  63. package/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +2 -3
  64. package/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts +8 -0
  65. package/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts +5 -0
  66. package/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts +10 -0
  67. package/lib/molecules/molecules.module.d.ts +2 -1
  68. package/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.component.d.ts +8 -0
  69. package/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module.d.ts +9 -0
  70. package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +6 -5
  71. package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +2 -0
  72. package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +4 -1
  73. package/package.json +1 -1
  74. package/projects/component-library/global-assets/spacing.scss +4 -0
  75. package/projects/component-library/global.scss +33 -257
  76. package/projects/component-library/lib/atoms/input-checkbox/input-checkbox.model.d.ts +1 -1
  77. package/projects/component-library/lib/atoms/input-editable-text/input-editable-text.component.d.ts +16 -0
  78. package/projects/component-library/lib/atoms/input-editable-text/input-editable-text.model.d.ts +7 -0
  79. package/projects/component-library/lib/atoms/input-editable-text/input-editable-text.module.d.ts +11 -0
  80. package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -2
  81. package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts +6 -0
  82. package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts +10 -0
  83. package/projects/component-library/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.component.d.ts +18 -0
  84. package/projects/component-library/lib/molecules/advertise-postingboard-selection-item/advertise-postingboard-selection-item.module.d.ts +10 -0
  85. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +1 -1
  86. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +2 -3
  87. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts +8 -0
  88. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts +5 -0
  89. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts +10 -0
  90. package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
  91. package/projects/component-library/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.component.d.ts +8 -0
  92. package/projects/component-library/lib/organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module.d.ts +9 -0
  93. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +6 -5
  94. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +2 -0
  95. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +4 -1
@@ -7,6 +7,7 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
7
7
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
8
8
  import * as i1$2 from 'ag-grid-angular';
9
9
  import { AgGridModule } from 'ag-grid-angular';
10
+ import * as i4 from '@angular/forms';
10
11
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
11
12
  import { Subject, timer } from 'rxjs';
12
13
  import { debounceTime, distinctUntilChanged, delay } from 'rxjs/operators';
@@ -1286,13 +1287,13 @@ class TooltipWrapperComponent {
1286
1287
  constructor() { }
1287
1288
  }
1288
1289
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1289
- TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipText: "tooltipText" }, ngImport: i0, template: "<span\n class=\"sfx-d-inline-block\"\n tooltip=\"{{ tooltipText }}\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"], directives: [{ type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
1290
+ TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
1290
1291
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
1291
1292
  type: Component,
1292
- args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<span\n class=\"sfx-d-inline-block\"\n tooltip=\"{{ tooltipText }}\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:160px;font-size:13px;color:#000}\n"] }]
1293
+ args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px #0003;font-weight:600}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
1293
1294
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
1294
1295
  type: Input
1295
- }], tooltipText: [{
1296
+ }], tooltipHtml: [{
1296
1297
  type: Input
1297
1298
  }] } });
1298
1299
 
@@ -1523,10 +1524,10 @@ class H5WithIconComponent {
1523
1524
  }
1524
1525
  }
1525
1526
  H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1526
- H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipText"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1527
+ H5WithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1527
1528
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
1528
1529
  type: Component,
1529
- args: [{ selector: 'symphony-h5-with-icon', template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipText\"\n [tooltipText]=\"model.tooltipText\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipText\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"] }]
1530
+ args: [{ selector: 'symphony-h5-with-icon', template: "<div *ngIf=\"model.iconFirst\" class=\"sfx-d-flex icon-first\">\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n <symphony-h5>{{ model.text }}</symphony-h5>\n</div>\n<div *ngIf=\"!model.iconFirst\" class=\"sfx-d-flex icon-last\">\n <symphony-h5>{{ model.text }}</symphony-h5>\n\n <symphony-tooltip-wrapper\n *ngIf=\"model.tooltipHtml\"\n [tooltipHtml]=\"model.tooltipHtml\"\n [placement]=\"model.placement\"\n >\n <symphony-icon\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n </symphony-tooltip-wrapper>\n <symphony-icon\n *ngIf=\"!model.tooltipHtml\"\n [icon]=\"model.icon\"\n [iconColor]=\"model.iconColor\"\n ></symphony-icon>\n</div>\n", styles: [".icon-last{position:relative}.icon-last symphony-h5{padding-right:5px}.icon-last symphony-icon{height:20px}.icon-first{position:relative}.icon-first symphony-h5{padding-left:5px}.icon-first symphony-icon{height:20px}\n"] }]
1530
1531
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1531
1532
  type: Input
1532
1533
  }] } });
@@ -1534,27 +1535,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1534
1535
  class H5WithIconModule {
1535
1536
  }
1536
1537
  H5WithIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1537
- H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule,
1538
- H5Module,
1539
- IconModule, i1$3.TooltipModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
1540
- H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[
1541
- CommonModule,
1542
- H5Module,
1543
- IconModule,
1544
- TooltipModule.forRoot(),
1545
- TooltipWrapperModule,
1546
- ]] });
1538
+ H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule, H5Module, IconModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
1539
+ H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[CommonModule, H5Module, IconModule, TooltipWrapperModule]] });
1547
1540
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, decorators: [{
1548
1541
  type: NgModule,
1549
1542
  args: [{
1550
1543
  declarations: [H5WithIconComponent],
1551
- imports: [
1552
- CommonModule,
1553
- H5Module,
1554
- IconModule,
1555
- TooltipModule.forRoot(),
1556
- TooltipWrapperModule,
1557
- ],
1544
+ imports: [CommonModule, H5Module, IconModule, TooltipWrapperModule],
1558
1545
  exports: [H5WithIconComponent],
1559
1546
  }]
1560
1547
  }] });
@@ -1688,6 +1675,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1688
1675
  }]
1689
1676
  }] });
1690
1677
 
1678
+ class InvoiceLineItemComponent {
1679
+ constructor() {
1680
+ this.model = {
1681
+ textLeft: '',
1682
+ textRight: '',
1683
+ };
1684
+ }
1685
+ }
1686
+ InvoiceLineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1687
+ InvoiceLineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"row sfx-d-flex\">\n <div class=\"text-left col-xs-12 col-sm-8 sfx-d-flex\">\n <symphony-h5 *ngIf=\"model.label\">{{ model.label }}</symphony-h5>\n <symphony-paragraph>{{ model.textLeft }}</symphony-paragraph>\n </div>\n <div class=\"text-right col-xs-12 col-sm-4 sfx-d-flex\">\n <symphony-paragraph>{{ model.textRight }}</symphony-paragraph>\n </div>\n</div>\n", styles: [".text-right{justify-content:end}\n"], components: [{ type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1688
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemComponent, decorators: [{
1689
+ type: Component,
1690
+ args: [{ selector: 'symphony-invoice-line-item', template: "<div class=\"row sfx-d-flex\">\n <div class=\"text-left col-xs-12 col-sm-8 sfx-d-flex\">\n <symphony-h5 *ngIf=\"model.label\">{{ model.label }}</symphony-h5>\n <symphony-paragraph>{{ model.textLeft }}</symphony-paragraph>\n </div>\n <div class=\"text-right col-xs-12 col-sm-4 sfx-d-flex\">\n <symphony-paragraph>{{ model.textRight }}</symphony-paragraph>\n </div>\n</div>\n", styles: [".text-right{justify-content:end}\n"] }]
1691
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1692
+ type: Input
1693
+ }] } });
1694
+
1695
+ class InvoiceLineItemModule {
1696
+ }
1697
+ InvoiceLineItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1698
+ InvoiceLineItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, declarations: [InvoiceLineItemComponent], imports: [CommonModule, ParagraphModule, H5Module], exports: [InvoiceLineItemComponent] });
1699
+ InvoiceLineItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, imports: [[CommonModule, ParagraphModule, H5Module]] });
1700
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, decorators: [{
1701
+ type: NgModule,
1702
+ args: [{
1703
+ declarations: [InvoiceLineItemComponent],
1704
+ imports: [CommonModule, ParagraphModule, H5Module],
1705
+ exports: [InvoiceLineItemComponent],
1706
+ }]
1707
+ }] });
1708
+
1691
1709
  class MoleculesModule {
1692
1710
  }
1693
1711
  MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1698,7 +1716,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
1698
1716
  ColorSwatchModule,
1699
1717
  IconSwatchModule,
1700
1718
  BreadcrumbModule,
1701
- H5WithIconModule], exports: [PillsModule, BreadcrumbModule] });
1719
+ H5WithIconModule,
1720
+ InvoiceLineItemModule], exports: [PillsModule, BreadcrumbModule] });
1702
1721
  MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
1703
1722
  CommonModule,
1704
1723
  AvatarModule,
@@ -1708,6 +1727,7 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
1708
1727
  IconSwatchModule,
1709
1728
  BreadcrumbModule,
1710
1729
  H5WithIconModule,
1730
+ InvoiceLineItemModule,
1711
1731
  ], PillsModule, BreadcrumbModule] });
1712
1732
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
1713
1733
  type: NgModule,
@@ -1722,6 +1742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1722
1742
  IconSwatchModule,
1723
1743
  BreadcrumbModule,
1724
1744
  H5WithIconModule,
1745
+ InvoiceLineItemModule,
1725
1746
  ],
1726
1747
  exports: [PillsModule, BreadcrumbModule],
1727
1748
  }]
@@ -2677,10 +2698,10 @@ class AdminListTemplateComponent {
2677
2698
  constructor() { }
2678
2699
  }
2679
2700
  AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2680
- AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] });
2701
+ AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] });
2681
2702
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
2682
2703
  type: Component,
2683
- args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
2704
+ args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
2684
2705
  }], ctorParameters: function () { return []; } });
2685
2706
 
2686
2707
  class EventsSettingsPageComponent {
@@ -2943,6 +2964,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2943
2964
  args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-px-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] }]
2944
2965
  }], ctorParameters: function () { return []; } });
2945
2966
 
2967
+ class InputEditableTextComponent {
2968
+ constructor() {
2969
+ this.type = 'number';
2970
+ this.confirm = new EventEmitter();
2971
+ }
2972
+ onEditClick() {
2973
+ this.model.isInEditMode = true;
2974
+ this.previousValue = this.model.value;
2975
+ }
2976
+ onConfirmClick() {
2977
+ this.model.isInEditMode = false;
2978
+ this.confirm.emit(this.model);
2979
+ }
2980
+ onCloseClick() {
2981
+ this.model.value = this.previousValue;
2982
+ this.model.isInEditMode = false;
2983
+ }
2984
+ }
2985
+ InputEditableTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2986
+ InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask }}{{ model.value }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div *ngIf=\"model.isInEditMode\">\n <span class=\"sfx-pr-10\"\n >{{ model.inputMask }}<input type=\"{{ type }}\" [(ngModel)]=\"model.value\"\n /></span>\n <span\n ><symphony-icon\n [icon]=\"'si-confirmation'\"\n [size]=\"'14px'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n [size]=\"'14px'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: ["input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;text-align:right;width:21px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: 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"] }] });
2987
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, decorators: [{
2988
+ type: Component,
2989
+ args: [{ selector: 'symphony-input-editable-text', template: "<div *ngIf=\"model\">\n <div *ngIf=\"!model.isInEditMode\">\n <div class=\"flex\">\n <div>\n <symphony-paragraph\n >{{ model.inputMask }}{{ model.value }}</symphony-paragraph\n >\n </div>\n <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n </div>\n <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n </div>\n </div>\n <div *ngIf=\"model.isInEditMode\">\n <span class=\"sfx-pr-10\"\n >{{ model.inputMask }}<input type=\"{{ type }}\" [(ngModel)]=\"model.value\"\n /></span>\n <span\n ><symphony-icon\n [icon]=\"'si-confirmation'\"\n [size]=\"'14px'\"\n (click)=\"onConfirmClick()\"\n ></symphony-icon\n ></span>\n <span\n ><symphony-icon\n [icon]=\"'si-close-modal'\"\n [size]=\"'14px'\"\n (click)=\"onCloseClick()\"\n ></symphony-icon\n ></span>\n </div>\n</div>\n", styles: ["input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;text-align:right;width:21px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}\n"] }]
2990
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2991
+ type: Input
2992
+ }], type: [{
2993
+ type: Input
2994
+ }], confirm: [{
2995
+ type: Output
2996
+ }] } });
2997
+
2998
+ class AdvertisePostingboardSelectionItemComponent {
2999
+ constructor() {
3000
+ this.priceChange = new EventEmitter();
3001
+ this.postingBoardSelect = new EventEmitter();
3002
+ }
3003
+ ngOnInit() {
3004
+ this.mapModel();
3005
+ }
3006
+ onBoardPriceChange(priceChangeEvent) {
3007
+ this.model.boardPrice = +priceChangeEvent.value;
3008
+ this.priceChange.emit(this.model);
3009
+ }
3010
+ onPostingBoardSelect(postingBoardSelectEvent) {
3011
+ this.model.isSelected = postingBoardSelectEvent.isActive;
3012
+ this.postingBoardSelect.emit(this.model);
3013
+ }
3014
+ mapModel() {
3015
+ var _a;
3016
+ if (this.model) {
3017
+ this.editableTextModel = {
3018
+ inputMask: '$',
3019
+ value: (_a = this.model.boardPrice) === null || _a === void 0 ? void 0 : _a.toString(),
3020
+ isEditable: this.model.isEditable,
3021
+ isInEditMode: this.model.isInEditMode,
3022
+ id: this.model.id,
3023
+ };
3024
+ }
3025
+ }
3026
+ }
3027
+ AdvertisePostingboardSelectionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3028
+ AdvertisePostingboardSelectionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisePostingboardSelectionItemComponent, selector: "symphony-advertise-postingboard-selection-item", inputs: { model: "model" }, outputs: { priceChange: "priceChange", postingBoardSelect: "postingBoardSelect" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"posting-board-selection-item\">\n <div class=\"inline-block\">\n <symphony-input-checkbox\n [label]=\"model.boardName\"\n [isActive]=\"model.isSelected\"\n (clicked)=\"onPostingBoardSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n <div class=\"inline-block pull-right sfx-pt-10 sfx-pr-10\">\n <symphony-input-editable-text\n [model]=\"editableTextModel\"\n (confirm)=\"onBoardPriceChange($event)\"\n ></symphony-input-editable-text>\n </div>\n</div>\n", styles: [".inline-block{display:inline-block}\n"], components: [{ type: InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: ["model", "type"], outputs: ["confirm"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
3029
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemComponent, decorators: [{
3030
+ type: Component,
3031
+ args: [{ selector: 'symphony-advertise-postingboard-selection-item', template: "<div *ngIf=\"model\" class=\"posting-board-selection-item\">\n <div class=\"inline-block\">\n <symphony-input-checkbox\n [label]=\"model.boardName\"\n [isActive]=\"model.isSelected\"\n (clicked)=\"onPostingBoardSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n <div class=\"inline-block pull-right sfx-pt-10 sfx-pr-10\">\n <symphony-input-editable-text\n [model]=\"editableTextModel\"\n (confirm)=\"onBoardPriceChange($event)\"\n ></symphony-input-editable-text>\n </div>\n</div>\n", styles: [".inline-block{display:inline-block}\n"] }]
3032
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3033
+ type: Input
3034
+ }], priceChange: [{
3035
+ type: Output
3036
+ }], postingBoardSelect: [{
3037
+ type: Output
3038
+ }] } });
3039
+
3040
+ class AdvertisePostingboardSelectionListComponent {
3041
+ constructor() { }
3042
+ }
3043
+ AdvertisePostingboardSelectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3044
+ AdvertisePostingboardSelectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: { model: "model" }, ngImport: i0, template: "<symphony-advertise-postingboard-selection-item\n *ngFor=\"let item of model\"\n [model]=\"item\"\n></symphony-advertise-postingboard-selection-item>\n", styles: [""], components: [{ type: AdvertisePostingboardSelectionItemComponent, selector: "symphony-advertise-postingboard-selection-item", inputs: ["model"], outputs: ["priceChange", "postingBoardSelect"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
3045
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListComponent, decorators: [{
3046
+ type: Component,
3047
+ args: [{ selector: 'symphony-advertise-postingboard-selection-list', template: "<symphony-advertise-postingboard-selection-item\n *ngFor=\"let item of model\"\n [model]=\"item\"\n></symphony-advertise-postingboard-selection-item>\n", styles: [""] }]
3048
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3049
+ type: Input
3050
+ }] } });
3051
+
3052
+ class AdvertiseOrderReviewComponent {
3053
+ constructor() { }
3054
+ }
3055
+ AdvertiseOrderReviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3056
+ AdvertiseOrderReviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review", ngImport: i0, template: "<section class=\"advertise-review-wrap\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>Please review your order for accuracy</symphony-h4>\n </div>\n <symphony-paragraph>Once you click <span class=\"sfx-font-bold\">Buy</span>, SmashFlyX will process the postings to the selected boards.</symphony-paragraph>\n</section>\n", styles: [""], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
3057
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, decorators: [{
3058
+ type: Component,
3059
+ args: [{ selector: 'symphony-advertise-order-review', template: "<section class=\"advertise-review-wrap\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>Please review your order for accuracy</symphony-h4>\n </div>\n <symphony-paragraph>Once you click <span class=\"sfx-font-bold\">Buy</span>, SmashFlyX will process the postings to the selected boards.</symphony-paragraph>\n</section>\n", styles: [""] }]
3060
+ }], ctorParameters: function () { return []; } });
3061
+
2946
3062
  class AdvertiseModalComponent {
2947
3063
  constructor() {
2948
3064
  this.model = {
@@ -2961,13 +3077,14 @@ class AdvertiseModalComponent {
2961
3077
  primaryButtonText: '',
2962
3078
  secondaryButtonText: '',
2963
3079
  };
2964
- this.keywordSearchChange = new EventEmitter();
2965
3080
  this.buttonClicked = new EventEmitter();
2966
3081
  this.closeButtonClicked = new EventEmitter();
2967
3082
  }
3083
+ ngOnInit() {
3084
+ this.filteredPostingBoardList = this.model.jobBoards;
3085
+ }
2968
3086
  keywordSearch(keyword) {
2969
- this.keywordSearchChange.emit(keyword);
2970
- console.log(keyword);
3087
+ this.filteredPostingBoardList = this.model.jobBoards.filter((board) => board.boardName.toLowerCase().includes(keyword));
2971
3088
  }
2972
3089
  onButtonClick(text) {
2973
3090
  this.buttonClicked.emit(text);
@@ -2977,14 +3094,12 @@ class AdvertiseModalComponent {
2977
3094
  }
2978
3095
  }
2979
3096
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2980
- AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\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]=\"model.subtitle\">\n </symphony-h5-with-icon>\n <symphony-two-column-body-template sfx-modal-body-area>\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($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]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <symphony-placeholder\n sfx-left-column\n [label]=\"'sfx-left-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".right-col-header-inner{padding-top:10px}\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" }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: PlaceholderComponent, selector: "symphony-placeholder", inputs: ["type", "label", "tooltip", "tooltipPlacement", "height", "width"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
3097
+ 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" }, ngImport: i0, template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\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]=\"model.subtitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading\"\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)=\"keywordSearch($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]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-d-none\">\n <symphony-advertise-order-review\n ></symphony-advertise-order-review>\n </div>\n\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.disablePrimaryButton\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\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}\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" }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"] }, { type: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: PlaceholderComponent, selector: "symphony-placeholder", inputs: ["type", "label", "tooltip", "tooltipPlacement", "height", "width"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2981
3098
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
2982
3099
  type: Component,
2983
- args: [{ selector: 'symphony-advertise-modal', template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\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]=\"model.subtitle\">\n </symphony-h5-with-icon>\n <symphony-two-column-body-template sfx-modal-body-area>\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($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]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <symphony-placeholder\n sfx-left-column\n [label]=\"'sfx-left-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".right-col-header-inner{padding-top:10px}\n"] }]
3100
+ args: [{ selector: 'symphony-advertise-modal', template: "<symphony-two-column-modal-template>\n <symphony-h4 sfx-modal-title>{{ model.title }}</symphony-h4>\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]=\"model.subtitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading\"\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)=\"keywordSearch($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]=\"model.fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-d-none\">\n <symphony-advertise-order-review\n ></symphony-advertise-order-review>\n </div>\n\n <symphony-placeholder\n sfx-right-column\n [label]=\"'sfx-right-column'\"\n [height]=\"'400px'\"\n ></symphony-placeholder>\n </symphony-two-column-body-template>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <symphony-button\n sfx-button-secondary\n [text]=\"model.secondaryButtonText\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n sfx-button-primary\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.disablePrimaryButton\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\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}\n"] }]
2984
3101
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2985
3102
  type: Input
2986
- }], keywordSearchChange: [{
2987
- type: Output
2988
3103
  }], buttonClicked: [{
2989
3104
  type: Output
2990
3105
  }], closeButtonClicked: [{
@@ -3019,6 +3134,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3019
3134
  }]
3020
3135
  }] });
3021
3136
 
3137
+ class InputEditableTextModule {
3138
+ }
3139
+ InputEditableTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3140
+ InputEditableTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, declarations: [InputEditableTextComponent], imports: [CommonModule, IconModule, FormsModule, ParagraphModule], exports: [InputEditableTextComponent] });
3141
+ InputEditableTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, imports: [[CommonModule, IconModule, FormsModule, ParagraphModule]] });
3142
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, decorators: [{
3143
+ type: NgModule,
3144
+ args: [{
3145
+ declarations: [InputEditableTextComponent],
3146
+ imports: [CommonModule, IconModule, FormsModule, ParagraphModule],
3147
+ exports: [InputEditableTextComponent],
3148
+ }]
3149
+ }] });
3150
+
3151
+ class AdvertisePostingboardSelectionItemModule {
3152
+ }
3153
+ AdvertisePostingboardSelectionItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3154
+ AdvertisePostingboardSelectionItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, declarations: [AdvertisePostingboardSelectionItemComponent], imports: [CommonModule, InputEditableTextModule, InputCheckboxModule], exports: [AdvertisePostingboardSelectionItemComponent] });
3155
+ AdvertisePostingboardSelectionItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, imports: [[CommonModule, InputEditableTextModule, InputCheckboxModule]] });
3156
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, decorators: [{
3157
+ type: NgModule,
3158
+ args: [{
3159
+ declarations: [AdvertisePostingboardSelectionItemComponent],
3160
+ imports: [CommonModule, InputEditableTextModule, InputCheckboxModule],
3161
+ exports: [AdvertisePostingboardSelectionItemComponent],
3162
+ }]
3163
+ }] });
3164
+
3165
+ class AdvertisePostingboardSelectionListModule {
3166
+ }
3167
+ AdvertisePostingboardSelectionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3168
+ AdvertisePostingboardSelectionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, declarations: [AdvertisePostingboardSelectionListComponent], imports: [CommonModule, AdvertisePostingboardSelectionItemModule], exports: [AdvertisePostingboardSelectionListComponent] });
3169
+ AdvertisePostingboardSelectionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, imports: [[CommonModule, AdvertisePostingboardSelectionItemModule]] });
3170
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, decorators: [{
3171
+ type: NgModule,
3172
+ args: [{
3173
+ declarations: [AdvertisePostingboardSelectionListComponent],
3174
+ imports: [CommonModule, AdvertisePostingboardSelectionItemModule],
3175
+ exports: [AdvertisePostingboardSelectionListComponent],
3176
+ }]
3177
+ }] });
3178
+
3179
+ class AdvertiseOrderReviewModule {
3180
+ }
3181
+ AdvertiseOrderReviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3182
+ AdvertiseOrderReviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, declarations: [AdvertiseOrderReviewComponent], imports: [CommonModule, H4Module, ParagraphModule], exports: [AdvertiseOrderReviewComponent] });
3183
+ AdvertiseOrderReviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, imports: [[CommonModule, H4Module, ParagraphModule]] });
3184
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, decorators: [{
3185
+ type: NgModule,
3186
+ args: [{
3187
+ declarations: [AdvertiseOrderReviewComponent],
3188
+ imports: [CommonModule, H4Module, ParagraphModule],
3189
+ exports: [AdvertiseOrderReviewComponent],
3190
+ }]
3191
+ }] });
3192
+
3022
3193
  class ModalModule {
3023
3194
  }
3024
3195
  ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3032,7 +3203,10 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
3032
3203
  InputTextModule,
3033
3204
  ButtonModule,
3034
3205
  PlaceholderModule,
3035
- H5WithIconModule], exports: [AdvertiseModalComponent] });
3206
+ H5WithIconModule,
3207
+ AdvertisePostingboardSelectionListModule,
3208
+ SfxLoaderModule,
3209
+ AdvertiseOrderReviewModule], exports: [AdvertiseModalComponent] });
3036
3210
  ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
3037
3211
  CommonModule,
3038
3212
  TwoColumnModalModule,
@@ -3045,6 +3219,9 @@ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
3045
3219
  ButtonModule,
3046
3220
  PlaceholderModule,
3047
3221
  H5WithIconModule,
3222
+ AdvertisePostingboardSelectionListModule,
3223
+ SfxLoaderModule,
3224
+ AdvertiseOrderReviewModule
3048
3225
  ]] });
3049
3226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
3050
3227
  type: NgModule,
@@ -3062,6 +3239,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3062
3239
  ButtonModule,
3063
3240
  PlaceholderModule,
3064
3241
  H5WithIconModule,
3242
+ AdvertisePostingboardSelectionListModule,
3243
+ SfxLoaderModule,
3244
+ AdvertiseOrderReviewModule
3065
3245
  ],
3066
3246
  exports: [AdvertiseModalComponent],
3067
3247
  }]