@symphony-talent/component-library 3.18.0 → 3.20.0

package/esm2020/lib/pages/feedback-list-page/feedback-list-page.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9mZWVkYmFjay1saXN0LXBhZ2UvZmVlZGJhY2stbGlzdC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGZWVkYmFja0NhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZlZWRiYWNrTGlzdFBhZ2VNb2RlbCB7XG4gIGZlZWRiYWNrQ2FyZExpc3Q6IEZlZWRiYWNrQ2FyZE1vZGVsW107XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9mZWVkYmFjay1saXN0LXBhZ2UvZmVlZGJhY2stbGlzdC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGZWVkYmFja0NhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZlZWRiYWNrTGlzdFBhZ2VNb2RlbCB7XG4gIGZlZWRiYWNrQ2FyZExpc3Q6IEZlZWRiYWNrQ2FyZE1vZGVsW107XG4gIGlzU3VibWl0RGlzYWJsZWQ6IGJvb2xlYW47XG4gIGlzTG9hZGluZzogYm9vbGVhbjtcbiAgbWVzc2FnZT86IHN0cmluZztcbn1cbiJdfQ==

package/esm2020/lib/pages/feedback-list-page/feedback-list-page.module.mjs

@@ -8,6 +8,7 @@ import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
 import { FeedbackCardListModule } from '../../organisms/feedback-card-list/feedback-card-list.module';
 import { ButtonModule } from '../../atoms/button/button.module';
 import { FeedbackListTemplateModule } from '../../templates/feeback-list-template/feedback-list-template.module';
+import { SfxLoaderModule } from '../../atoms/sfx-loader/sfx-loader.module';
 import * as i0 from "@angular/core";
 export class FeedbackListPageModule {
 }
@@ -18,7 +19,8 @@ FeedbackListPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         H3Module,
         ParagraphModule,
         ButtonModule,
