@symphony-talent/component-library 3.11.1 → 3.12.0

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

@@ -1499,6 +1499,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+var FeedbackCardState;
+(function (FeedbackCardState) {
+    FeedbackCardState["None"] = "None";
+    FeedbackCardState["Yes"] = "Yes";
+    FeedbackCardState["No"] = "No";
+    FeedbackCardState["NotNow"] = "NotNow";
+})(FeedbackCardState || (FeedbackCardState = {}));
+
+class FeedbackCardComponent {
+    constructor() {
+        this.cardClick = new EventEmitter();
+        this.FeedbackCardState = FeedbackCardState;
+    }
+    onCardClick(clickEvent) {
+        this.cardClick.emit(this.model);
+    }
+}
+FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n  <div class=\"card-item sfx-d-flex\">\n    <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon-wrapper\n          *ngIf=\"model.showEditIcon\"\n          [isInverse]=\"true\"\n          class=\"feedback-edit\"\n          ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div\n      class=\"card-footer sfx-mb-5 sfx-d-flex\"\n      [ngSwitch]=\"model.feedbackState\"\n    >\n      <ng-container *ngSwitchCase=\"'Yes'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-green\"\n          [icon]=\"'si-feedback-yes'\"\n        ></symphony-icon>\n        <symphony-h5>Yes</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'No'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-red\"\n          [icon]=\"'si-feedback-no'\"\n        ></symphony-icon>\n        <symphony-h5>No</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'NotNow'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-h5>Not Now</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-h5>Provide Feedback</symphony-h5>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: H4Component, selector: "symphony-h4", 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: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n  <div class=\"card-item sfx-d-flex\">\n    <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon-wrapper\n          *ngIf=\"model.showEditIcon\"\n          [isInverse]=\"true\"\n          class=\"feedback-edit\"\n          ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n        ></symphony-icon-wrapper>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div\n      class=\"card-footer sfx-mb-5 sfx-d-flex\"\n      [ngSwitch]=\"model.feedbackState\"\n    >\n      <ng-container *ngSwitchCase=\"'Yes'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-green\"\n          [icon]=\"'si-feedback-yes'\"\n        ></symphony-icon>\n        <symphony-h5>Yes</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'No'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-red\"\n          [icon]=\"'si-feedback-no'\"\n        ></symphony-icon>\n        <symphony-h5>No</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'NotNow'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-h5>Not Now</symphony-h5>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-h5>Provide Feedback</symphony-h5>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], cardClick: [{
+                type: Output
+            }] } });
+
+class FeedbackCardModule {
+}
+FeedbackCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeedbackCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, declarations: [FeedbackCardComponent], imports: [CommonModule,
+        H4Module,
+        IconModule,
+        H5Module,
+        IconWrapperModule,
+        ParagraphModule], exports: [FeedbackCardComponent] });
+FeedbackCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, imports: [[
+            CommonModule,
+            H4Module,
+            IconModule,
+            H5Module,
+            IconWrapperModule,
+            ParagraphModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeedbackCardComponent],
+                    imports: [
+                        CommonModule,
+                        H4Module,
+                        IconModule,
+                        H5Module,
+                        IconWrapperModule,
+                        ParagraphModule
+                    ],
+                    exports: [FeedbackCardComponent]
+                }]
+        }] });
+
 class PillsComponent {
     constructor() {
         this.removePill = new EventEmitter();
@@ -1748,7 +1809,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         IconSwatchModule,
         BreadcrumbModule,
         H5WithIconModule,
-        InvoiceLineItemModule], exports: [PillsModule, BreadcrumbModule] });
+        InvoiceLineItemModule,
+        FeedbackCardModule], exports: [PillsModule, BreadcrumbModule, FeedbackCardModule] });
 MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
             CommonModule,
             AvatarModule,
@@ -1759,7 +1821,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             BreadcrumbModule,
             H5WithIconModule,
             InvoiceLineItemModule,
-        ], PillsModule, BreadcrumbModule] });
+            FeedbackCardModule
+        ], PillsModule, BreadcrumbModule, FeedbackCardModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
             type: NgModule,
             args: [{
@@ -1774,8 +1837,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         BreadcrumbModule,
                         H5WithIconModule,
                         InvoiceLineItemModule,
+                        FeedbackCardModule
                     ],
-                    exports: [PillsModule, BreadcrumbModule],
+                    exports: [PillsModule, BreadcrumbModule, FeedbackCardModule]
                 }]
         }] });
 
@@ -1812,6 +1876,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class FeedbackCardListComponent {
+    constructor() {
+        this.cardClick = new EventEmitter();
+    }
+    onFeedbackCardClick(feedbackCard) {
+        this.cardClick.emit(feedbackCard);
+    }
+}
+FeedbackCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FeedbackCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: { feedbackCardList: "feedbackCardList" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<section class=\"card-list\">\n  <ul class=\"row card-list list-unstyled\">\n    <li\n      class=\"col-sm-4 col-md-3 card-list-item\"\n      *ngFor=\"let feedbackCard of feedbackCardList\"\n    >\n      <symphony-feedback-card\n        [model]=\"feedbackCard\"\n        (cardClick)=\"onFeedbackCardClick($event)\"\n      ></symphony-feedback-card>\n    </li>\n  </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"], components: [{ type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: ["model"], outputs: ["cardClick"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-feedback-card-list', template: "<section class=\"card-list\">\n  <ul class=\"row card-list list-unstyled\">\n    <li\n      class=\"col-sm-4 col-md-3 card-list-item\"\n      *ngFor=\"let feedbackCard of feedbackCardList\"\n    >\n      <symphony-feedback-card\n        [model]=\"feedbackCard\"\n        (cardClick)=\"onFeedbackCardClick($event)\"\n      ></symphony-feedback-card>\n    </li>\n  </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { feedbackCardList: [{
+                type: Input
+            }], cardClick: [{
+                type: Output
+            }] } });
+
+class FeedbackCardListModule {
+}
+FeedbackCardListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeedbackCardListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, declarations: [FeedbackCardListComponent], imports: [CommonModule, FeedbackCardModule], exports: [FeedbackCardListComponent] });
+FeedbackCardListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, imports: [[CommonModule, FeedbackCardModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeedbackCardListComponent],
+                    imports: [CommonModule, FeedbackCardModule],
+                    exports: [FeedbackCardListComponent]
+                }]
+        }] });
+
 class NoteComponent {
     constructor() {
         this.noteModel = {
@@ -2748,7 +2845,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         TypographyModule,
         IconExplorerModule,
         CardListModule,
-        CancelModalModule] });
+        CancelModalModule,
+        FeedbackCardListModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -2756,7 +2854,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             TypographyModule,
             IconExplorerModule,
             CardListModule,
-            CancelModalModule
+            CancelModalModule,
+            FeedbackCardListModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -2769,8 +2868,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         TypographyModule,
                         IconExplorerModule,
                         CardListModule,
-                        CancelModalModule
-                    ],
+                        CancelModalModule,
+                        FeedbackCardListModule
+                    ]
                 }]
         }] });
 
@@ -3591,5 +3691,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, gridType };
+export { ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map