@symphony-talent/component-library 3.5.0 → 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 (61) hide show
  1. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +4 -4
  2. package/esm2020/lib/molecules/advertise-order-review/advertise-order-review.component.mjs +14 -0
  3. package/esm2020/lib/molecules/advertise-order-review/advertise-order-review.module.mjs +20 -0
  4. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +3 -3
  5. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +1 -1
  6. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +4 -20
  7. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.component.mjs +22 -0
  8. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.model.mjs +2 -0
  9. package/esm2020/lib/molecules/invoice-line-item/invoice-line-item.module.mjs +20 -0
  10. package/esm2020/lib/molecules/molecules.module.mjs +6 -2
  11. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +8 -6
  12. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
  13. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +10 -2
  14. package/esm2020/lib/templates/admin-list/admin-list.component.mjs +3 -3
  15. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +4 -4
  16. package/esm2020/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.mjs +14 -0
  17. package/esm2020/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.module.mjs +20 -0
  18. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +3 -3
  19. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +1 -1
  20. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +4 -20
  21. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.component.mjs +22 -0
  22. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.model.mjs +2 -0
  23. package/esm2020/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.module.mjs +20 -0
  24. package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +6 -2
  25. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +8 -6
  26. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
  27. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +10 -2
  28. package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +3 -3
  29. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +78 -28
  30. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  31. package/fesm2015/symphony-talent-component-library.mjs +78 -28
  32. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  33. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +78 -28
  34. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  35. package/fesm2020/symphony-talent-component-library.mjs +78 -28
  36. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  37. package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -2
  38. package/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts +6 -0
  39. package/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts +10 -0
  40. package/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +1 -1
  41. package/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +2 -3
  42. package/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts +8 -0
  43. package/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts +5 -0
  44. package/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts +10 -0
  45. package/lib/molecules/molecules.module.d.ts +2 -1
  46. package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +2 -0
  47. package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +3 -1
  48. package/package.json +1 -1
  49. package/projects/component-library/global-assets/spacing.scss +4 -0
  50. package/projects/component-library/global.scss +33 -32
  51. package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +2 -2
  52. package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts +6 -0
  53. package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts +10 -0
  54. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +1 -1
  55. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +2 -3
  56. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts +8 -0
  57. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts +5 -0
  58. package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts +10 -0
  59. package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
  60. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +2 -0
  61. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +3 -1
@@ -1287,13 +1287,13 @@ class TooltipWrapperComponent {
1287
1287
  constructor() { }
1288
1288
  }
1289
1289
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1290
- 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 });
1291
1291
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
1292
1292
  type: Component,
1293
- 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"] }]
1294
1294
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
1295
1295
  type: Input
1296
- }], tooltipText: [{
1296
+ }], tooltipHtml: [{
1297
1297
  type: Input
1298
1298
  }] } });
1299
1299
 
@@ -1524,10 +1524,10 @@ class H5WithIconComponent {
1524
1524
  }
1525
1525
  }
1526
1526
  H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
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.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"] }] });
1528
1528
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
1529
1529
  type: Component,
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.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"] }]
1531
1531
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1532
1532
  type: Input
1533
1533
  }] } });
@@ -1535,27 +1535,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1535
1535
  class H5WithIconModule {
1536
1536
  }
1537
1537
  H5WithIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1538
- H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule,
1539
- H5Module,
1540
- IconModule, i1$3.TooltipModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
1541
- H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[
1542
- CommonModule,
1543
- H5Module,
1544
- IconModule,
1545
- TooltipModule.forRoot(),
1546
- TooltipWrapperModule,
1547
- ]] });
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]] });
1548
1540
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, decorators: [{
1549
1541
  type: NgModule,
1550
1542
  args: [{
1551
1543
  declarations: [H5WithIconComponent],
1552
- imports: [
1553
- CommonModule,
1554
- H5Module,
1555
- IconModule,
1556
- TooltipModule.forRoot(),
1557
- TooltipWrapperModule,
1558
- ],
1544
+ imports: [CommonModule, H5Module, IconModule, TooltipWrapperModule],
1559
1545
  exports: [H5WithIconComponent],
1560
1546
  }]
1561
1547
  }] });