-        FeedbackCardListModule], exports: [FeedbackListPageComponent] });
+        FeedbackCardListModule,
+        SfxLoaderModule], exports: [FeedbackListPageComponent] });
 FeedbackListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageModule, imports: [[
             CommonModule,
             PlaceholderModule,
@@ -26,7 +28,8 @@ FeedbackListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             H3Module,
             ParagraphModule,
             ButtonModule,
-            FeedbackCardListModule
+            FeedbackCardListModule,
+            SfxLoaderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageModule, decorators: [{
             type: NgModule,
@@ -39,9 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         H3Module,
                         ParagraphModule,
                         ButtonModule,
-                        FeedbackCardListModule
+                        FeedbackCardListModule,
+                        SfxLoaderModule
                     ],
                     exports: [FeedbackListPageComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvZmVlZGJhY2stbGlzdC1wYWdlL2ZlZWRiYWNrLWxpc3QtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbkYsb0hBQW9IO0FBQ3BILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDdEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFFQUFxRSxDQUFDOztBQWVqSCxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBWmxCLHlCQUF5QixhQUV0QyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLDBCQUEwQjtRQUMxQixRQUFRO1FBQ1IsZUFBZTtRQUNmLFlBQVk7UUFDWixzQkFBc0IsYUFFZCx5QkFBeUI7b0hBRXhCLHNCQUFzQixZQVh4QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsMEJBQTBCO1lBQzFCLFFBQVE7WUFDUixlQUFlO1lBQ2YsWUFBWTtZQUNaLHNCQUFzQjtTQUN2QjsyRkFHVSxzQkFBc0I7a0JBYmxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsMEJBQTBCO3dCQUMxQixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmVlZGJhY2tMaXN0UGFnZUNvbXBvbmVudCB9IGZyb20gJy4vZmVlZGJhY2stbGlzdC1wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbGFjZWhvbGRlck1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5tb2R1bGUnO1xuLy9pbXBvcnQgeyBGZWVkYmFja0xpc3RUZW1wbGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9mZWVkYmFjay1saXN0LXRlbXBsYXRlL2ZlZWRiYWNrLWxpc3QtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGgubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FyZExpc3RNb2R1bGUgfSBmcm9tICcuLi8uLi9vcmdhbmlzbXMvZmVlZGJhY2stY2FyZC1saXN0L2ZlZWRiYWNrLWNhcmQtbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tMaXN0VGVtcGxhdGVNb2R1bGUgfSBmcm9tICcuLi8uLi90ZW1wbGF0ZXMvZmVlYmFjay1saXN0LXRlbXBsYXRlL2ZlZWRiYWNrLWxpc3QtdGVtcGxhdGUubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRmVlZGJhY2tMaXN0UGFnZUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUGxhY2Vob2xkZXJNb2R1bGUsXG4gICAgRmVlZGJhY2tMaXN0VGVtcGxhdGVNb2R1bGUsXG4gICAgSDNNb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBGZWVkYmFja0NhcmRMaXN0TW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtGZWVkYmFja0xpc3RQYWdlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0xpc3RQYWdlTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvZmVlZGJhY2stbGlzdC1wYWdlL2ZlZWRiYWNrLWxpc3QtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbkYsb0hBQW9IO0FBQ3BILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDdEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFFQUFxRSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFnQjNFLE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFibEIseUJBQXlCLGFBRXRDLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsMEJBQTBCO1FBQzFCLFFBQVE7UUFDUixlQUFlO1FBQ2YsWUFBWTtRQUNaLHNCQUFzQjtRQUN0QixlQUFlLGFBRVAseUJBQXlCO29IQUV4QixzQkFBc0IsWUFaeEI7WUFDUCxZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLDBCQUEwQjtZQUMxQixRQUFRO1lBQ1IsZUFBZTtZQUNmLFlBQVk7WUFDWixzQkFBc0I7WUFDdEIsZUFBZTtTQUNoQjsyRkFHVSxzQkFBc0I7a0JBZGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsMEJBQTBCO3dCQUMxQixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmVlZGJhY2tMaXN0UGFnZUNvbXBvbmVudCB9IGZyb20gJy4vZmVlZGJhY2stbGlzdC1wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbGFjZWhvbGRlck1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5tb2R1bGUnO1xuLy9pbXBvcnQgeyBGZWVkYmFja0xpc3RUZW1wbGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9mZWVkYmFjay1saXN0LXRlbXBsYXRlL2ZlZWRiYWNrLWxpc3QtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGgubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FyZExpc3RNb2R1bGUgfSBmcm9tICcuLi8uLi9vcmdhbmlzbXMvZmVlZGJhY2stY2FyZC1saXN0L2ZlZWRiYWNrLWNhcmQtbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tMaXN0VGVtcGxhdGVNb2R1bGUgfSBmcm9tICcuLi8uLi90ZW1wbGF0ZXMvZmVlYmFjay1saXN0LXRlbXBsYXRlL2ZlZWRiYWNrLWxpc3QtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IFNmeExvYWRlck1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtGZWVkYmFja0xpc3RQYWdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBQbGFjZWhvbGRlck1vZHVsZSxcbiAgICBGZWVkYmFja0xpc3RUZW1wbGF0ZU1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlLFxuICAgIEZlZWRiYWNrQ2FyZExpc3RNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtGZWVkYmFja0xpc3RQYWdlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0xpc3RQYWdlTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs

@@ -154,7 +154,7 @@ export class AdvertiseModalComponent {
     }
 }
 AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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" }, 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]=\"filteredPostingBoardList\"\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  >\n    <div sfx-left-column class=\"posting-boards\">\n      <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n    sfx-modal-body-area\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div sfx-right-column class=\"posting-boards\">\n      <div class=\"stage\">\n        <div class=\"box bounce-7\">\n          <div class=\"complete-container\">\n            <symphony-h2>Your order is complete</symphony-h2>\n            <div class=\"success-icon-spacing\">\n              <symphony-icon\n                [icon]=\"'si-confirmation'\"\n                [iconColor]=\"'#00D56B'\"\n                [size]=\"'50px'\"\n              ></symphony-icon>\n            </div>\n          </div>\n        </div>\n      </div>\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-cancel-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.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: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i5.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i6.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i7.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i8.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i9.AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: i10.H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.CancelModalComponent, selector: "symphony-cancel-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+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" }, 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]=\"filteredPostingBoardList\"\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  >\n    <div sfx-left-column class=\"posting-boards\">\n      <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n    sfx-modal-body-area\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div sfx-right-column class=\"posting-boards\">\n      <div class=\"stage\">\n        <div class=\"box bounce-7\">\n          <div class=\"complete-container\">\n            <symphony-h2>Your order is complete</symphony-h2>\n            <div class=\"success-icon-spacing\">\n              <symphony-icon\n                [icon]=\"'si-confirmation'\"\n                [iconColor]=\"'#00D56B'\"\n                [size]=\"'50px'\"\n              ></symphony-icon>\n            </div>\n          </div>\n        </div>\n      </div>\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-cancel-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.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: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i5.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i6.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i7.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i8.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i9.AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: i10.H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { 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.CancelModalComponent, selector: "symphony-cancel-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertise-modal', 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]=\"filteredPostingBoardList\"\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  >\n    <div sfx-left-column class=\"posting-boards\">\n      <symphony-advertise-order-review></symphony-advertise-order-review>\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.showConfirmation\"\n    sfx-modal-body-area\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div sfx-right-column class=\"posting-boards\">\n      <div class=\"stage\">\n        <div class=\"box bounce-7\">\n          <div class=\"complete-container\">\n            <symphony-h2>Your order is complete</symphony-h2>\n            <div class=\"success-icon-spacing\">\n              <symphony-icon\n                [icon]=\"'si-confirmation'\"\n                [iconColor]=\"'#00D56B'\"\n                [size]=\"'50px'\"\n              ></symphony-icon>\n            </div>\n          </div>\n        </div>\n      </div>\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-cancel-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.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/feedback-detail-template/feedback-detail-template.component.mjs

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FeedbackDetailTemplateComponent {
+    constructor() { }
+}
+FeedbackDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FeedbackDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template", ngImport: i0, template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header\">\n  <div class=\"row\">\n    <div\n      class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n    >\n      <ng-content select=\"[sfx-back-button]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n      <ng-content select=\"[sfx-header]\"></ng-content>\n    </div>\n  </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[sfx-left-column]\"></ng-content>\n    </div>\n    <div\n      id=\"review\"\n      class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n    >\n      <ng-content select=\"[sfx-right-column]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-gray-1 sfx-pb-10 sfx-mt-10 sfx-header\">\n  <div class=\"row\">\n    <div\n      class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n    >\n      <ng-content select=\"[sfx-back-button]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\n      <ng-content select=\"[sfx-header]\"></ng-content>\n    </div>\n  </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[sfx-left-column]\"></ng-content>\n    </div>\n    <div\n      id=\"review\"\n      class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 pull-right sticky-top sfx-mr-20\"\n    >\n      <ng-content select=\"[sfx-right-column]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2ZlZWRiYWNrLWRldGFpbC10ZW1wbGF0ZS9mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlL2ZlZWRiYWNrLWRldGFpbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLGdCQUFlLENBQUM7OzRIQURMLCtCQUErQjtnSEFBL0IsK0JBQStCLHlFQ1A1Qyw0MEJBMEJBOzJGRG5CYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsbUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZlZWRiYWNrLWRldGFpbC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0RldGFpbFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZngtYm9yZGVyLWJvdHRvbS1ncmF5LTEgc2Z4LXBiLTEwIHNmeC1tdC0xMCBzZngtaGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtbWItMzAgc2Z4LWJhY2stc2VjdGlvblwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1iYWNrLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTUgY29sLWxnLTVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG5cbjxzZWN0aW9uIGNsYXNzPVwic2Z4LWNvbHVtbi13cmFwXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtNiBjb2wtbGctNlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1sZWZ0LWNvbHVtbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgaWQ9XCJyZXZpZXdcIlxuICAgICAgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC00IGNvbC1sZy00IHB1bGwtcmlnaHQgc3RpY2t5LXRvcCBzZngtbXItMjBcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtcmlnaHQtY29sdW1uXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2020/lib/templates/feedback-detail-template/feedback-detail-template.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FeedbackDetailTemplateComponent } from './feedback-detail-template.component';
+import { PlaceholderModule } from '../placeholder/placeholder.module';
+import * as i0 from "@angular/core";
+export class FeedbackDetailTemplateModule {
+}
+FeedbackDetailTemplateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeedbackDetailTemplateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateModule, declarations: [FeedbackDetailTemplateComponent], imports: [CommonModule, PlaceholderModule], exports: [FeedbackDetailTemplateComponent] });
+FeedbackDetailTemplateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateModule, imports: [[CommonModule, PlaceholderModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeedbackDetailTemplateComponent],
+                    imports: [CommonModule, PlaceholderModule],
+                    exports: [FeedbackDetailTemplateComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2ZlZWRiYWNrLWRldGFpbC10ZW1wbGF0ZS9mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQU90RSxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzBIQUE1Qiw0QkFBNEIsaUJBSnhCLCtCQUErQixhQUNwQyxZQUFZLEVBQUUsaUJBQWlCLGFBQy9CLCtCQUErQjswSEFFOUIsNEJBQTRCLFlBSDlCLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDOzJGQUcvQiw0QkFBNEI7a0JBTHhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsK0JBQStCLENBQUM7b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQztvQkFDMUMsT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbFRlbXBsYXRlQ29tcG9uZW50IH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGUuY29tcG9uZW50JztcbmltcG9ydCB7IFBsYWNlaG9sZGVyTW9kdWxlIH0gZnJvbSAnLi4vcGxhY2Vob2xkZXIvcGxhY2Vob2xkZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRmVlZGJhY2tEZXRhaWxUZW1wbGF0ZUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBsYWNlaG9sZGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0ZlZWRiYWNrRGV0YWlsVGVtcGxhdGVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsVGVtcGxhdGVNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/atoms/sfx-loader/sfx-loader.component.mjs

@@ -1,16 +1,20 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "../paragraph/paragraph.component";
+import * as i2 from "@angular/common";
 export class SfxLoaderComponent {
     constructor() {
         this.leftStyle = 50;
     }
 }
 SfxLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SfxLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: { leftStyle: "leftStyle" }, ngImport: i0, template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"] });
+SfxLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: { leftStyle: "leftStyle", message: "message" }, ngImport: i0, template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n<symphony-paragraph *ngIf=\"message?.length > 0\" class=\"text-center\">\n  {{ message }}\n</symphony-paragraph>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-sfx-loader', template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"] }]
+            args: [{ selector: 'symphony-sfx-loader', template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n<symphony-paragraph *ngIf=\"message?.length > 0\" class=\"text-center\">\n  {{ message }}\n</symphony-paragraph>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { leftStyle: [{
                 type: Input
+            }], message: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Z4LWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QjtRQUZTLGNBQVMsR0FBRyxFQUFFLENBQUM7SUFFVCxDQUFDOzsrR0FITCxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrRkNQL0IsMkVBQ0E7MkZETWEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLHFCQUFxQjswRUFLdEIsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktc2Z4LWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZngtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2Z4LWxvYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZnhMb2FkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBsZWZ0U3R5bGUgPSA1MDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY29sLW1kLTEyIHNmeC1sb2FkZXJcIiBbc3R5bGUubGVmdC4lXT1cImxlZnRTdHlsZVwiPjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Z4LWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCO1FBSFMsY0FBUyxHQUFHLEVBQUUsQ0FBQztJQUdULENBQUM7OytHQUpMLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1IQ1AvQiw2TEFJQTsyRkRHYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UscUJBQXFCOzBFQUt0QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktc2Z4LWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZngtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2Z4LWxvYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNmeExvYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxlZnRTdHlsZSA9IDUwO1xuICBASW5wdXQoKSBtZXNzYWdlPzogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgc2Z4LWxvYWRlclwiIFtzdHlsZS5sZWZ0LiVdPVwibGVmdFN0eWxlXCI+PC9kaXY+XG48c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwibWVzc2FnZT8ubGVuZ3RoID4gMFwiIGNsYXNzPVwidGV4dC1jZW50ZXJcIj5cbiAge3sgbWVzc2FnZSB9fVxuPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4iXX0=

