@symphony-talent/component-library 3.57.0 → 3.59.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 (17) hide show
  1. package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs +3 -3
  2. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +1 -1
  3. package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +10 -5
  4. package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs +3 -3
  5. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +1 -1
  6. package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +10 -5
  7. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +10 -6
  8. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2015/symphony-talent-component-library.mjs +10 -6
  10. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  11. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +10 -6
  12. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library.mjs +10 -6
  14. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  15. package/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +3 -1
  16. package/package.json +1 -1
  17. package/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +3 -1
package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs CHANGED
@@ -19,10 +19,10 @@ export class DocumentManagementItemComponent {
19
19
  }
20
20
  }
21
21
  DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
22
+ DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
24
24
  type: Component,
25
- args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
25
+ args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
26
26
  }], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
27
27
  type: Input
28
28
  }], previewClicked: [{
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
30
30
  }], moreOptionClicked: [{
31
31
  type: Output
32
32
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLHl1REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSBieSB7e1xuICAgICAgICBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeVxuICAgICAgfX1cIlxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuYWRkZWREYXRlXCJcbiAgICAgID48c3BhblxuICAgICAgICA+QWRkZWQgb24mbmJzcDs8c3Bhbj57e1xuICAgICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcbiAgICAgICAgfX08L3NwYW4+PC9zcGFuXG4gICAgICA+Jm5ic3A7PHNwYW5cbiAgICAgICAgPjxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeVwiXG4gICAgICAgICAgPmJ5Jm5ic3A7PC9zcGFuXG4gICAgICAgID57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSB9fTwvc3BhblxuICAgICAgPlxuICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImRtLWFjdGlvblwiPlxuICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAoY2xpY2spPVwib25QcmV2aWV3Q2xpY2tlZCgpXCJcbiAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5oYXNQcmV2aWV3XCJcbiAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnRcIlxuICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gID5cbiAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktcHJldmlldydcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zLml0ZW1zLmxlbmd0aCA+IDBcIlxuICAgICAgY2xhc3M9XCJkbS1tb3JlLW9wdGlvbiBzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tbC0xMFwiXG4gICAgICBbbW9kZWxdPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25Nb3JlT3B0aW9uQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
33
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLDh4REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSB7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSA/ICdieScgOiAnJ319IHt7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XG4gICAgICB9fVwiXG4gICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcIlxuICAgICAgPjxzcGFuXG4gICAgICAgID5BZGRlZCBvbiZuYnNwOzxzcGFuPnt7XG4gICAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVxuICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgID4mbmJzcDs8c3BhblxuICAgICAgICA+PHNwYW5cbiAgICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XCJcbiAgICAgICAgICA+YnkmbmJzcDs8L3NwYW5cbiAgICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5IH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tYWN0aW9uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgIChjbGljayk9XCJvblByZXZpZXdDbGlja2VkKClcIlxuICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmhhc1ByZXZpZXdcIlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiXG4gICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cImRtLW1vcmUtb3B0aW9uIHNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnQgc2Z4LW1sLTEwXCJcbiAgICAgIFttb2RlbF09XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnNcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbk1vcmVPcHRpb25DbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs CHANGED
@@ -211,7 +211,7 @@ export class AdvertiseModalComponent {
211
211
  }
212
212
  }
213
213
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [{ token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
214
- 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", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
214
+ 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", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
215
215
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
216
216
  type: Component,
217
217
  args: [{ selector: 'symphony-advertise-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]
package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs CHANGED
@@ -1,12 +1,17 @@
1
- import { Component } from '@angular/core';
1
+ import { Component, Input } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
3
4
  export class TwoColumnModalTemplateComponent {
4
5
  constructor() { }
5
6
  }
6
7
  TwoColumnModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] });
8
+ TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div *ngIf=\"hideSubtitle\" class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section\n *ngIf=\"hideFooter\"\n class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\"\n >\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
8
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, decorators: [{
9
10
  type: Component,
10
- args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
11
- }], ctorParameters: function () { return []; } });
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLCtCQUErQjtJQUMxQyxnQkFBZSxDQUFDOzs0SEFETCwrQkFBK0I7Z0hBQS9CLCtCQUErQiwwRUNQNUMscStDQTJDQTsyRkRwQ2EsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFR3b0NvbHVtbk1vZGFsVGVtcGxhdGVDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8IS0tIG1haW4gdGl0bGUgLS0+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtaGVhZGVyIHNmeC1wLTMwIHNmeC1wdC00MFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZSBzZngtcGItMzBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWZvb3RlciBzZngtYmctYmxhY2sgc2Z4LXB0LTMwIHNmeC1wYi00MFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItMTAgcHVsbC1sZWZ0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLWJhY2tdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggcHVsbC1yaWdodFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci0xMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXNlY29uZGFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcGwtMTBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19
11
+ args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div *ngIf=\"hideSubtitle\" class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section\n *ngIf=\"hideFooter\"\n class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\"\n >\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
12
+ }], ctorParameters: function () { return []; }, propDecorators: { hideFooter: [{
13
+ type: Input
14
+ }], hideSubtitle: [{
15
+ type: Input
16
+ }] } });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1QywraERBOENBOzJGRHZDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGUgc2Z4LXBiLTMwXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTYgY29sLW1kLTYgc2Z4LXByLTMwXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LXByLTE1XCIgc3R5bGU9XCJwYWRkaW5nLXRvcDogMXB4XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1jbG9zZS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiaGlkZUZvb3RlclwiXG4gICAgY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LWJnLWJsYWNrIHNmeC1wdC0zMCBzZngtcGItNDBcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci0xMCBwdWxsLWxlZnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tYmFja11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBwdWxsLXJpZ2h0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTEwXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tc2Vjb25kYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wbC0xMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXByaW1hcnldXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=
package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs CHANGED
@@ -19,10 +19,10 @@ export class DocumentManagementItemComponent {
19
19
  }
