@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
@@ -1285,13 +1285,13 @@ class TooltipWrapperComponent {
1285
1285
  constructor() { }
1286
1286
  }
1287
1287
  TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1288
- 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 });
1289
1289
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
1290
1290
  type: Component,
1291
- 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"] }]
1292
1292
  }], ctorParameters: function () { return []; }, propDecorators: { placement: [{
1293
1293
  type: Input
1294
- }], tooltipText: [{
1294
+ }], tooltipHtml: [{
1295
1295
  type: Input
1296
1296
  }] } });
1297
1297
 
@@ -1522,10 +1522,10 @@ class H5WithIconComponent {
1522
1522
  }
1523
1523
  }
1524
1524
  H5WithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
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.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"] }] });
1526
1526
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconComponent, decorators: [{
1527
1527
  type: Component,
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.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"] }]
1529
1529
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
1530
1530
  type: Input
1531
1531
  }] } });
@@ -1533,27 +1533,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1533
1533
  class H5WithIconModule {
1534
1534
  }
1535
1535
  H5WithIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1536
- H5WithIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, declarations: [H5WithIconComponent], imports: [CommonModule,
1537
- H5Module,
1538
- IconModule, i1$3.TooltipModule, TooltipWrapperModule], exports: [H5WithIconComponent] });
1539
- H5WithIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, imports: [[
1540
- CommonModule,
1541
- H5Module,
1542
- IconModule,
1543
- TooltipModule.forRoot(),
1544
- TooltipWrapperModule,
1545
- ]] });
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]] });
1546
1538
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: H5WithIconModule, decorators: [{
1547
1539
  type: NgModule,
1548
1540
  args: [{
1549
1541
  declarations: [H5WithIconComponent],
1550
- imports: [
1551
- CommonModule,
1552
- H5Module,
1553
- IconModule,
1554
- TooltipModule.forRoot(),
1555
- TooltipWrapperModule,
1556
- ],
1542
+ imports: [CommonModule, H5Module, IconModule, TooltipWrapperModule],
1557
1543
  exports: [H5WithIconComponent],
1558
1544
  }]
1559
1545
  }] });
@@ -1687,6 +1673,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1687
1673
  }]
1688
1674
  }] });
1689
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
+
1690
1707
  class MoleculesModule {
1691
1708
  }
1692
1709
  MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1697,7 +1714,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
1697
1714
  ColorSwatchModule,
1698
1715
  IconSwatchModule,
1699
1716
  BreadcrumbModule,
1700
- H5WithIconModule], exports: [PillsModule, BreadcrumbModule] });
1717
+ H5WithIconModule,
1718
+ InvoiceLineItemModule], exports: [PillsModule, BreadcrumbModule] });
1701
1719
  MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
1702
1720
  CommonModule,
1703
1721
  AvatarModule,
@@ -1707,6 +1725,7 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
1707
1725
  IconSwatchModule,
1708
1726
  BreadcrumbModule,
1709
1727
  H5WithIconModule,
1728
+ InvoiceLineItemModule,
1710
1729
  ], PillsModule, BreadcrumbModule] });
1711
1730
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
1712
1731
  type: NgModule,
@@ -1721,6 +1740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1721
1740
  IconSwatchModule,
1722
1741
  BreadcrumbModule,
1723
1742
  H5WithIconModule,
1743
+ InvoiceLineItemModule,
1724
1744
  ],
1725
1745
  exports: [PillsModule, BreadcrumbModule],
1726
1746
  }]
@@ -2676,10 +2696,10 @@ class AdminListTemplateComponent {
2676
2696
  constructor() { }
2677
2697
  }
2678
2698
  AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2679
- 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"] });
2680
2700
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
2681
2701
  type: Component,
2682
- 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"] }]
2683
2703
  }], ctorParameters: function () { return []; } });
2684
2704
 
2685
2705
  class EventsSettingsPageComponent {
@@ -3026,6 +3046,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3026
3046
  type: Input
3027
3047
  }] } });
3028
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
+
3029
3059
  class AdvertiseModalComponent {
3030
3060
  constructor() {
3031
3061
  this.model = {
@@ -3061,10 +3091,10 @@ class AdvertiseModalComponent {
3061
3091
  }
3062
3092
  }
3063
3093
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3064
- 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"] }] });
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"] }] });
3065
3095
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
3066
3096
  type: Component,
3067
- 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"] }]
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"] }]
3068
3098
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3069
3099
  type: Input
3070
3100
  }], buttonClicked: [{
@@ -3143,6 +3173,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3143
3173
  }]
3144
3174
  }] });
3145
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
+
3146
3190
  class ModalModule {
3147
3191
  }
3148
3192
  ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3157,7 +3201,9 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
3157
3201
  ButtonModule,
3158
3202
  PlaceholderModule,
3159
3203
  H5WithIconModule,
3160
- AdvertisePostingboardSelectionListModule], exports: [AdvertiseModalComponent] });
3204
+ AdvertisePostingboardSelectionListModule,
3205
+ SfxLoaderModule,
3206
+ AdvertiseOrderReviewModule], exports: [AdvertiseModalComponent] });
3161
3207
  ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, imports: [[
3162
3208
  CommonModule,
3163
3209
  TwoColumnModalModule,
@@ -3171,6 +3217,8 @@ ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
3171
3217
  PlaceholderModule,
3172
3218
  H5WithIconModule,
3173
3219
  AdvertisePostingboardSelectionListModule,
3220
+ SfxLoaderModule,
3221
+ AdvertiseOrderReviewModule
3174
3222
  ]] });
3175
3223
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ModalModule, decorators: [{
3176
3224
  type: NgModule,
@@ -3189,6 +3237,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
3189
3237
  PlaceholderModule,
3190
3238
  H5WithIconModule,
3191
3239
  AdvertisePostingboardSelectionListModule,
3240
+ SfxLoaderModule,
3241
+ AdvertiseOrderReviewModule
3192
3242
  ],
3193
3243
  exports: [AdvertiseModalComponent],
3194
3244
  }]