package/esm2020/projects/component-library/lib/atoms/sfx-loader/sfx-loader.module.mjs

@@ -1,18 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SfxLoaderComponent } from './sfx-loader.component';
+import { ParagraphModule } from '../paragraph/paragraph.module';
 import * as i0 from "@angular/core";
 export class SfxLoaderModule {
 }
 SfxLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SfxLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, declarations: [SfxLoaderComponent], imports: [CommonModule], exports: [SfxLoaderComponent] });
-SfxLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, imports: [[CommonModule]] });
+SfxLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, declarations: [SfxLoaderComponent], imports: [CommonModule, ParagraphModule], exports: [SfxLoaderComponent] });
+SfxLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, imports: [[CommonModule, ParagraphModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SfxLoaderComponent],
-                    imports: [CommonModule],
-                    exports: [SfxLoaderComponent],
+                    imports: [CommonModule, ParagraphModule],
+                    exports: [SfxLoaderComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Z4LWxvYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTzVELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBSlgsa0JBQWtCLGFBQ3ZCLFlBQVksYUFDWixrQkFBa0I7NkdBRWpCLGVBQWUsWUFIakIsQ0FBQyxZQUFZLENBQUM7MkZBR1osZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNmeExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2Z4LWxvYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTZnhMb2FkZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1NmeExvYWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNmeExvYWRlck1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Z4LWxvYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU9oRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQUpYLGtCQUFrQixhQUN2QixZQUFZLEVBQUUsZUFBZSxhQUM3QixrQkFBa0I7NkdBRWpCLGVBQWUsWUFIakIsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDOzJGQUc3QixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNmeExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2Z4LWxvYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTZnhMb2FkZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQYXJhZ3JhcGhNb2R1bGVdLFxuICBleHBvcnRzOiBbU2Z4TG9hZGVyQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBTZnhMb2FkZXJNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/molecules/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs

@@ -7,10 +7,10 @@ export class FeedbackCandidateCertificationsComponent {
     constructor() { }
 }
 FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
+            args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { certificationHistories: [{
                 type: Input
             }] } });

