@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';
@@ -1284,13 +1285,13 @@ class TooltipWrapperComponent {
1284
1285
  constructor() { }
1285
1286
  }
1286
1287
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1287
- 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 });
1288
+ 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 });
1288
1289
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
1289
1290
  type: Component,
1290
- 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"] }]
1291
+ 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"] }]
1291
1292
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
1292
1293
  type: Input
1293
- }], tooltipText: [{
1294
+ }], tooltipHtml: [{
1294
1295
  type: Input
1295
1296
  }] } });
1296
1297
 
@@ -1521,10 +1522,10 @@ class H5WithIconComponent {
1521
1522
  }
1522
1523
  }
1523
1524
  H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1524
- 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"] }] });
1525
+ 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"] }] });
1525
1526
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
1526
1527
  type: Component,
1527
- 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"] }]
1528
+ 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"] }]
1528
1529
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1529
1530
  type: Input
1530
1531
  }] } });
@@ -1532,27 +1533,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1532
1533
  class H5WithIconModule {
1533
1534
  }
1534
1535
  H5WithIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1535
- H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule,
1536
- H5Module,
1537
- IconModule, i1$3.TooltipModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
1538
- H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[
1539
- CommonModule,
1540
- H5Module,
1541
- IconModule,
1542
- TooltipModule.forRoot(),
1543
- TooltipWrapperModule,
1544
- ]] });
1536
+ 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] });
1537
+ H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[CommonModule, H5Module, IconModule, TooltipWrapperModule]] });
1545
1538
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, decorators: [{
1546
1539
  type: NgModule,
1547
1540
  args: [{
1548
1541
  declarations: [H5WithIconComponent],
1549
- imports: [
1550
- CommonModule,
1551
- H5Module,
1552
- IconModule,
1553
- TooltipModule.forRoot(),
1554
- TooltipWrapperModule,
1555
- ],
1542
+ imports: [CommonModule, H5Module, IconModule, TooltipWrapperModule],
1556
1543
  exports: [H5WithIconComponent],
1557
1544
  }]
1558
1545
  }] });
@@ -1686,6 +1673,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1686
1673
  }]
1687
1674
  }] });
1688
1675
 
1676
+ class InvoiceLineItemComponent {
1677
+ constructor() {
1678
+ this.model = {
1679
+ textLeft: '',
1680
+ textRight: '',
1681
+ };
1682
+ }
1683
+ }
1684
+ InvoiceLineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1685
+ 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"] }] });
1686
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemComponent, decorators: [{
1687
+ type: Component,
1688
+ 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"] }]
1689
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1690
+ type: Input
1691
+ }] } });
1692
+
1693
+ class InvoiceLineItemModule {
1694
+ }
1695
+ InvoiceLineItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1696
+ InvoiceLineItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, declarations: [InvoiceLineItemComponent], imports: [CommonModule, ParagraphModule, H5Module], exports: [InvoiceLineItemComponent] });
1697
+ InvoiceLineItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, imports: [[CommonModule, ParagraphModule, H5Module]] });
1698
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceLineItemModule, decorators: [{
1699
+ type: NgModule,
1700
+ args: [{
1701
+ declarations: [InvoiceLineItemComponent],
1702
+ imports: [CommonModule, ParagraphModule, H5Module],
1703
+ exports: [InvoiceLineItemComponent],
1704
+ }]
1705
+ }] });
1706
+
1689
1707
  class MoleculesModule {
1690
1708
  }
1691
1709
  MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1696,7 +1714,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
1696
1714
  ColorSwatchModule,
1697
1715
  IconSwatchModule,
1698
1716
  BreadcrumbModule,
1699
- H5WithIconModule], exports: [PillsModule, BreadcrumbModule] });
1717
+ H5WithIconModule,
1718
+ InvoiceLineItemModule], exports: [PillsModule, BreadcrumbModule] });
1700
1719
  MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
1701
1720
  CommonModule,
1702
1721
  AvatarModule,
@@ -1706,6 +1725,7 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
1706
1725
  IconSwatchModule,
1707
1726
  BreadcrumbModule,
1708
1727
  H5WithIconModule,
1728
+ InvoiceLineItemModule,
1709
1729
  ], PillsModule, BreadcrumbModule] });
1710
1730
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
1711
1731
  type: NgModule,
@@ -1720,6 +1740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1720
1740
  IconSwatchModule,
1721
1741
  BreadcrumbModule,
1722
1742
  H5WithIconModule,
1743
+ InvoiceLineItemModule,
1723
1744
  ],
1724
1745
  exports: [PillsModule, BreadcrumbModule],
1725
1746
  }]
@@ -2675,10 +2696,10 @@ class AdminListTemplateComponent {
2675
2696
  constructor() { }
2676
2697
  }
2677
2698
  AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2678
- 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"] });
2699
+ 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"] });
2679
2700
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
2680
2701
  type: Component,
2681
- 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"] }]
2702
+ 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"] }]
2682
2703
  }], ctorParameters: function () { return []; } });
