@symphony-talent/component-library 3.13.0 → 3.14.0

package/fesm2020/symphony-talent-component-library-projects-component-library.mjs

@@ -2836,6 +2836,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class FeedbackDetailHeaderComponent {
+    constructor() {
+        this.previewClicked = new EventEmitter();
+    }
+    onClick() {
+        this.previewClicked.emit('clicked');
+    }
+}
+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: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], previewClicked: [{
+                type: Output
+            }] } });
+
+class FeedbackDetailHeaderModule {
+}
+FeedbackDetailHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeedbackDetailHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, declarations: [FeedbackDetailHeaderComponent], imports: [CommonModule,
+        H3Module,
+        IconModule,
+        IconWrapperModule,
+        ButtonModule], exports: [FeedbackDetailHeaderComponent] });
+FeedbackDetailHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, imports: [[
+            CommonModule,
+            H3Module,
+            IconModule,
+            IconWrapperModule,
+            ButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeedbackDetailHeaderComponent],
+                    imports: [
+                        CommonModule,
+                        H3Module,
+                        IconModule,
+                        IconWrapperModule,
+                        ButtonModule
+                    ],
+                    exports: [FeedbackDetailHeaderComponent]
+                }]
+        }] });
+
 class OrganismsModule {
 }
 OrganismsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2846,7 +2895,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         IconExplorerModule,
         CardListModule,
         CancelModalModule,
-        FeedbackCardListModule] });
+        FeedbackCardListModule,
+        FeedbackDetailHeaderModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -2855,7 +2905,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             IconExplorerModule,
             CardListModule,
             CancelModalModule,
-            FeedbackCardListModule
+            FeedbackCardListModule,
+            FeedbackDetailHeaderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -2869,7 +2920,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         IconExplorerModule,
                         CardListModule,
                         CancelModalModule,
-                        FeedbackCardListModule
+                        FeedbackCardListModule,
+                        FeedbackDetailHeaderModule
                     ]
                 }]
         }] });