package/esm2020/projects/component-library/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs

@@ -7,10 +7,10 @@ export class FeedbackCandidateEducationComponent {
     constructor() { }
 }
 FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-candidate-education', template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
+            args: [{ selector: 'symphony-feedback-candidate-education', template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { educationHistories: [{
                 type: Input
             }] } });

package/esm2020/projects/component-library/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs

@@ -7,10 +7,10 @@ export class FeedbackCandidateWorkHistoryComponent {
     constructor() { }
 }
 FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
+            args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { workHistories: [{
                 type: Input
             }] } });

package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs

@@ -14,13 +14,13 @@ export class FeedbackDetailHeaderComponent {
     }
 }
 FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block sfx-mr-40\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:5px;height:5px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block sfx-mr-40\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:5px;height:5px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], previewClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9mZWVkYmFjay1kZXRhaWwtaGVhZGVyL2ZlZWRiYWNrLWRldGFpbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWhlYWRlci9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyw2QkFBNkI7SUFJeEM7UUFGVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdkMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7MEhBUlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa0pDZjFDLHF2QkF5QkE7MkZEVmEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLGlDQUFpQyxpQkFHNUIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbEhlYWRlck1vZGVsIH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stZGV0YWlsLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrRGV0YWlsSGVhZGVyTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMucHJldmlld0NsaWNrZWQuZW1pdCgnY2xpY2tlZCcpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBzZngtbXItNDBcIj5cbiAgPHN5bXBob255LWgzIFt0ZXh0XT1cIm1vZGVsLm5hbWVcIj48L3N5bXBob255LWgzPlxuXG4gIDx1bCBjbGFzcz1cImNhbmRpZGF0ZS1kZXRhaWxzIHNmeC1tdC0xMCBzZngtbWItMjAgbGlzdC11bnN0eWxlZFwiPlxuICAgIDxsaT57eyBtb2RlbC5sb2NhdGlvbiB9fTwvbGk+XG4gICAgPGxpPnt7IG1vZGVsLmVtYWlsIH19PC9saT5cbiAgICA8bGk+e3sgbW9kZWwucGhvbmUgfX08L2xpPlxuICA8L3VsPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgYWxpZ24tdGV4dC1ib3R0b21cIj5cbiAgPHN5bXBob255LWljb24td3JhcHBlciAoY2xpY2tlZCk9XCJvbkNsaWNrKClcIj5cbiAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktcHJldmlldydcIj48L3N5bXBob255LWljb25cbiAgPjwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuPC9kaXY+XG5cbjxhIGhyZWY9XCIjcmV2aWV3XCI+XG4gIDxzeW1waG9ueS1idXR0b25cbiAgICBzZngtYnV0dG9uLXNlY29uZGFyeVxuICAgIFt0ZXh0XT1cIidSZXZpZXcnXCJcbiAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgY2xhc3M9XCJzZngtZC1ub25lIHZpc2libGUteHMtaW5saW5lLWJsb2NrIHNmeC1tbC0yMCBhbGlnbi10ZXh0LWJvdHRvbSByZXZpZXctYnV0dG9uXCJcbiAgPlxuICA8L3N5bXBob255LWJ1dHRvbj5cbjwvYT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9mZWVkYmFjay1kZXRhaWwtaGVhZGVyL2ZlZWRiYWNrLWRldGFpbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWhlYWRlci9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyw2QkFBNkI7SUFJeEM7UUFGVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdkMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7MEhBUlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa0pDZjFDLDJ1QkF5QkE7MkZEVmEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLGlDQUFpQyxpQkFHNUIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbEhlYWRlck1vZGVsIH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stZGV0YWlsLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrRGV0YWlsSGVhZGVyTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMucHJldmlld0NsaWNrZWQuZW1pdCgnY2xpY2tlZCcpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9ja1wiPlxuICA8c3ltcGhvbnktaDMgW3RleHRdPVwibW9kZWwubmFtZVwiPjwvc3ltcGhvbnktaDM+XG5cbiAgPHVsIGNsYXNzPVwiY2FuZGlkYXRlLWRldGFpbHMgc2Z4LW10LTEwIHNmeC1tYi0yMCBsaXN0LXVuc3R5bGVkXCI+XG4gICAgPGxpPnt7IG1vZGVsLmxvY2F0aW9uIH19PC9saT5cbiAgICA8bGk+e3sgbW9kZWwuZW1haWwgfX08L2xpPlxuICAgIDxsaT57eyBtb2RlbC5waG9uZSB9fTwvbGk+XG4gIDwvdWw+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBhbGlnbi10ZXh0LWJvdHRvbVwiPlxuICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIChjbGlja2VkKT1cIm9uQ2xpY2soKVwiPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvblxuICA+PC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG48L2Rpdj5cblxuPGEgaHJlZj1cIiNyZXZpZXdcIj5cbiAgPHN5bXBob255LWJ1dHRvblxuICAgIHNmeC1idXR0b24tc2Vjb25kYXJ5XG4gICAgW3RleHRdPVwiJ1JldmlldydcIlxuICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICBjbGFzcz1cInNmeC1kLW5vbmUgdmlzaWJsZS14cy1pbmxpbmUtYmxvY2sgc2Z4LW1sLTIwIGFsaWduLXRleHQtYm90dG9tIHJldmlldy1idXR0b25cIlxuICA+XG4gIDwvc3ltcGhvbnktYnV0dG9uPlxuPC9hPlxuIl19