2683
2704
 
2684
2705
  class EventsSettingsPageComponent {
@@ -2941,6 +2962,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2941
2962
  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"] }]
2942
2963
  }], ctorParameters: function () { return []; } });
2943
2964
 
2965
+ class InputEditableTextComponent {
2966
+ constructor() {
2967
+ this.type = 'number';
2968
+ this.confirm = new EventEmitter();
2969
+ }
2970
+ onEditClick() {
2971
+ this.model.isInEditMode = true;
2972
+ this.previousValue = this.model.value;
2973
+ }
2974
+ onConfirmClick() {
2975
+ this.model.isInEditMode = false;
2976
+ this.confirm.emit(this.model);
2977
+ }
2978
+ onCloseClick() {
2979
+ this.model.value = this.previousValue;
2980
+ this.model.isInEditMode = false;
2981
+ }
2982
+ }
2983
+ InputEditableTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2984
+ 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"] }] });
2985
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, decorators: [{
2986
+ type: Component,
2987
+ 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"] }]
2988
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2989
+ type: Input
2990
+ }], type: [{
2991
+ type: Input
2992
+ }], confirm: [{
2993
+ type: Output
2994
+ }] } });
2995
+
2996
+ class AdvertisePostingboardSelectionItemComponent {
2997
+ constructor() {
2998
+ this.priceChange = new EventEmitter();
2999
+ this.postingBoardSelect = new EventEmitter();
3000
+ }
3001
+ ngOnInit() {
3002
+ this.mapModel();
3003
+ }
3004
+ onBoardPriceChange(priceChangeEvent) {
3005
+ this.model.boardPrice = +priceChangeEvent.value;
3006
+ this.priceChange.emit(this.model);
3007
+ }
3008
+ onPostingBoardSelect(postingBoardSelectEvent) {
3009
+ this.model.isSelected = postingBoardSelectEvent.isActive;
3010
+ this.postingBoardSelect.emit(this.model);
3011
+ }
3012
+ mapModel() {
3013
+ if (this.model) {
3014
+ this.editableTextModel = {
3015
+ inputMask: '$',
3016
+ value: this.model.boardPrice?.toString(),
3017
+ isEditable: this.model.isEditable,
3018
+ isInEditMode: this.model.isInEditMode,
3019
+ id: this.model.id,
3020
+ };
3021
+ }
3022
+ }
3023
+ }
3024
+ AdvertisePostingboardSelectionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3025
+ 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"] }] });
3026
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemComponent, decorators: [{
3027
+ type: Component,
3028
+ 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"] }]
3029
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3030
+ type: Input
3031
+ }], priceChange: [{
3032
+ type: Output
3033
+ }], postingBoardSelect: [{
3034
+ type: Output
3035
+ }] } });
3036
+
3037
+ class AdvertisePostingboardSelectionListComponent {
3038
+ constructor() { }
3039
+ }
3040
+ AdvertisePostingboardSelectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3041
+ 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"] }] });
3042
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListComponent, decorators: [{
3043
+ type: Component,
3044
+ 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: [""] }]
3045
+ }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3046
+ type: Input
3047
+ }] } });
3048
+
3049
+ class AdvertiseOrderReviewComponent {
3050
+ constructor() { }
3051
+ }
3052
+ AdvertiseOrderReviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3053
+ 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"] }] });
3054
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, decorators: [{
3055
+ type: Component,
3056
+ 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: [""] }]
3057
+ }], ctorParameters: function () { return []; } });
3058
+
2944
3059
  class AdvertiseModalComponent {
2945
3060
  constructor() {
2946
3061
  this.model = {
@@ -2959,13 +3074,14 @@ class AdvertiseModalComponent {
2959
3074
  primaryButtonText: '',
2960
3075
  secondaryButtonText: '',
2961
3076
  };
2962
- this.keywordSearchChange = new EventEmitter();
2963
3077
  this.buttonClicked = new EventEmitter();
2964
3078
  this.closeButtonClicked = new EventEmitter();
2965
3079
  }
3080
+ ngOnInit() {
3081
+ this.filteredPostingBoardList = this.model.jobBoards;
3082
+ }
2966
3083
  keywordSearch(keyword) {
2967
- this.keywordSearchChange.emit(keyword);
2968
- console.log(keyword);
3084
+ this.filteredPostingBoardList = this.model.jobBoards.filter((board) => board.boardName.toLowerCase().includes(keyword));
2969
3085
  }
2970
3086
  onButtonClick(text) {
2971
3087
  this.buttonClicked.emit(text);
@@ -2975,14 +3091,12 @@ class AdvertiseModalComponent {
2975
3091
  }
2976
3092
  }
2977
3093
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2978
- 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"] }] });
3094
+ 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"] }] });
2979
3095
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
2980
3096
  type: Component,
2981
- 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"] }]
3097
+ 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"] }]
2982
3098
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
2983
3099
  type: Input
2984
- }], keywordSearchChange: [{
2985
- type: Output
2986
3100
  }], buttonClicked: [{
2987
3101
  type: Output
2988
3102
  }], closeButtonClicked: [{
@@ -3017,6 +3131,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3017
3131
  }]