20
20
  }
21
21
  DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
22
+ DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
24
24
  type: Component,
25
- args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
25
+ args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on&nbsp;<span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n >&nbsp;<span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by&nbsp;</span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
26
26
  }], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
27
27
  type: Input
28
28
  }], previewClicked: [{
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
30
30
  }], moreOptionClicked: [{
31
31
  type: Output
32
32
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLHl1REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSBieSB7e1xuICAgICAgICBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeVxuICAgICAgfX1cIlxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuYWRkZWREYXRlXCJcbiAgICAgID48c3BhblxuICAgICAgICA+QWRkZWQgb24mbmJzcDs8c3Bhbj57e1xuICAgICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcbiAgICAgICAgfX08L3NwYW4+PC9zcGFuXG4gICAgICA+Jm5ic3A7PHNwYW5cbiAgICAgICAgPjxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeVwiXG4gICAgICAgICAgPmJ5Jm5ic3A7PC9zcGFuXG4gICAgICAgID57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSB9fTwvc3BhblxuICAgICAgPlxuICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImRtLWFjdGlvblwiPlxuICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAoY2xpY2spPVwib25QcmV2aWV3Q2xpY2tlZCgpXCJcbiAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5oYXNQcmV2aWV3XCJcbiAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnRcIlxuICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gID5cbiAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktcHJldmlldydcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zLml0ZW1zLmxlbmd0aCA+IDBcIlxuICAgICAgY2xhc3M9XCJkbS1tb3JlLW9wdGlvbiBzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tbC0xMFwiXG4gICAgICBbbW9kZWxdPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25Nb3JlT3B0aW9uQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
33
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLDh4REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSB7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSA/ICdieScgOiAnJ319IHt7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XG4gICAgICB9fVwiXG4gICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcIlxuICAgICAgPjxzcGFuXG4gICAgICAgID5BZGRlZCBvbiZuYnNwOzxzcGFuPnt7XG4gICAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVxuICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgID4mbmJzcDs8c3BhblxuICAgICAgICA+PHNwYW5cbiAgICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XCJcbiAgICAgICAgICA+YnkmbmJzcDs8L3NwYW5cbiAgICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5IH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tYWN0aW9uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgIChjbGljayk9XCJvblByZXZpZXdDbGlja2VkKClcIlxuICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmhhc1ByZXZpZXdcIlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiXG4gICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cImRtLW1vcmUtb3B0aW9uIHNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnQgc2Z4LW1sLTEwXCJcbiAgICAgIFttb2RlbF09XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnNcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbk1vcmVPcHRpb25DbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs CHANGED
@@ -211,7 +211,7 @@ export class AdvertiseModalComponent {
211
211
  }
212
212
  }
213
213
  AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [{ token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
214
- 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", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
214
+ 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", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
215
215
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
216
216
  type: Component,
217
217
  args: [{ selector: 'symphony-advertise-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"model.jobBoards\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n class=\"height-wrapper\"\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div\n sfx-right-column\n class=\"posting-boards phaser center-h-v light-grey-bg\"\n >\n <symphony-phaser-card\n [model]=\"phaserCardConfirmation\"\n ></symphony-phaser-card>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]
package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs CHANGED
@@ -1,12 +1,17 @@
1
- import { Component } from '@angular/core';
1
+ import { Component, Input } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
3
4
  export class TwoColumnModalTemplateComponent {
4
5
  constructor() { }
5
6
  }
6
7
  TwoColumnModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] });
8
+ TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div *ngIf=\"hideSubtitle\" class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section\n *ngIf=\"hideFooter\"\n class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\"\n >\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
8
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, decorators: [{
9
10
  type: Component,
10
- args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\">\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
11
- }], ctorParameters: function () { return []; } });
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLCtCQUErQjtJQUMxQyxnQkFBZSxDQUFDOzs0SEFETCwrQkFBK0I7Z0hBQS9CLCtCQUErQiwwRUNQNUMscStDQTJDQTsyRkRwQ2EsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFR3b0NvbHVtbk1vZGFsVGVtcGxhdGVDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8IS0tIG1haW4gdGl0bGUgLS0+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtaGVhZGVyIHNmeC1wLTMwIHNmeC1wdC00MFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZSBzZngtcGItMzBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWZvb3RlciBzZngtYmctYmxhY2sgc2Z4LXB0LTMwIHNmeC1wYi00MFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItMTAgcHVsbC1sZWZ0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLWJhY2tdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggcHVsbC1yaWdodFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci0xMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXNlY29uZGFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcGwtMTBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19
11
+ args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n <!-- main title -->\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title sfx-pb-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n <ng-content select=\"[sfx-close-button]\"></ng-content>\n </span>\n </div>\n </div>\n <div *ngIf=\"hideSubtitle\" class=\"modal-subtitle\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body-area sfx-pt-0\">\n <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n </section>\n <!-- footer -->\n <section\n *ngIf=\"hideFooter\"\n class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40\"\n >\n <div class=\"col-xs-6\">\n <span class=\"sfx-pr-10 pull-left\">\n <ng-content select=\"[sfx-button-back]\"></ng-content>\n </span>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"sfx-d-flex pull-right\">\n <span class=\"sfx-pr-10\">\n <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n </span>\n <span class=\"sfx-pl-10\">\n <ng-content select=\"[sfx-button-primary]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
12
+ }], ctorParameters: function () { return []; }, propDecorators: { hideFooter: [{
13
+ type: Input
14
+ }], hideSubtitle: [{
15
+ type: Input
16
+ }] } });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1QywraERBOENBOzJGRHZDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGUgc2Z4LXBiLTMwXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTYgY29sLW1kLTYgc2Z4LXByLTMwXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LXByLTE1XCIgc3R5bGU9XCJwYWRkaW5nLXRvcDogMXB4XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1jbG9zZS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiaGlkZUZvb3RlclwiXG4gICAgY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LWJnLWJsYWNrIHNmeC1wdC0zMCBzZngtcGItNDBcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci0xMCBwdWxsLWxlZnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tYmFja11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBwdWxsLXJpZ2h0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTEwXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tc2Vjb25kYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wbC0xMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXByaW1hcnldXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=