package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Input, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/h4/h4.component";
+import * as i2 from "../../atoms/icon/icon.component";
+import * as i3 from "../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../atoms/input-dropdown/input-dropdown.component";
+import * as i5 from "../../atoms/button/button.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+export class FeedbackDetailInterestFormComponent {
+    constructor() {
+        this.cancel = new EventEmitter();
+        this.save = new EventEmitter();
+    }
+    onInterestedButtonClick(interestedState) {
+        this.model.status = interestedState;
+    }
+    onCancelClick() {
+        this.cancel.emit();
+    }
+    onSaveClick() {
+        this.save.emit(this.model);
+    }
+}
+FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n  <symphony-h4\n    class=\"sfx-mb-25 sfx-d-block\"\n    [text]=\"'Interested in this contact?'\"\n  ></symphony-h4>\n\n  <div class=\"form-group sfx-d-flex sfx-mb-30\">\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n        [icon]=\"'si-feedback-yes'\"\n        (clicked)=\"onInterestedButtonClick('Yes')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n    </div>\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n        [icon]=\"'si-feedback-no'\"\n        (clicked)=\"onInterestedButtonClick('No')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n    </div>\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n        [icon]=\"'si-feedback-maybe'\"\n        (clicked)=\"onInterestedButtonClick('Not Now')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n    </div>\n  </div>\n\n  <div class=\"form-group\">\n    <symphony-input-dropdown\n      *ngIf=\"model.showReasonDropdown\"\n      class=\"sfx-d-block sfx-mb-15\"\n      [inputDropdownListModel]=\"model.reasonDropdown\"\n    ></symphony-input-dropdown>\n\n    <symphony-input-dropdown\n      *ngIf=\"model.showRecommendationDropdown\"\n      class=\"sfx-d-block sfx-mb-15\"\n      [inputDropdownListModel]=\"model.recommendationDropdown\"\n    ></symphony-input-dropdown>\n\n    <label for=\"comments\" class=\"form-label\">Comments</label>\n    <textarea\n      [(ngModel)]=\"model.comments\"\n      class=\"form-control sfx-mb-5\"\n      id=\"comments\"\n      rows=\"4\"\n      >{{ model.comments }}</textarea\n    >\n  </div>\n\n  <div class=\"form-group pull-right sfx-mt-40\">\n    <symphony-button\n      [text]=\"'Cancel'\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCancelClick()\"\n    ></symphony-button>\n    <symphony-button\n      class=\"sfx-ml-20 save\"\n      [text]=\"'Save'\"\n      [disabled]=\"model.isSaveDisabled || !model.status\"\n      (clicked)=\"onSaveClick()\"\n    ></symphony-button>\n  </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i5.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n  <symphony-h4\n    class=\"sfx-mb-25 sfx-d-block\"\n    [text]=\"'Interested in this contact?'\"\n  ></symphony-h4>\n\n  <div class=\"form-group sfx-d-flex sfx-mb-30\">\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n        [icon]=\"'si-feedback-yes'\"\n        (clicked)=\"onInterestedButtonClick('Yes')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n    </div>\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n        [icon]=\"'si-feedback-no'\"\n        (clicked)=\"onInterestedButtonClick('No')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n    </div>\n    <div class=\"sfx-d-flex sfx-mr-50\">\n      <symphony-icon\n        class=\"sfx-mr-10 color-light-gray2\"\n        [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n        [icon]=\"'si-feedback-maybe'\"\n        (clicked)=\"onInterestedButtonClick('Not Now')\"\n      ></symphony-icon>\n      <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n    </div>\n  </div>\n\n  <div class=\"form-group\">\n    <symphony-input-dropdown\n      *ngIf=\"model.showReasonDropdown\"\n      class=\"sfx-d-block sfx-mb-15\"\n      [inputDropdownListModel]=\"model.reasonDropdown\"\n    ></symphony-input-dropdown>\n\n    <symphony-input-dropdown\n      *ngIf=\"model.showRecommendationDropdown\"\n      class=\"sfx-d-block sfx-mb-15\"\n      [inputDropdownListModel]=\"model.recommendationDropdown\"\n    ></symphony-input-dropdown>\n\n    <label for=\"comments\" class=\"form-label\">Comments</label>\n    <textarea\n      [(ngModel)]=\"model.comments\"\n      class=\"form-control sfx-mb-5\"\n      id=\"comments\"\n      rows=\"4\"\n      >{{ model.comments }}</textarea\n    >\n  </div>\n\n  <div class=\"form-group pull-right sfx-mt-40\">\n    <symphony-button\n      [text]=\"'Cancel'\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onCancelClick()\"\n    ></symphony-button>\n    <symphony-button\n      class=\"sfx-ml-20 save\"\n      [text]=\"'Save'\"\n      [disabled]=\"model.isSaveDisabled || !model.status\"\n      (clicked)=\"onSaveClick()\"\n    ></symphony-button>\n  </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}body .sfx .form-label{font-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem}body .sfx textarea{box-shadow:none}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], cancel: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUNBQW1DO0lBSzlDO1FBSFUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO0lBRXRELENBQUM7SUFFaEIsdUJBQXVCLENBQUMsZUFBdUI7UUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsZUFBZSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOztnSUFqQlUsbUNBQW1DO29IQUFuQyxtQ0FBbUMsdUpDZmhELG02RUF5RUE7MkZEMURhLG1DQUFtQztrQkFOL0MsU0FBUzsrQkFDRSx3Q0FBd0MsaUJBR25DLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbCB9IGZyb20gJy4vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Db21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbDtcbiAgQE91dHB1dCgpIGNhbmNlbCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHNhdmUgPSBuZXcgRXZlbnRFbWl0dGVyPEZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtTW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKGludGVyZXN0ZWRTdGF0ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb2RlbC5zdGF0dXMgPSBpbnRlcmVzdGVkU3RhdGU7XG4gIH1cblxuICBvbkNhbmNlbENsaWNrKCkge1xuICAgIHRoaXMuY2FuY2VsLmVtaXQoKTtcbiAgfVxuXG4gIG9uU2F2ZUNsaWNrKCkge1xuICAgIHRoaXMuc2F2ZS5lbWl0KHRoaXMubW9kZWwpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWxcIj5cbiAgPHN5bXBob255LWg0XG4gICAgY2xhc3M9XCJzZngtbWItMjUgc2Z4LWQtYmxvY2tcIlxuICAgIFt0ZXh0XT1cIidJbnRlcmVzdGVkIGluIHRoaXMgY29udGFjdD8nXCJcbiAgPjwvc3ltcGhvbnktaDQ+XG5cbiAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgc2Z4LWQtZmxleCBzZngtbWItMzBcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBzZngtbXItNTBcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIGNvbG9yLWxpZ2h0LWdyYXkyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnY29sb3ItZ3JlZW4nOiBtb2RlbC5zdGF0dXMgPT09ICdZZXMnIH1cIlxuICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2steWVzJ1wiXG4gICAgICAgIChjbGlja2VkKT1cIm9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKCdZZXMnKVwiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbdGV4dF09XCInWWVzJ1wiPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1tci01MFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3ItbGlnaHQtZ3JheTJcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdjb2xvci1yZWQnOiBtb2RlbC5zdGF0dXMgPT09ICdObycgfVwiXG4gICAgICAgIFtpY29uXT1cIidzaS1mZWVkYmFjay1ubydcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvbkludGVyZXN0ZWRCdXR0b25DbGljaygnTm8nKVwiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbdGV4dF09XCInTm8nXCI+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggc2Z4LW1yLTUwXCI+XG4gICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICBjbGFzcz1cInNmeC1tci0xMCBjb2xvci1saWdodC1ncmF5MlwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2NvbG9yLW9yYW5nZSc6IG1vZGVsLnN0YXR1cyA9PT0gJ05vdCBOb3cnIH1cIlxuICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbWF5YmUnXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25JbnRlcmVzdGVkQnV0dG9uQ2xpY2soJ05vdCBOb3cnKVwiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbdGV4dF09XCInTm90IE5vdydcIj48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cbiAgICA8c3ltcGhvbnktaW5wdXQtZHJvcGRvd25cbiAgICAgICpuZ0lmPVwibW9kZWwuc2hvd1JlYXNvbkRyb3Bkb3duXCJcbiAgICAgIGNsYXNzPVwic2Z4LWQtYmxvY2sgc2Z4LW1iLTE1XCJcbiAgICAgIFtpbnB1dERyb3Bkb3duTGlzdE1vZGVsXT1cIm1vZGVsLnJlYXNvbkRyb3Bkb3duXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1kcm9wZG93bj5cblxuICAgIDxzeW1waG9ueS1pbnB1dC1kcm9wZG93blxuICAgICAgKm5nSWY9XCJtb2RlbC5zaG93UmVjb21tZW5kYXRpb25Ecm9wZG93blwiXG4gICAgICBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1tYi0xNVwiXG4gICAgICBbaW5wdXREcm9wZG93bkxpc3RNb2RlbF09XCJtb2RlbC5yZWNvbW1lbmRhdGlvbkRyb3Bkb3duXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1kcm9wZG93bj5cblxuICAgIDxsYWJlbCBmb3I9XCJjb21tZW50c1wiIGNsYXNzPVwiZm9ybS1sYWJlbFwiPkNvbW1lbnRzPC9sYWJlbD5cbiAgICA8dGV4dGFyZWFcbiAgICAgIFsobmdNb2RlbCldPVwibW9kZWwuY29tbWVudHNcIlxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgc2Z4LW1iLTVcIlxuICAgICAgaWQ9XCJjb21tZW50c1wiXG4gICAgICByb3dzPVwiNFwiXG4gICAgICA+e3sgbW9kZWwuY29tbWVudHMgfX08L3RleHRhcmVhXG4gICAgPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdWxsLXJpZ2h0IHNmeC1tdC00MFwiPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgIFt0ZXh0XT1cIidDYW5jZWwnXCJcbiAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQ2FuY2VsQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgIGNsYXNzPVwic2Z4LW1sLTIwIHNhdmVcIlxuICAgICAgW3RleHRdPVwiJ1NhdmUnXCJcbiAgICAgIFtkaXNhYmxlZF09XCJtb2RlbC5pc1NhdmVEaXNhYmxlZCB8fCAhbW9kZWwuc3RhdHVzXCJcbiAgICAgIChjbGlja2VkKT1cIm9uU2F2ZUNsaWNrKClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybS9mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXREcm9wZG93bkxpc3QgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi1saXN0Lm1vZGVsJztcblxuZXhwb3J0IGludGVyZmFjZSBGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsIHtcbiAgaWRlbnRpZmllcj86IG51bWJlcjtcbiAgcmVhc29uRHJvcGRvd246IElucHV0RHJvcGRvd25MaXN0O1xuICByZWNvbW1lbmRhdGlvbkRyb3Bkb3duOiBJbnB1dERyb3Bkb3duTGlzdDtcbiAgc2hvd1JlYXNvbkRyb3Bkb3duPzogYm9vbGVhbjtcbiAgc2hvd1JlY29tbWVuZGF0aW9uRHJvcGRvd24/OiBib29sZWFuO1xuICBjb21tZW50cz86IHN0cmluZztcbiAgaXNTYXZlRGlzYWJsZWQ6IGJvb2xlYW47XG4gIHN0YXR1czogc3RyaW5nO1xufVxuIl19