@@ -1689,6 +1675,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1689
1675
  }]
1690
1676
  }] });
1691
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
+
1692
1709
  class MoleculesModule {
1693
1710
  }
1694
1711
  MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1699,7 +1716,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
1699
1716
  ColorSwatchModule,
1700
1717
  IconSwatchModule,
1701
1718
  BreadcrumbModule,
1702
- H5WithIconModule], exports: [PillsModule, BreadcrumbModule] });
1719
+ H5WithIconModule,
1720
+ InvoiceLineItemModule], exports: [PillsModule, BreadcrumbModule] });
1703
1721
  MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
1704
1722
  CommonModule,
1705
1723
  AvatarModule,
@@ -1709,6 +1727,7 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
1709
1727
  IconSwatchModule,
1710
1728
  BreadcrumbModule,
1711
1729
  H5WithIconModule,
1730
+ InvoiceLineItemModule,
1712
1731
  ], PillsModule, BreadcrumbModule] });
1713
1732
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
1714
1733
  type: NgModule,
@@ -1723,6 +1742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1723
1742
  IconSwatchModule,
1724
1743
  BreadcrumbModule,
1725
1744
  H5WithIconModule,
1745
+ InvoiceLineItemModule,
1726
1746
  ],
1727
1747
  exports: [PillsModule, BreadcrumbModule],
1728
1748
  }]
@@ -2678,10 +2698,10 @@ class AdminListTemplateComponent {
2678
2698
  constructor() { }
2679
2699
  }
2680
2700
  AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2681
- 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"] });
2682
2702
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
2683
2703
  type: Component,
2684
- 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"] }]
2685
2705
  }], ctorParameters: function () { return []; } });
2686
2706
 
2687
2707
  class EventsSettingsPageComponent {
@@ -3029,6 +3049,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3029
3049
  type: Input
3030
3050
  }] } });
3031
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
+
3032
3062
  class AdvertiseModalComponent {
3033
3063
  constructor() {
3034
3064
  this.model = {
@@ -3064,10 +3094,10 @@ class AdvertiseModalComponent {
3064
3094
  }
3065
3095
  }
3066
3096
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3067
- 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 <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 <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\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}.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}\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: 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"] }] });
3068
3098
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
3069
3099
  type: Component,
3070
- 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 <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\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}.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}\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"] }]
3071
3101
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3072
3102
  type: Input
3073
3103
  }], buttonClicked: [{
@@ -3146,6 +3176,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3146
3176
  }]
3147
3177
  }] });
3148
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
+
3149
3193
  class ModalModule {
3150
3194
  }
3151
3195
  ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3160,7 +3204,9 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
3160
3204
  ButtonModule,
3161
3205
  PlaceholderModule,
3162
3206
  H5WithIconModule,
3163
- AdvertisePostingboardSelectionListModule], exports: [AdvertiseModalComponent] });
3207
+ AdvertisePostingboardSelectionListModule,
3208
+ SfxLoaderModule,
3209
+ AdvertiseOrderReviewModule], exports: [AdvertiseModalComponent] });
3164
3210
  ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
3165
3211
  CommonModule,
3166
3212
  TwoColumnModalModule,
@@ -3174,6 +3220,8 @@ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
3174
3220
  PlaceholderModule,
3175
3221
  H5WithIconModule,
3176
3222
  AdvertisePostingboardSelectionListModule,
3223
+ SfxLoaderModule,
3224
+ AdvertiseOrderReviewModule
3177
3225
  ]] });
3178
3226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
3179
3227
  type: NgModule,
@@ -3192,6 +3240,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3192
3240
  PlaceholderModule,
3193
3241
  H5WithIconModule,
3194
3242
  AdvertisePostingboardSelectionListModule,
3243
+ SfxLoaderModule,
3244
+ AdvertiseOrderReviewModule
3195
3245
  ],
3196
3246
  exports: [AdvertiseModalComponent],
3197
3247
  }]