3018
3132
  }] });
3019
3133
 
3134
+ class InputEditableTextModule {
3135
+ }
3136
+ InputEditableTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3137
+ 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] });
3138
+ InputEditableTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, imports: [[CommonModule, IconModule, FormsModule, ParagraphModule]] });
3139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextModule, decorators: [{
3140
+ type: NgModule,
3141
+ args: [{
3142
+ declarations: [InputEditableTextComponent],
3143
+ imports: [CommonModule, IconModule, FormsModule, ParagraphModule],
3144
+ exports: [InputEditableTextComponent],
3145
+ }]
3146
+ }] });
3147
+
3148
+ class AdvertisePostingboardSelectionItemModule {
3149
+ }
3150
+ AdvertisePostingboardSelectionItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3151
+ AdvertisePostingboardSelectionItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, declarations: [AdvertisePostingboardSelectionItemComponent], imports: [CommonModule, InputEditableTextModule, InputCheckboxModule], exports: [AdvertisePostingboardSelectionItemComponent] });
3152
+ AdvertisePostingboardSelectionItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, imports: [[CommonModule, InputEditableTextModule, InputCheckboxModule]] });
3153
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionItemModule, decorators: [{
3154
+ type: NgModule,
3155
+ args: [{
3156
+ declarations: [AdvertisePostingboardSelectionItemComponent],
3157
+ imports: [CommonModule, InputEditableTextModule, InputCheckboxModule],
3158
+ exports: [AdvertisePostingboardSelectionItemComponent],
3159
+ }]
3160
+ }] });
3161
+
3162
+ class AdvertisePostingboardSelectionListModule {
3163
+ }
3164
+ AdvertisePostingboardSelectionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3165
+ AdvertisePostingboardSelectionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, declarations: [AdvertisePostingboardSelectionListComponent], imports: [CommonModule, AdvertisePostingboardSelectionItemModule], exports: [AdvertisePostingboardSelectionListComponent] });
3166
+ AdvertisePostingboardSelectionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, imports: [[CommonModule, AdvertisePostingboardSelectionItemModule]] });
3167
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisePostingboardSelectionListModule, decorators: [{
3168
+ type: NgModule,
3169
+ args: [{
3170
+ declarations: [AdvertisePostingboardSelectionListComponent],
3171
+ imports: [CommonModule, AdvertisePostingboardSelectionItemModule],
3172
+ exports: [AdvertisePostingboardSelectionListComponent],
3173
+ }]
3174
+ }] });
3175
+
3176
+ class AdvertiseOrderReviewModule {
3177
+ }
3178
+ AdvertiseOrderReviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3179
+ AdvertiseOrderReviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, declarations: [AdvertiseOrderReviewComponent], imports: [CommonModule, H4Module, ParagraphModule], exports: [AdvertiseOrderReviewComponent] });
3180
+ AdvertiseOrderReviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, imports: [[CommonModule, H4Module, ParagraphModule]] });
3181
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewModule, decorators: [{
3182
+ type: NgModule,
3183
+ args: [{
3184
+ declarations: [AdvertiseOrderReviewComponent],
3185
+ imports: [CommonModule, H4Module, ParagraphModule],
3186
+ exports: [AdvertiseOrderReviewComponent],
3187
+ }]
3188
+ }] });
3189
+
3020
3190
  class ModalModule {
3021
3191
  }
3022
3192
  ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3030,7 +3200,10 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
3030
3200
  InputTextModule,
3031
3201
  ButtonModule,
3032
3202
  PlaceholderModule,
3033
- H5WithIconModule], exports: [AdvertiseModalComponent] });
3203
+ H5WithIconModule,
3204
+ AdvertisePostingboardSelectionListModule,
3205
+ SfxLoaderModule,
3206
+ AdvertiseOrderReviewModule], exports: [AdvertiseModalComponent] });
3034
3207
  ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
3035
3208
  CommonModule,
3036
3209
  TwoColumnModalModule,
@@ -3043,6 +3216,9 @@ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
3043
3216
  ButtonModule,
3044
3217
  PlaceholderModule,
3045
3218
  H5WithIconModule,
3219
+ AdvertisePostingboardSelectionListModule,
3220
+ SfxLoaderModule,
3221
+ AdvertiseOrderReviewModule
3046
3222
  ]] });
3047
3223
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
3048
3224
  type: NgModule,
@@ -3060,6 +3236,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3060
3236
  ButtonModule,
3061
3237
  PlaceholderModule,
3062
3238
  H5WithIconModule,
3239
+ AdvertisePostingboardSelectionListModule,
3240
+ SfxLoaderModule,
3241
+ AdvertiseOrderReviewModule
3063
3242
  ],
3064
3243
  exports: [AdvertiseModalComponent],
3065
3244
  }]