package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.module.mjs

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FeedbackDetailInterestFormComponent } from './feedback-detail-interest-form.component';
+import { H4Module } from '../../atoms/h4/h4.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { InputDropdownModule } from '../../atoms/input-dropdown/input-dropdown.module';
+import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
+import { ButtonModule } from '../../atoms/button/button.module';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class FeedbackDetailInterestFormModule {
+}
+FeedbackDetailInterestFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeedbackDetailInterestFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, declarations: [FeedbackDetailInterestFormComponent], imports: [CommonModule,
+        H4Module,
+        IconModule,
+        InputDropdownModule,
+        ParagraphModule,
+        ButtonModule,
+        FormsModule], exports: [FeedbackDetailInterestFormComponent] });
+FeedbackDetailInterestFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, imports: [[
+            CommonModule,
+            H4Module,
+            IconModule,
+            InputDropdownModule,
+            ParagraphModule,
+            ButtonModule,
+            FormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeedbackDetailInterestFormComponent],
+                    imports: [
+                        CommonModule,
+                        H4Module,
+                        IconModule,
+                        InputDropdownModule,
+                        ParagraphModule,
+                        ButtonModule,
+                        FormsModule
+                    ],
+                    exports: [FeedbackDetailInterestFormComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDdkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBZTdDLE1BQU0sT0FBTyxnQ0FBZ0M7OzZIQUFoQyxnQ0FBZ0M7OEhBQWhDLGdDQUFnQyxpQkFaNUIsbUNBQW1DLGFBRWhELFlBQVk7UUFDWixRQUFRO1FBQ1IsVUFBVTtRQUNWLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsWUFBWTtRQUNaLFdBQVcsYUFFSCxtQ0FBbUM7OEhBRWxDLGdDQUFnQyxZQVhsQztZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsVUFBVTtZQUNWLG1CQUFtQjtZQUNuQixlQUFlO1lBQ2YsWUFBWTtZQUNaLFdBQVc7U0FDWjsyRkFHVSxnQ0FBZ0M7a0JBYjVDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUNBQW1DLENBQUM7b0JBQ25ELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFFBQVE7d0JBQ1IsVUFBVTt3QkFDVixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRSxDQUFDLG1DQUFtQyxDQUFDO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Db21wb25lbnQgfSBmcm9tICcuL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBINE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2g0L2g0Lm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaW5wdXQtZHJvcGRvd24vaW5wdXQtZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGgubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBJbnB1dERyb3Bkb3duTW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0ZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZHVsZSB7fVxuIl19

package/esm2020/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs

@@ -23,7 +23,7 @@ export class FeedbackLoginModalComponent {
     }
 }
 FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n      >\n      </symphony-input-text>\n      <symphony-h5\n        class=\"sfx-d-inline-block sfx-cursor-pointer\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button>\n  </section>\n</div>\n", styles: [".authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n      >\n      </symphony-input-text>\n      <symphony-h5\n        class=\"sfx-d-inline-block sfx-cursor-pointer\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button>\n  </section>\n</div>\n", styles: [".authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4>Two-Factor Authentication</symphony-h4>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n    <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n      [text]=\"model.email\"\n    ></symphony-paragraph>\n    <div>\n      <symphony-input-text\n        class=\"authentication-input sfx-d-inline-block\"\n        [label]=\"'Authentication Code'\"\n        (textChange)=\"onAuthCodeChange($event)\"\n      >\n      </symphony-input-text>\n      <symphony-h5\n        class=\"sfx-d-inline-block sfx-cursor-pointer\"\n        [text]=\"'Resend'\"\n        (click)=\"onResendClick()\"\n      ></symphony-h5>\n    </div>\n    <div class=\"input-validation sfx-txt-red\">\n        <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n    </div>\n    <symphony-paragraph\n      class=\"sfx-mt-20 sfx-d-block\"\n    >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n  </section>\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n    <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"'Verify'\"\n      [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n      (clicked)=\"onVerifyClick($event)\"\n    ></symphony-button>\n  </section>\n</div>\n", styles: [".authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]